Fixed up blog layout

author: nathansmith <nathansmith@posteo.com> 2025-05-24 12:19:07 -0600
committer: nathansmith <nathansmith@posteo.com> 2025-05-24 12:19:07 -0600
commit: 7995de4c284d370fea86e4bd2c754f0a96f42f8c (patch)
tree: 2a0338660ba4b344ee8af8da1c6e814e60d38fc2 /org/blog/index.xhtml
parent: 1cdfd93e1f02739a685d1cdb131b3efe13adc06b (diff)
1 files changed, 85 insertions, 72 deletions
diff --git a/org/blog/index.xhtml b/org/blog/index.xhtml
index ec54c48..06d8cc7 100644
--- a/org/blog/index.xhtml
+++ b/org/blog/index.xhtml
@@ -1,33 +1,30 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml">
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <head>
   <title>Nathan's shitty blog</title>
   <link rel="icon" type="image/x-icon" href="../images/icon.png" />
   <link rel="alternate" type="application/rss+xml" title="Nathan's shitty blog"
-  href="feed.xml" />
+        href="feed.xml" />
+  <link rel="stylesheet" type="text/css" href="../css/blog.css" />
 </head>
-<body bgcolor="#dcd1ba" background="../images/blog-background.jpg">
+<body>
   <a href="../index.xhtml"><img src="../images/back_home.png" alt="Back to home
                                                                    page"/></a>
-  <center>
-    <table border="1" width="60%" bgcolor="#bebebe">
-      <tr>
-        <td>
-          <h1>Nathan's shitty blog</h1>
-          <a href="feed.xml" target="_blank">
-            <img src="../images/rss.png" alt="rss" />
-          </a>
-          <p>
-            I dont know if I will post often but here you go fucking world!
-            There is no topic, just me posting whatever is on my mind. Add
-            the feed to your feedreader <b>(you better have one)</b> so you
-            can stay updated on the things on my mind.
-          </p>
-        </td>
-      </tr>
-      <tr>
-        <td>
-          <ul>
+  <div class="container">
+    <h1>Nathan's shitty blog</h1>
+    <a href="feed.xml" target="_blank">
+      <img src="../images/rss.png" alt="rss" />
+    </a>
+    <p>
+      I dont know if I will post often but here you go fucking world!
+      There is no topic, just me posting whatever is on my mind. Add
+      the feed to your feedreader <b>(you better have one)</b> so you
+      can stay updated on the things on my mind.
+    </p>
+    <div id="content-list">
+      <ul>
     <li><a href="#second_place">Second place</a></li>
     <li><a href="#case_against_identity">Case against identity</a></li>
     <li><a href="#the_project">The project</a></li>
@@ -39,14 +36,15 @@
     <li><a href="#overthinking">Overthinking</a></li>
 </ul>
 
-        </td>
-      </tr>
-    </table>
+    </div>
+  </div>
 
     <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="second_place">Second place</h2>--- Wed, 30 Apr 2025 10:23:12 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="second_place">Second place</h2>--- Wed, 30 Apr 2025 10:23:12 GMT
+  </div>
+
   <p>
     Here in the americas I keep hearing people shit on china for spying on its people.
     Indeed there are many reasons china does indeed suck for that but have you ever
@@ -169,12 +167,14 @@
     <li><a href="https://digdeeper.club/articles/technological_slavery.xhtml"
            target="_blank">Technological slavery</a></li>
   </ul>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="case_against_identity">Case against identity</h2>--- Thu, 24 Apr 2025 19:20:02 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="case_against_identity">Case against identity</h2>--- Thu, 24 Apr 2025 19:20:02 GMT
+  </div>
+
   <p>
     The modern day world is quite identity focused I would say. Identity is
     something I both eat up and puke out, something I have my own version of but
@@ -234,12 +234,14 @@
     ADHD lol. To top things off they make it so peoples entire self worth is
     centered around their job they <s>picked</s> got forced into.
   </p>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="the_project">The project</h2>--- Sun, 20 Apr 2025 23:05:22 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="the_project">The project</h2>--- Sun, 20 Apr 2025 23:05:22 GMT
+  </div>
+
   <p>
     A long time ago a few people started a mass project, one with no end. This project spans life times and demands
     everyone born is forced into it at birth and they dedicate every cell of their body, every living breathing
