website

commit 69f657ba52adef341f0b3592c4f1b96c1b1d96f9
parent 70f492e7b66f4dbc1460d954ae8a7b4246e6fe3d
Author: Willem Van Zwol <willem@vanzwol.com>
Date:   Thu, 21 May 2026 18:14:48 -0700

Updated blog page

better formatting and we now have a example rss.xml file to go with it.
I wanted all of this so I could make sure I knew what I was trying to
create with my rust project to statically generate the blog page.

Diffstat:
M
blog.html
 | 
21
+++++++++++++--------
A
rss.xml
 | 
30
++++++++++++++++++++++++++++++
M
styles.css
 | 
27
+++++++++++++++++++++++++++

3 files changed, 70 insertions(+), 8 deletions(-)
diff --git a/blog.html b/blog.html
@@ -51,16 +51,21 @@
   </nav>
   <h1>Blog posts</h1>
 
-  <a class="div" style="margin: 0 0.5em 0 0;" href="./blogs/on_the_blog.html"><fieldset>
-    <legend>On the blog</legend>
-    2026.05.21
-    Tags: website, blog, complexity, ux
+  <a class="tile" href="./blogs/on_the_blog.html">
+    <fieldset>
+    <span>website • blog • complexity • ux</span>
+    <h2>On the blog</h2>
+    <div>2026.05.21</div>
+    Post about my thoughts on how the blog should work.<br>
   </fieldset></a>
 
-  <a class="div" style="margin: 0 0.5em 0 0;" href="./blogs/website.html"><fieldset>
-    <legend>Website</legend>
-    2026.05.19
-    Tags: website
+  <a class="tile" href="./blogs/website.html">
+    <fieldset>
+    <span>website</span>
+    <h2>Website</h2>
+    <div>2026.05.19</div>
+    Overview of the point of this website.<br>
   </fieldset></a>
+
 </body>
 </html>
diff --git a/rss.xml b/rss.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<rss version="2.0">
+  <channel>
+    <title>Portfolio</title>
+    <link>https://willem.vanzwol.com/</link>
+    <description>Blog feed</description>
+    <language>en-us</language>
+
+    <item>
+      <title>On the Blog</title>
+      <description></description>
+      <category>website</category>
+      <category>blog</category>
+      <category>complexity</category>
+      <pubDate>Tue, 21 May 2026 23:23:00 +0000</pubDate>
+      <link>./blogs/on_the_blog.html</link>
+      <guid>./blogs/on_the_blog.html</guid>
+    </item>
+
+    <item>
+      <title>Website</title>
+      <description></description>
+      <category>website</category>
+      <pubDate>Tue, 21 May 2026 23:23:00 +0000</pubDate>
+      <link>./blogs/website.html</link>
+      <guid>./blogs/website.html</guid>
+    </item>
+
+  </channel>
+</rss>
diff --git a/styles.css b/styles.css
@@ -369,6 +369,33 @@ a.div {
   cursor: pointer;
 }
 
+a.tile {
+  all: unset;
+  cursor: pointer;
+  margin: 0 0.5em 0.5em 0;
+  display: inline-block;
+  width: 100%;
+
+  fieldset {
+    position: relative; padding: 0.9em;
+
+    span {
+      color: var(--border);
+    }
+    div {
+      position: absolute; top: 0.5em; right: 2ch; color: var(--border);
+    }
+    h2 {
+      margin-top: 0;
+    }
+  }
+}
+
+a.tile:hover {
+  margin-left: 0.3em;
+}
+
+
 nav {
   display: grid;
   grid-template-columns: 1fr auto 1fr;