update + some 88x31s

content/about.md

@@ -22,7 +22,7 @@ You can find the source for this site [here](https://git.lynxize.dev/lynxize/web
 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)
+- GitHub - [`lynxize`](https://github.com/lynxize)
 
 You can also reach me [through email](mailto:lynxize@gmail.com), though response times will definitely be slower.
 

content/blog/website-v3.md

@@ -0,0 +1,15 @@
++++
+title = "Another Redesign"
+date = 2025-04-17
++++
+
+I feel like I just did this [a few months ago](/blog/website-v2).
+
+I didn't change as much this time, mostly just the CSS. 
+Apparently I've become slightly obsessed with the color purple, so... yeah... the whole site is purple now.
+
+Other changes:
+- Added the [random stuff page](/stuff).
+- Added some 88x31s to the home page, because why not?
+- Fixed the code block font and some other small things.\
+- The [RSS (well, atom) feed](/blog/atom.xml) should finally work now.

static/assets/88x31/credits.txt

@@ -0,0 +1,9 @@
+yeah to be honest I have no idea where most of these come from
+I grabbed a few from aggregator pages like:
+https://cyber.dabamos.de/88x31/index.html
+https://www.88x31.nl/index.html
+https://capstasher.neocities.org/88x31collection-page1
+etc.
+
+If you really care about proper attribution for every single 88x31, go find a better hobby/hyperfixation please.
+HOWEVER if you made one of them and want credit (or for me to remove it) just let me know!

static/main.css

@@ -8,7 +8,8 @@ Not AI though, just me! :3
 
 :root {
     --color-accent-1: #af8cff;
-    --color-accent-2: #77aef2;
+    --color-accent-2: #74cded;
+    --color-links: #77aef2;
 
     --color-note: var(--color-accent-1);
     --color-warning: #ed9a5f;
@@ -77,7 +78,7 @@ header {
         }
 
         a:hover {
-
+            color: hsl(from var(--color) h s 30%);
         }
 
         a {
@@ -120,12 +121,22 @@ footer {
         color: var(--color-accent-2)
     }
 
-    a:link, a:visited {
+    code {
+        font-family: "JetBrains Mono", monospace;
+        font-size: smaller;
+    }
+
+    /* Color only inline code blocks */
+    code:not([class^=language-]) {
         color: var(--color-accent-2);
     }
 
+    a:link, a:visited {
+        color: var(--color-links);
+    }
+
     a:hover {
-        color: hsl(from var(--color-accent-2) h s 85%);
+        color: hsl(from var(--color-links) h s calc(l + 10));
     }
 }
 
@@ -150,6 +161,13 @@ footer {
     background-color: hsl(from var(--color-important) h 35% 15%);
 }
 
+#post-list {
+    color: var(--color-accent-1);
+}
+
+hr {
+    color: var(--color-accent-1);
+}
 
 blockquote {
     border-left-width: 4px;
@@ -172,7 +190,10 @@ figure {
 figcaption {
     width: 100%;
     text-align: center;
-    margin: 5px auto;
+    margin: 5px auto 20px;
+    color: var(--color-accent-2);
+    font-size: smaller;
+    font-family: "JetBrains Mono", monospace;
 }
 
 /*

templates/blog.html

@@ -4,9 +4,10 @@
 <h1 class="title">
     {{ section.title }}
 </h1>
-<ul>
+{{ section.content | safe }}
+<ul id="post-list">
     {% for page in section.pages %}
-        <li>{{ page.date }} <a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
+    <li>{{ page.date }} - <a href="{{ page.permalink | safe }}">{{ page.title }}</a></li>
     {% endfor %}
 </ul>
 {% endblock content %}

templates/index.html

@@ -3,15 +3,44 @@
 {% block content %}
 
 <br>
-Hey! You found my little personal page!
+Hey!
-
+<br>
-I'm a professional waster of time, purveyor of useless activities, and chronic avoider of productivity.
+You found my little personal page!
+<br>
+<br>
+I'm an expert waster of time, enjoyer of useless activities, and chronic avoider of productivity.
 <!-- br brr brrrrr (bad) -->
-<br>
-<br>
 I also sometimes write bad code for fun and play games.
 <br>
 <br>
 <a href="/about">More about me</a>.
-
+<br>
+<br>
+Since I don't know what else to put here and have to fill the space somehow, here's an 88x31 dumping ground, because why not?
+<br>
+<hr>
+<div>
+    <img src="/assets/88x31/catview.png">
+    <img src="/assets/88x31/gnu-linux.gif">
+    <img src="/assets/88x31/ieburnbtn.gif">
+    <img src="/assets/88x31/javascript-zero.gif">
+    <img src="/assets/88x31/cssdif.gif">
+    <a href="https://catsta.red"><img src="/assets/88x31/squishstare.gif"></a>
+    <img src="/assets/88x31/msoffice97.gif">
+    <a href="https://www.thunderbird.net/"><img src="/assets/88x31/thunderbird.gif"></a>
+    <a href="https://archlinux.org/"><img src="/assets/88x31/arch.png"></a>
+    <a href="https://jellyfin.org/"><img src="/assets/88x31/jellyfin.gif"></a>
+    <img src="/assets/88x31/right2repair.gif">
+    <a href="https://wikipedia.org"><img src="/assets/88x31/wikipedia.png"></a>
+    <a href="https://www.libsdl.org/"><img src="/assets/88x31/sdl.gif"></a>
+    <a href="https://librewolf.net/"><img src="/assets/88x31/anythingbut.gif"></a>
+    <img src="/assets/88x31/nocookie.gif">
+    <a href="https://www.youtube.com/watch?v=cErgMJSgpv0"><img src="/assets/88x31/webvirus.gif"></a>
+    <a href="https://librewolf.net/"><img src="/assets/88x31/firefox.gif"></a>
+    <a href="https://adoptium.net/"><img src="/assets/88x31/java.gif"></a>
+    <a href="https://store.steampowered.com/"><img src="/assets/88x31/steam.gif"></a>
+    <a href="https://ublockorigin.com"><img src="/assets/88x31/ublock.png"></a>
+</div>
+<p style="font-size: x-small">(If one of these is yours and you want credit, let me know. I just found them Wherever™)</p>
+<hr>
 {% endblock content %}