@@ -261,12 +263,14 @@
     it down is the concept that better projects can take its place. The idea that not only our very understanding of facts
     and logic are twisted by a mass project but that new ways of understanding can replace it.
   </p>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="fakism">Fakism</h2>--- Mon, 14 Apr 2025 05:58:51 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="fakism">Fakism</h2>--- Mon, 14 Apr 2025 05:58:51 GMT
+  </div>
+
   <p>
     Imagine a fake american. There are american flags everywhere, pictures of the founding fathers everywhere, american themed everything. But it lacks many of the things that
     made american what it is: everything is controlled by a unelected <i>president</i>
@@ -302,12 +306,14 @@
     above the throne to fool people. They plant fake signs to throw you off
     course, to stop you from following the path. Dont trust the signs!
   </p>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="fuck_aba_therapy">Fuck aba therapy</h2>--- Fri, 11 Apr 2025 10:22:54 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="fuck_aba_therapy">Fuck aba therapy</h2>--- Fri, 11 Apr 2025 10:22:54 GMT
+  </div>
+
   <p>
     Lets get all the soft words out of the way: aba therapy is the use of psychological and sometimes even
     physical torture to train kids with autism and other conditions to act more like normal people. It
@@ -357,12 +363,14 @@
       Pets and animals
     </li>
   </ul>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="dogs_against_doge">Dogs against doge</h2>--- Sat, 5 Apr 2025 23:17:25 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="dogs_against_doge">Dogs against doge</h2>--- Sat, 5 Apr 2025 23:17:25 GMT
+  </div>
+
   <p>
     On this website I have said before that as a nonhuman (I am a nonhuman believe it or not) my
     power to engage in revolution is lower than all you humans and my words and actions are less
@@ -377,12 +385,14 @@
     <br/><br/>
     The revolution will not be <s>televised</s> on social media!
   </p>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="wikipedia">On the issue of wikipedia</h2>--- Mon, 31 Mar 2025 10:55:00 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="wikipedia">On the issue of wikipedia</h2>--- Mon, 31 Mar 2025 10:55:00 GMT
+  </div>
+
   <h3>Why do I write this?</h3>
   <p>
     Wikipedia is one of those things a lot of people like to shit on without really
@@ -484,12 +494,14 @@
     articles... only ever serve to give you disconnected data points:
     aka tell <b>what</b> to believe not <b>how</b> to believe.
   </p>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="dreamlog1">Dream log 1</h2>--- Sun, 30 Mar 2025 01:51:00 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="dreamlog1">Dream log 1</h2>--- Sun, 30 Mar 2025 01:51:00 GMT
+  </div>
+
   <p>
     Last night I had the type of dream that inspires new stories. In my dream the favorite author:
     Kurt Vonnegut, was a unix and emacs user. And he wrote a book about someone in some government
@@ -502,12 +514,14 @@
     not only survive but live well as the last person. They even became a unix power user through
     the guides left behind.
   </p>
-    </td></tr>
-</table>
+
+</div>
 <br />
-<table border="1" width="60%" bgcolor="#bebebe">
-    <tr><td><h2 id="overthinking">Overthinking</h2>--- Sat, 29 Mar 2025 11:42:00 GMT</td></tr>
-    <tr><td>
+<div class="container">
+  <div class="article-header">
+    <h2 id="overthinking">Overthinking</h2>--- Sat, 29 Mar 2025 11:42:00 GMT
+  </div>
+
   <p>
     Whenver I decide to add something to this website I always overthink on how
     to add the thing. In general I just overthink how I will do everything. It
@@ -524,9 +538,8 @@
     <br/><br/>
     Next time you overthink do what I do: eat junk food.
   </p>
-    </td></tr>
-</table>
 
-  </center>
+</div>
+
 </body>
 </html>
author	nathansmith <nathansmith@posteo.com>	2025-05-24 12:19:07 -0600
committer	nathansmith <nathansmith@posteo.com>	2025-05-24 12:19:07 -0600
commit	7995de4c284d370fea86e4bd2c754f0a96f42f8c (patch)
tree	2a0338660ba4b344ee8af8da1c6e814e60d38fc2 /org/blog/index.xhtml
parent	1cdfd93e1f02739a685d1cdb131b3efe13adc06b (diff)