From b8e9086f8762a0641fb1f984e70335fa02d88802 Mon Sep 17 00:00:00 2001 From: lynxize Date: Thu, 14 Nov 2024 20:28:28 -0700 Subject: [PATCH] yay website v2 --- config.toml | 17 +- content/about.md | 2 +- content/blog/keyboard-lighting.md | 4 +- content/blog/website-v2.md | 19 ++ highlight_themes/Erebus.tmTheme | 467 ++++++++++++++++++++++++++++++ static/main.css | 89 +++--- templates/index.html | 1 - 7 files changed, 552 insertions(+), 47 deletions(-) create mode 100644 content/blog/website-v2.md create mode 100644 highlight_themes/Erebus.tmTheme diff --git a/config.toml b/config.toml index 45baeaa..1c8308b 100644 --- a/config.toml +++ b/config.toml @@ -1,16 +1,19 @@ # The URL the site will be built for base_url = "https://lynxize.dev" -# Whether to automatically compile all Sass files in the sass directory -compile_sass = true +compile_sass = false +build_search_index = false + +generate_feeds = false # need to configure it to be at /blog/atom.xml which takes Work(tM) -# Whether to build a search index to be used later on by a JavaScript library -build_search_index = true [markdown] -# Whether to do syntax highlighting -# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola highlight_code = true +extra_syntaxes_and_themes=["highlight_themes"] +highlight_theme = "Erebus" + +external_links_target_blank = true +external_links_no_referrer = true + [extra] -# Put all your custom variables here diff --git a/content/about.md b/content/about.md index d6f381e..9d1a9e0 100644 --- a/content/about.md +++ b/content/about.md @@ -16,7 +16,7 @@ I like gamedev (though I'm not particularly great at it), D&D, reading Epic Fant I explain why I set up this site [over here](/blog/yet-another-blog), if you're curious. I'm not quite sure what I'm going to put here, probably just random stuff I feel like writing about. -Profile picture is from [this picrew](https://picrew.me/en/image_maker/2122621) (for now). +Profile picture on most sites is from [this picrew](https://picrew.me/en/image_maker/2122621) (for now). ### Contact You can find me in the following places: diff --git a/content/blog/keyboard-lighting.md b/content/blog/keyboard-lighting.md index 430b32b..c7147ec 100644 --- a/content/blog/keyboard-lighting.md +++ b/content/blog/keyboard-lighting.md @@ -107,7 +107,7 @@ Turns out QMK makes it quite easy to [send data back and forth](https://docs.qmk between the computer and the keyboard, and after a little fiddling around, I had something promising. ## Final Code -```c,linenos +```c RGB_MATRIX_EFFECT(custom_colors) RGB_MATRIX_EFFECT(pride_flag) @@ -167,7 +167,7 @@ static bool pride_flag(effect_params_t* params) { I then wrote this little command-line thing to let me change the keyboard color on the fly. -```rs,linenos +```rs use hidapi::HidApi; use std::env; diff --git a/content/blog/website-v2.md b/content/blog/website-v2.md new file mode 100644 index 0000000..e9db494 --- /dev/null +++ b/content/blog/website-v2.md @@ -0,0 +1,19 @@ ++++ +title = "New Site!" +date = 2024-11-12 ++++ +New site! + +I was getting bored with the [old theme](https://github.com/lynxize/serene) (it felt a little too... stuffy) and kind of wanted to try making something myself. + +It's still using [Zola](https://www.getzola.org/) (which is great btw) as the site generator, but now with my own HTML templates and CSS. + +Is this site perfect? No, far from it. +The CSS is kind of a disaster, and I'm not quite happy with the look yet. There are a lot of rough edges and missing things relative to the old theme. +But, it exists, and *I* made it. Not ChatGPT, not copy-pasting from someone else's thing, *me*. + +And that [feels really really good](/blog/wobsite). + + +I might write something a little more in-depth once I'm happier with the new theme. +Maybe a "look everyone can do this" or "screw bloated websites" post, but I feel like those have been done to death and I don't really have anything new or insightful to add. We'll see. \ No newline at end of file diff --git a/highlight_themes/Erebus.tmTheme b/highlight_themes/Erebus.tmTheme new file mode 100644 index 0000000..3fb23e2 --- /dev/null +++ b/highlight_themes/Erebus.tmTheme @@ -0,0 +1,467 @@ + + + + + name + Erebus + settings + + + settings + + background + #1e1e1e + caret + #F8F8F0 + foreground + #F8F8F2 + invisibles + #3B3A32 + lineHighlight + #3D2E2E77 + selection + #A63A3A + + + + name + Comment + scope + comment + settings + + foreground + #8C6969 + + + + name + String + scope + string + settings + + foreground + #FFB2B2 + + + + name + Number + scope + constant.numeric + settings + + foreground + #E57EDD + + + + name + Built-in constant + scope + constant.language + settings + + foreground + #E57EDD + + + + name + User-defined constant + scope + constant.character, constant.other + settings + + foreground + #E57EDD + + + + name + Variable + scope + variable + settings + + fontStyle + + foreground + #D0A3F8 + + + + name + Keyword + scope + keyword + settings + + foreground + #D95757 + + + + name + Storage + scope + storage + settings + + fontStyle + + foreground + #D95757 + + + + name + Storage type + scope + storage.type + settings + + fontStyle + italic + foreground + #FFB266 + + + + name + Class name + scope + entity.name.class + settings + + fontStyle + underline + foreground + #F2AAEC + + + + name + Inherited class + scope + entity.other.inherited-class + settings + + fontStyle + italic underline + foreground + #F2AAEC + + + + name + Function name + scope + entity.name.function + settings + + fontStyle + + foreground + #F2AAEC + + + + name + Function argument + scope + variable.parameter + settings + + fontStyle + italic + foreground + #FFD2A6 + + + + name + Tag name + scope + entity.name.tag + settings + + fontStyle + + foreground + #D95757 + + + + name + Tag attribute + scope + entity.other.attribute-name + settings + + fontStyle + + foreground + #FFB266 + + + + name + Library function + scope + support.function + settings + + fontStyle + + foreground + #FFB266 + + + + name + Library constant + scope + support.constant + settings + + fontStyle + + foreground + #FFB266 + + + + name + Library class/type + scope + support.type, support.class + settings + + fontStyle + italic + foreground + #FFB266 + + + + name + Library variable + scope + support.other.variable + settings + + fontStyle + + + + + name + PHP Namespaces + scope + support.other.namespace, entity.name.type.namespace + settings + + foreground + #FFD2A6 + + + + name + PHP Namespace Alias + scope + support.other.namespace.use-as.php + settings + + foreground + #FFB266 + + + + name + PHP Namespace Keyword + scope + variable.language.namespace.php + settings + + foreground + #D17B7B + + + + name + PHP Namespace Separator + scope + punctuation.separator.inheritance.php + settings + + foreground + #E57EDD + + + + name + CSS ID / Class + scope + entity.other.attribute-name.id.css, entity.other.attribute-name.class.css + settings + + foreground + #F2AAEC + + + + name + CSS Pseudo Class + scope + entity.other.attribute-name.pseudo-class.css + settings + + foreground + #E57EDD + + + + name + CSS Functions / Property Values + scope + support.function.misc.css, support.constant.property-value.css, support.constant.font-name.css + settings + + foreground + #FFD2A6 + + + + name + CSS Numeric Constant + scope + constant.numeric.css + settings + + foreground + #F2AAEC + + + + name + CSS Function Parameters + scope + variable.parameter.misc.css + settings + + foreground + #F2AAEC + + + + name + Twig Tagbraces + scope + entity.other.tagbraces.twig + settings + + foreground + #E57EDD + + + + name + Twig Tag + scope + keyword.control.twig + settings + + foreground + #FFB266 + + + + name + Twig Variable + scope + variable.other.twig + settings + + foreground + #FFCCFB + + + + name + Twig Filter + scope + support.function.filter.twig + settings + + foreground + #D95757 + + + + name + Twig Variable Filter + scope + support.function.filter.variable.twig + settings + + foreground + #E57EDD + + + + name + Twig Function + scope + entity.name.function.twig + settings + + foreground + #D95757 + + + + name + Twig Function Argument + scope + entity.other.argument.twig + settings + + foreground + #FFB2B2 + + + + name + Invalid + scope + invalid + settings + + background + #D95757 + fontStyle + + foreground + #F8F8F0 + + + + name + Invalid deprecated + scope + invalid.deprecated + settings + + background + #E57EDD + foreground + #F8F8F0 + + + + uuid + 5EC01583-7BFA-496E-BAA7-6993f61d4191 + + \ No newline at end of file diff --git a/static/main.css b/static/main.css index 8efe402..f7decff 100644 --- a/static/main.css +++ b/static/main.css @@ -1,15 +1,13 @@ -@import url('https://fonts.googleapis.com/css?family=JetBrains Mono'); - @font-face { - font-family: "JetBrains Mono", monospace; - src: url("/fonts/JetBrainsMono-Regular.woff2") + font-family: "JetBrains Mono"; + src: url("fonts/JetBrainsMono-Regular.woff2"); } body { background-color: #0a0a0a; - max-width: max(800px, 45%); + max-width: clamp(800px, 45%, 1000px); height: 100vh; margin: auto; @@ -32,14 +30,6 @@ a:hover { color: #8eeacd; } -.subtitle { - color: #8bd5ca -} - -.content { - -} - header { font-family: "JetBrains Mono", monospace; @@ -79,38 +69,43 @@ footer { } .insert-note { - border-style: dotted; - border-width: 3px; border-radius: 5px; + border-style: solid; + border-color: #8aadf4; - padding: 8px; - - background-color: hsl(199deg, 76%, 20%); - border-color: hsl(189deg, 71%, 30%); + padding: 2px 8px 2px 15px; } .insert-warning { - border-style: dashed; - border-width: 3px; border-radius: 5px; + border-style: solid; + border-color: hsl(343deg, 81%, 50%); - padding: 8px; - - background-color: hsl(343deg, 81%, 20%); - border-color: hsl(23deg, 92%, 40%); + padding: 2px 8px 2px 15px; } .insert-important { - border-style: dashed; - border-width: 3px; border-radius: 5px; + border-style: solid; + border-color: hsl(23deg, 92%, 50%); - padding: 8px; - - background-color: hsl(23deg, 92%, 30%); - border-color: hsl(350deg, 65%, 77%); + padding: 2px 8px 2px 15px; } +.subtitle { + font-family: "JetBrains Mono", monospace; + color: #8bd5ca +} + + +blockquote { + border-left-width: 4px; + border-left-color: #8aadf4; + border-left-style: solid; + padding-left: 10px; + margin-left: 20px; + margin-right: 20px; +} figure { img { @@ -129,12 +124,34 @@ figcaption { #new-site-warning { margin-top: 10px; - padding: 8px; - background-color: hsl(343deg, 81%, 20%); - border-color: hsl(23deg, 92%, 40%); + padding: 8px 8px 8px 15px; - border-style: dashed; + border-color: hsl(343deg, 81%, 50%); border-radius: 5px; - border-width: 3px; + border-style: solid; +} + + +/* +Suggested css snippet for making code blocks suck less +see https://www.getzola.org/documentation/content/syntax-highlighting/ + */ +pre { + padding: 1rem; + overflow: auto; +} +pre[data-linenos] { + padding: 1rem 0; +} +pre table td { + padding: 0; +} +pre table td:nth-of-type(1) { + text-align: center; + user-select: none; +} +pre table { + width: 100%; + border-collapse: collapse; } \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index 63341c7..efe9900 100644 --- a/templates/index.html +++ b/templates/index.html @@ -14,5 +14,4 @@ I write bad code for fun and play games
More about me. -

Posts.

{% endblock content %} \ No newline at end of file