[2025-04-25] Multiple design improvements

- Font size and scaling better for different displays
- Added 88x31 buttons in footer
- Other minor changes to CSS and layouts

_includes/categoryList.html

@@ -0,0 +1,11 @@
+<ul style="list-style-type:none;margin:0;padding:0;font-size:16px;">
+  {% for post in site.posts %}
+  {% assign category = post.category %}
+  {% if category == page.title %}
+    <li>
+		<p><span style="font-family: Geist Mono">{{ post.date | date: "%Y-%m-%d" }} / </span><a href="{{ post.url }}">{{ post.title }}</a></p>
+    </li>
+  {% endif %}
+  {% endfor %}
+</ul>
+<hr>

_includes/defaultFooter.html

@@ -1,8 +1,16 @@
 <br>
-<div style="text-align: center;font-family: Geist Mono;font-size:small;">
-<span class="growshrink">Be nice to each other!</span><br>
+<div style="text-align: center;font-family: Geist Mono;font-size:12px;">
+<span class="growshrink">Be nice to each other!</span><br><br>
+<img style="display:inline-block;" src="/assets/images/88x31/apache-powered.gif">
+<img style="display:inline-block;" src="/assets/images/88x31/bestviewedcomp.gif">
+<img style="display:inline-block;" src="/assets/images/88x31/debian.gif">
+<img style="display:inline-block;" src="/assets/images/88x31/firefox3.gif">
+<img style="display:inline-block;" src="/assets/images/88x31/internetprivacy.gif">
+<img style="display:inline-block;" src="/assets/images/88x31/neovim.gif">
+<br><br>
+Last updated: {{ site.time }}<br>
+<a href="https://git.andrewconl.in/andrew/site/src/tag/{{ site.version }}/">{{ site.version }}</a><br>
+<br>
 © {{ site.author }} 2023-2025<br>
 All rights reverse engineered<br>
-Last updated: {{ site.time }}<br>
-<a href="https://git.andrewconl.in/andrew/site/src/tag/{{ site.version }}/">{{ site.version }}</a>
 </div>

_includes/header.html

@@ -1,5 +1,4 @@
-<h1><a href="/">andrewconl.in</a> <span style="color: #A89984;font-size:medium">is tracking his progress</span></h1>
-<div>
-    <p style="font-size: x-large;"><a href="/blog">blog</a>&nbsp;&nbsp;&nbsp;<a href="/til">til</a>&nbsp;&nbsp;&nbsp;<a href="/projects">projects</a>&nbsp;&nbsp;&nbsp;<a href="/meta">meta</a>&nbsp;&nbsp;&nbsp;<a href="/feed.xml">feed</a>&nbsp;&nbsp;&nbsp;<a href="/archive">[archive]</a></p>
-</div>
+<span style="font-size: 24px;"><a href="/">andrewconl.in</a></span> <span style="color: #A89984;font-size:12px">is CSSing</span><br>
+<span style="font-size: 16px;word-spacing: 5px"><a href="/blog">blog</a> <a href="/til">til</a> <a href="/projects">projects</a> <a href="/meta">meta</a> <a href="/feed.xml">feed</a> <a href="/archive">[archive]</a></span>
+<br>
 <hr>

_includes/pageTitle.html

@@ -0,0 +1 @@
+<span style="font-size: 16px;"><a href="/">~</a> / <a href="">{{page.title}}</a><br></span>