yay website v2

This commit is contained in:
Emilia 2024-11-14 20:28:28 -07:00
parent d995b97ad8
commit b8e9086f87
7 changed files with 552 additions and 47 deletions

View file

@ -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

View file

@ -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:

View file

@ -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;

View file

@ -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.

View file

@ -0,0 +1,467 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>name</key>
<string>Erebus</string>
<key>settings</key>
<array>
<dict>
<key>settings</key>
<dict>
<key>background</key>
<string>#1e1e1e</string>
<key>caret</key>
<string>#F8F8F0</string>
<key>foreground</key>
<string>#F8F8F2</string>
<key>invisibles</key>
<string>#3B3A32</string>
<key>lineHighlight</key>
<string>#3D2E2E77</string>
<key>selection</key>
<string>#A63A3A</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Comment</string>
<key>scope</key>
<string>comment</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#8C6969</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>String</string>
<key>scope</key>
<string>string</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFB2B2</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Number</string>
<key>scope</key>
<string>constant.numeric</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E57EDD</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Built-in constant</string>
<key>scope</key>
<string>constant.language</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E57EDD</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>User-defined constant</string>
<key>scope</key>
<string>constant.character, constant.other</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E57EDD</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Variable</string>
<key>scope</key>
<string>variable</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#D0A3F8</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Keyword</string>
<key>scope</key>
<string>keyword</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#D95757</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Storage</string>
<key>scope</key>
<string>storage</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#D95757</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Storage type</string>
<key>scope</key>
<string>storage.type</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#FFB266</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Class name</string>
<key>scope</key>
<string>entity.name.class</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>underline</string>
<key>foreground</key>
<string>#F2AAEC</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Inherited class</string>
<key>scope</key>
<string>entity.other.inherited-class</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic underline</string>
<key>foreground</key>
<string>#F2AAEC</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Function name</string>
<key>scope</key>
<string>entity.name.function</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#F2AAEC</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Function argument</string>
<key>scope</key>
<string>variable.parameter</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#FFD2A6</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Tag name</string>
<key>scope</key>
<string>entity.name.tag</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#D95757</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Tag attribute</string>
<key>scope</key>
<string>entity.other.attribute-name</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#FFB266</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library function</string>
<key>scope</key>
<string>support.function</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#FFB266</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library constant</string>
<key>scope</key>
<string>support.constant</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#FFB266</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library class/type</string>
<key>scope</key>
<string>support.type, support.class</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string>italic</string>
<key>foreground</key>
<string>#FFB266</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Library variable</string>
<key>scope</key>
<string>support.other.variable</string>
<key>settings</key>
<dict>
<key>fontStyle</key>
<string></string>
</dict>
</dict>
<dict>
<key>name</key>
<string>PHP Namespaces</string>
<key>scope</key>
<string>support.other.namespace, entity.name.type.namespace</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFD2A6</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>PHP Namespace Alias</string>
<key>scope</key>
<string>support.other.namespace.use-as.php</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFB266</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>PHP Namespace Keyword</string>
<key>scope</key>
<string>variable.language.namespace.php</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#D17B7B</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>PHP Namespace Separator</string>
<key>scope</key>
<string>punctuation.separator.inheritance.php</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E57EDD</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>CSS ID / Class</string>
<key>scope</key>
<string>entity.other.attribute-name.id.css, entity.other.attribute-name.class.css</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F2AAEC</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>CSS Pseudo Class</string>
<key>scope</key>
<string>entity.other.attribute-name.pseudo-class.css</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E57EDD</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>CSS Functions / Property Values</string>
<key>scope</key>
<string>support.function.misc.css, support.constant.property-value.css, support.constant.font-name.css</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFD2A6</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>CSS Numeric Constant</string>
<key>scope</key>
<string>constant.numeric.css</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F2AAEC</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>CSS Function Parameters</string>
<key>scope</key>
<string>variable.parameter.misc.css</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#F2AAEC</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Twig Tagbraces</string>
<key>scope</key>
<string>entity.other.tagbraces.twig</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E57EDD</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Twig Tag</string>
<key>scope</key>
<string>keyword.control.twig</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFB266</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Twig Variable</string>
<key>scope</key>
<string>variable.other.twig</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFCCFB</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Twig Filter</string>
<key>scope</key>
<string>support.function.filter.twig</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#D95757</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Twig Variable Filter</string>
<key>scope</key>
<string>support.function.filter.variable.twig</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#E57EDD</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Twig Function</string>
<key>scope</key>
<string>entity.name.function.twig</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#D95757</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Twig Function Argument</string>
<key>scope</key>
<string>entity.other.argument.twig</string>
<key>settings</key>
<dict>
<key>foreground</key>
<string>#FFB2B2</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Invalid</string>
<key>scope</key>
<string>invalid</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#D95757</string>
<key>fontStyle</key>
<string></string>
<key>foreground</key>
<string>#F8F8F0</string>
</dict>
</dict>
<dict>
<key>name</key>
<string>Invalid deprecated</string>
<key>scope</key>
<string>invalid.deprecated</string>
<key>settings</key>
<dict>
<key>background</key>
<string>#E57EDD</string>
<key>foreground</key>
<string>#F8F8F0</string>
</dict>
</dict>
</array>
<key>uuid</key>
<string>5EC01583-7BFA-496E-BAA7-6993f61d4191</string>
</dict>
</plist>

View file

@ -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;
}

View file

@ -14,5 +14,4 @@ I write bad code for fun and play games
<br>
<a href="/about">More about me</a>.
<p><a href="{{ get_url(path='@/blog/_index.md') }}">Posts</a>.</p>
{% endblock content %}