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