overhaul css + minor edits

content/about.md

@@ -6,23 +6,24 @@ template = "post.html"
 Hi!  
 I'm me!
 
-You can call me Emilia, Lynxize, Lynx, or basically anything else. I'm not picky.
+You can call me Emilia, Lia, Lynxize, or basically anything else. I'm not picky.
 
-I'm currently studying Mechanical Engineering with a focus on aerospace,
+I'm currently studying Mechanical Engineering with an aerospace focus,
 though a lot of my hobbies tend to be computer science related.
 
-I like gamedev (though I'm not particularly great at it), D&D, reading Epic Fantasy books, and going way too deep into random Wikipedia rabbit-holes.
+I like gamedev (though I'm not great at it), D&D, reading Epic Fantasy books, and going way too deep into random Wikipedia rabbit-holes.
 
 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.
+I'm not sure what I'm going to put here, probably just whatever random stuff I feel like writing about.
+
+You can find the source for this site [here](https://git.lynxize.dev/lynxize/website).
 
 ### Contact
 You can find me in the following places:
 - Discord - `@lynxize`
 - Bluesky - [`@lynxize.dev`](https://bsky.app/profile/lynxize.dev)
 - GitHub - [`@lynxize`](https://github.com/lynxize)
-- ~~Mastodon - [`@emilia@lynxize.dev`](https://mastodon.lynxize.dev/@emilia)~~
 
-You can also reach me [through email](mailto:lynxize@gmail.com), though response times will ~~definitely~~ probably be slower.
+You can also reach me [through email](mailto:lynxize@gmail.com), though response times will definitely be slower.
 
-I can get pretty nervous about interacting with people I don't know, so please be patient!
+I can get pretty nervous interacting with people I don't know well, so please be patient!

content/blog/im-sick-of-ai.md

@@ -3,7 +3,7 @@ title = "I'm sick of AI"
 date = 2025-01-15
 +++
 
-{% warning() %}
+{% important() %}
 This is a bit of an unhinged rant, feel free to completely ignore it.
 If you're not in the mood to read somebody's upset rant about AI taking over, just do yourself a favor and skip this.
 {% end %}

content/blog/keyboard-lighting.md

@@ -4,7 +4,7 @@ date = 2024-04-10
 updated = 2024-07-30
 +++
 {% note() %}
-**I am not a keyboard nerd**. Full respect to any of you out there, but I am not one, nor do I plan to become one anytime soon.
+**I am NOT a keyboard nerd**. Full respect to any of you out there, but I am not one, nor do I plan to become one anytime soon.
 Don't take this as a "definitive guide" to anything, it was just me messing around.
 {% end %}
 
@@ -56,7 +56,7 @@ But, come on, that's *so dreadfully boring*. I wasn't interested in customizing
 Apparently their definition of "customizable" lighting doesn't quite align with mine.
 There's a little computer inside there, there's bound to be *something* more I can do with it...
 
-# Screwing around with a Windows VM
+# Screwing around in a VM
 After googling around for a while, I stumbled upon [this reddit post](https://www.reddit.com/r/Keychron/comments/lbk2fk/a_very_odd_workaround_for_the_rgb_software/)
 advertising a supposed way to program the lighting using somewhat sketchy-seeming third-party software.
 

content/blog/solidworks-on-linux.md

@@ -10,7 +10,7 @@ If you don't care about the context, you can just [skip to the guide](#instructi
 The title is somewhat disingenuous, it's less "SolidWorks on Linux" and more "SolidWorks in a Windows VM without Pissing Off The License Server" but that's not as good of a title.
 
 # Context
-- I need SolidWorks 2023 for school.
+- I need SolidWorks for school.
 - I finally built a PC capable of running it.
 - I use Linux (~~arch btw~~).
 
@@ -80,9 +80,9 @@ I have no idea whether bypassing the VM check violates some part of the terms of
 Do this at your own risk.
 {% end %}
 
-Start by starting up a new Windows 10 (11 should work too, haven't tested) VM using `virt-manager`.
+Start by starting up a new Windows VM (I used 10, but 11 should work too) using `virt-manager`.
 
-Don't go through the Windows installer setup, and instead go to the machine details.
+Don't go through the Windows installer setup, and instead edit the machine details.
 
 ## Virtual SCSI Drives
 Make sure the virtual storage is set to use `SCSI`, not `SATA`.
@@ -129,10 +129,6 @@ Now the device should appear, and you can continue installing Windows as normal.
 
 Once it tries to reboot, remove both virtual SATA CDROMs, and boot into the new installation to finish setup.
 
-{% important() %}
-You **have to remove both of them** or SolidWorks will detect it!
-{% end %}
-
 After that, the installer should just work! SolidWorks no longer thinks it's in a VM, and installs normally!
 
 {{ image(src="/assets/solidworks/victory.png", alt="SolidWorks open in a Windows 10 VM", caption="Finally! It works!!!") }}

highlight_themes/Erebus.tmTheme

@@ -10,7 +10,7 @@
 			<key>settings</key>
 			<dict>
 				<key>background</key>
-				<string>#1e1e1e</string>
+				<string>#0e0c14</string>
 				<key>caret</key>
 				<string>#F8F8F0</string>
 				<key>foreground</key>

static/main.css

@@ -1,3 +1,19 @@
+/*
+Hey, fair warning, I have no idea what I'm doing with CSS.
+This is just cobbled together from a bunch of searching around.
+Expect a mess!
+
+Not AI though, just me! :3
+ */
+
+:root {
+    --color-accent-1: #af8cff;
+    --color-accent-2: #77aef2;
+
+    --color-note: var(--color-accent-1);
+    --color-warning: #ed9a5f;
+    --color-important: #f279ad;
+}
 
 @font-face {
     font-family: "JetBrains Mono";
@@ -5,7 +21,7 @@
 }
 
 body {
-    background-color: #0a0a0a;
+    background-color: hsl(from var(--color-accent-1) h 25% 8%);
     color: #fafafa;
 
     max-width: clamp(600px, 35%, 800px);
@@ -20,30 +36,57 @@ body {
     justify-content: flex-start;
 }
 
-:is(h1, h2, h3) {
-    font-family: "JetBrains Mono", monospace;
-    color: #8aadf4;
-}
-:is(a:link, a:visited) {
-    color: #91d7e3;
-}
-a:hover {
-    color: #8eeacd;
-}
-
 header {
     font-family: "JetBrains Mono", monospace;
+    padding-top: 15px;
 
-    padding: 10px;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-end;
+
+    flex-wrap: wrap;
+
+    p {
+        display: inline-block;
+        margin: 4px auto 0 0;
+
+        font-family: "JetBrains Mono", monospace;
+        color: var(--color-accent-1);
+    }
 
     nav {
-        display: flex;
+        --color: white;
-        flex-direction: row;
+
-        justify-content: flex-end;
+        :nth-child(1) {
+            --color: #74cded;
+        }
+        :nth-child(2) {
+            --color: #af8cff;
+        }
+        :nth-child(3) {
+            --color: #f279ad;
+        }
+        :nth-child(4) {
+            --color: #ed9a5f;
+        }
+
+        a:link, a:visited {
+            color: black;
+            text-decoration: none;
+            font-weight: bold;
+        }
+
+        a:hover {
+
+        }
+
         a {
-            padding-left: 4px;
+            display: inline-block;
-            padding-right: 4px;
+            padding: 0 4px 0 4px;
-            color: #8aadf4;
+
+            background-color: var(--color);
+            border: 2px solid hsl(from var(--color) h s max(calc(l - 25), 25));
+            border-radius: 4px;
         }
     }
 }
@@ -60,51 +103,57 @@ footer {
         padding: 5px;
     }
 
-    hr {
-        border: 2px dotted #89b4fa
-    }
-
     text-align: center;
     font-size: 14px;
     font-family: "JetBrains Mono", monospace;
 }
 
-.insert-note {
+
+.content {
+    h1, h2, h3 {
+        font-family: "JetBrains Mono", monospace;
+        color: var(--color-accent-1);
+    }
+
+    .subtitle {
+        font-family: "JetBrains Mono", monospace;
+        color: var(--color-accent-2)
+    }
+
+    a:link, a:visited {
+        color: var(--color-accent-2);
+    }
+
+    a:hover {
+        color: hsl(from var(--color-accent-2) h s 85%);
+    }
+}
+
+.insert-note, .insert-important, .insert-warning {
     border-radius: 5px;
     border-style: solid;
-    border-color: #8aadf4;
-    background-color: #242e42;
-
     padding: 2px 8px 2px 15px;
 }
 
+.insert-note {
+    border-color: var(--color-note);
+    background-color: hsl(from var(--color-note) h 35% 15%);
+}
+
 .insert-warning {
-    border-radius: 5px;
+    border-color: var(--color-warning);
-    border-style: solid;
+    background-color: hsl(from var(--color-warning) h 35% 15%);
-    border-color: #e71853;
-    background-color: #42242c;
-
-    padding: 2px 8px 2px 15px;
 }
 
 .insert-important {
-    border-radius: 5px;
+    border-color: var(--color-important);
-    border-style: solid;
+    background-color: hsl(from var(--color-important) h 35% 15%);
-    border-color: #f5640a;
-    background-color: #32241b;
-
-    padding: 2px 8px 2px 15px;
-}
-
-.subtitle {
-    font-family: "JetBrains Mono", monospace;
-    color: #8bd5ca
 }
 
 
 blockquote {
     border-left-width: 4px;
-    border-left-color: #8aadf4;
+    border-left-color: var(--color-accent-1);
     border-left-style: solid;
     padding-left: 10px;
     margin-left: 20px;
@@ -126,17 +175,6 @@ figcaption {
     margin: 5px auto;
 }
 
-#new-site-warning {
-    margin-top: 10px;
-
-    border-radius: 5px;
-    border-style: solid;
-    border-color: #e71853;
-    background-color: #42242c;
-
-    padding: 8px 8px 8px 15px;
-}
-
 /*
 Suggested css snippet for making code blocks suck less
 see https://www.getzola.org/documentation/content/syntax-highlighting/

templates/base.html

@@ -13,11 +13,12 @@
 
 <body>
     <header>
+        <p>placeholder title lol</p>
         <nav>
-            <a href="/">/home</a>
+            <a href="/">home</a>
-            <a href="/about">/about</a>
+            <a href="/about">about</a>
-            <a href="/blog">/blog</a>
+            <a href="/blog">blog</a>
-            <a href="/stuff">/stuff</a>
+            <a href="/stuff">stuff</a>
         </nav>
     </header>
 
@@ -27,12 +28,7 @@
 
     <footer>
         <div>
-            <hr>
             &copy lynxize 2025
-            -
-            <a href="https://github.com/lynxize/">GitHub</a>
-            |
-            <a href="https://bsky.app/profile/lynxize.dev">Bluesky</a>
         </div>
     </footer>
 </body>

templates/index.html

@@ -1,21 +1,15 @@
 {% extends "base.html" %}
 
 {% block content %}
-<h1 class="title">
-    New Website!!
-</h1>
-
-<div id="new-site-warning">
-    <b>Hey!</b> This is a new version of my site rewritten from scratch!
-    I still don't really know what I'm doing with web dev, and this is still <i>extremely</i> WIP.
-</div>
 
 <br>
-Professional waster of time, purveyor of useless activities, and chronic avoider of productivity.
+Hey! You found my little personal page!
+
+I'm a professional waster of time, purveyor of useless activities, and chronic avoider of productivity.
 <!-- br brr brrrrr (bad) -->
 <br>
 <br>
-I write bad code for fun and play games
+I also sometimes write bad code for fun and play games.
 <br>
 <br>
 <a href="/about">More about me</a>.