From bd6bc98539d7d256b372fe393a4a040724ac2544 Mon Sep 17 00:00:00 2001
From: Jack Jamison <jackqjamison@gmail.com>
Date: Sun, 21 Dec 2025 23:49:40 -0500
Subject: improve styling

---
 TODO                                           |  6 ++++--
 zola-static/content/blog/sdl-native-wayland.md |  4 ++--
 zola-static/content/projects/goomba-render.md  |  2 +-
 zola-static/sass/base.scss                     | 28 +++++++++++++++++++++++---
 zola-static/templates/base.html                |  2 +-
 zola-static/templates/index.html               |  3 +--
 6 files changed, 34 insertions(+), 11 deletions(-)

diff --git a/TODO b/TODO
index 0d3b43e..180d1a1 100644
--- a/TODO
+++ b/TODO
@@ -1,3 +1,5 @@
-- [ ] Meta descriptions
+- [ ] Meta descriptions (for SEO)
+
+Project Page Revamp
 - [ ] Images for projects in list
-- [ ] Improve style
+- [ ] Split up projects page
diff --git a/zola-static/content/blog/sdl-native-wayland.md b/zola-static/content/blog/sdl-native-wayland.md
index c495645..1f163f7 100644
--- a/zola-static/content/blog/sdl-native-wayland.md
+++ b/zola-static/content/blog/sdl-native-wayland.md
@@ -7,7 +7,7 @@ updated = 2025-08-08
 [SDL3](https://wiki.libsdl.org/SDL3/FrontPage) is a great platform abstraction layer. On Linux, it compiles with support for both [X Window System](https://www.x.org/wiki/) and [Wayland](https://wayland.freedesktop.org/). This is great because it makes your app compatible with just about any desktop environment or window manager. In the [SDL3 documentation](https://wiki.libsdl.org/SDL3/README-wayland) it says that
 > Wayland is a replacement for the X11 window system protocol and architecture and is favored over X11 by default in SDL3
 
-However, if your compositor does not implement the `wp_fifo_manager_v1` protocol SDL will fall back to XWayland. I don't know how this protocol fits into the Wayland ecosystem, but my compositor doesn't have it. Here's how I forced SDL to use Wayland anyway (for c++).
+However, if your compositor does not implement the `wp_fifo_manager_v1` protocol SDL will fall back to XWayland. My compositor doesn't have it, and here's how I forced SDL to use Wayland anyway (for c++).
 ```c++
 for (int i = 0; i < SDL_GetNumVideoDrivers(); i++) {
     if (std::string(SDL_GetVideoDriver(i)) == "wayland") {
@@ -16,4 +16,4 @@ for (int i = 0; i < SDL_GetNumVideoDrivers(); i++) {
     }
 }
 ```
-This code will explicitly enable Wayland if it is available. Thanks to my friend Riley for helping figure it out.
+This code will explicitly enable Wayland if it is available.
diff --git a/zola-static/content/projects/goomba-render.md b/zola-static/content/projects/goomba-render.md
index ef82682..83728e8 100644
--- a/zola-static/content/projects/goomba-render.md
+++ b/zola-static/content/projects/goomba-render.md
@@ -1,5 +1,5 @@
 +++
-title = 'Goomba Render'
+title = 'Goomba Rendering Engine'
 date = 2024-11-09
 [extra]
 cover = "goomba-render.png"
diff --git a/zola-static/sass/base.scss b/zola-static/sass/base.scss
index 0afdfc6..bb23005 100644
--- a/zola-static/sass/base.scss
+++ b/zola-static/sass/base.scss
@@ -1,4 +1,8 @@
 // Main styles and centering
+html {
+	color-scheme: dark;
+}
+
 body {
 	margin: 3rem auto;
 	max-width: 55rem;
@@ -8,7 +12,7 @@ body {
 	
 	background-color: #252422;
 	color: #DCE1DE;
-	font-family: arial;
+	font-family: "Courier New", Courier, monospace;
 }
 
 // more compact margins
@@ -27,6 +31,17 @@ h1 a {
 	text-decoration: none;
 }
 
+hr {
+	height: 0.25rem;
+	border-radius: 0.2rem;
+	border: none;
+	background-color: #2e2d2c;
+}
+
+.header-separator {
+	margin-top: -0.2rem;
+}
+
 // Blog titles
 .header-title {
 	margin: 0;
@@ -86,18 +101,25 @@ img {
 
 .footer-text {
 	text-align: center;
+	color: #2e2d2c;
 }
 
 .footer-text a {
 	text-decoration: none;
+	padding: 0rem 0.5rem;
 }
 
 .index-section {
 	background-color: #2e2d2c;
-	padding: 0.5rem;
+	padding: 0.7rem;
 	margin-top: 0.6rem;
+	border-radius: 0.4rem;
 }
 
 .index-section h2 {
-	margin-top: 0.1rem;
+	margin-top: -0.3rem;
+}
+
+.index-section ul {
+	margin-bottom: 0.3rem;
 }
diff --git a/zola-static/templates/base.html b/zola-static/templates/base.html
index 2bc2f49..e1fb9b3 100644
--- a/zola-static/templates/base.html
+++ b/zola-static/templates/base.html
@@ -13,7 +13,7 @@
 	  {% block header %}
 	  <h1 class="header-title"><a href="{{ config.base_url }}">Jack Jamison</a></h1>
 	  {% endblock header %}
-	  <hr>
+	  <hr class="header-separator">
       {% block content %} {% endblock content %}
     </div>
   </section>
diff --git a/zola-static/templates/index.html b/zola-static/templates/index.html
index d6f1f79..fd4d508 100644
--- a/zola-static/templates/index.html
+++ b/zola-static/templates/index.html
@@ -32,6 +32,5 @@
 	<li><a href="https://portfolio.jackjamison.net">Old portfolio (haven't migrated here yet)</a></li>
   </ul>
 </div>
-<hr>
-<p class="footer-text"><a href="{{ get_url(path='@/blog/_index.md') }}">All articles sorted by date</a> &#8226 <a href="{{ get_url(path='@/the-archive.md') }}">Archive</a></p>
+<p class="footer-text"><b><a href="{{ get_url(path='@/blog/_index.md') }}">All articles sorted by date</a>&#8226<a href="{{ get_url(path='@/the-archive.md') }}">Archive</a></b></p>
 {% endblock content %}
-- 
cgit v1.2.3