From ae501fa5e229cd8b8b086815b85dcfbb3e4a9b86 Mon Sep 17 00:00:00 2001
From: signal9 <adam@vexingworkshop.com>
Date: Tue, 9 Jun 2026 08:21:59 -0600
Subject: [PATCH] layout fixes

---
 content/four-mech-games.md                    | 32 +++++++++++++++----
 themes/vexingworkshop/static/css/main.css     | 13 ++++----
 .../templates/article_infos.html              |  4 +--
 themes/vexingworkshop/templates/index.html    |  9 ++++--
 4 files changed, 41 insertions(+), 17 deletions(-)

diff --git a/content/four-mech-games.md b/content/four-mech-games.md
index dc46deb..202ee31 100644
--- a/content/four-mech-games.md
+++ b/content/four-mech-games.md
@@ -2,21 +2,39 @@ Title: A Study of Mechs in Four Games
 Category: Gaming
 Date: 2026-06-08
 Tags: battletech, flamesoforion, lancer, salvageunion
+Status: draft
 
 Mech games are having a renaissance lately, or so it would seem. Battletech, one
 of my absolute favorite games, is being played more than maybe it ever has been.
 Flames of Orion has captured the imagination of the indy scene. On the RPG side,
-Lancer is a go to for crunchy mech roleplay and Salvage Union is seeing new
+Lancer is a goto for crunchy mech roleplay and Salvage Union is seeing new
 releases for the first time in many months. I cannot look at the RPG rack of my
 FLGS without looking at numerous mech-related games from Home to Apocalypse
-Frame to Ion Heart. I could not possibly name all of the games I've encountered.
+Frame to Ion Heart. I could not possibly name all of the games I've encountered,
+let alone play them.
 
 The first four games I mentioned, Battletech, Flames of Orion, Salvage Union and
-Lancer have become for me a quadrant chart for mech gaming. While I far and away
-play more Battletech than any other game (across all games), I constantly read
-and occasionally play the other three. Split evenly between miniature and
-roleplaying games, each of them provides a different view of gaming, be it in
-their settings, their mechanics or their sensibilities.
+Lancer have become for me a quadrant chart for mech gaming. While I play far
+more Battletech than any other game, I frequently read and occasionally get to
+play the other three. Split evenly between miniature and roleplaying games, each
+of them provides a different view of gaming, be it in their settings, their
+mechanics or their sensibilities.
+
+## Commonalities
+
+Each of these games has something different to offer. Either the vibe is
+different, the complexity of the rules may vary or even the type of game, be it
+a miniature war game or an RPG. However, there are certain features that mech
+games seem to share, making them a genre unto themselves.
+
+### Mechs
+
+It should go without saying, but while the types of mechs offered by these games
+differs, it is the mechs at the center of game play.
+
+### Heat
+
+
 
 * Game Style
 * Mechanics
diff --git a/themes/vexingworkshop/static/css/main.css b/themes/vexingworkshop/static/css/main.css
index 229610f..28bc988 100644
--- a/themes/vexingworkshop/static/css/main.css
+++ b/themes/vexingworkshop/static/css/main.css
@@ -35,6 +35,10 @@ a:hover {
   /*text-decoration: underline;*/
 }
 
+p {
+  margin: 10px 0px;
+}
+
 ul, ol {
   padding: 0px;
   margin: 10px 0 0 0;
@@ -79,8 +83,6 @@ aside#featured {
 }
 
 aside#featured article {
-  display: flex;
-  flex-direction: column;
 }
 
 article {
@@ -98,20 +100,19 @@ p a.anchor {
   color: var(--link-color);
 }
 
-article .post-info {
+article header .post-info {
   align-self: baseline;
 
   display: flex;
-  justify-content: flex-end;
   font-size: .75em;
 }
 
-article .post-info * {
+article header .post-info * {
   margin: 0px;
   padding: 0 3px;
 }
 
-article .post-info .published {
+article header .post-info .published {
   color: var(--aside-color);
   font-style: italic;
 }
diff --git a/themes/vexingworkshop/templates/article_infos.html b/themes/vexingworkshop/templates/article_infos.html
index 335dcbb..b1d2ff8 100644
--- a/themes/vexingworkshop/templates/article_infos.html
+++ b/themes/vexingworkshop/templates/article_infos.html
@@ -1,4 +1,4 @@
-<footer class="post-info">
+<div class="post-info">
         <abbr class="published" title="{{ article.date.isoformat() }}">
                 Published: {{ article.locale_date }}
         </abbr>
@@ -20,4 +20,4 @@
         {% include 'taglist.html' %}
         {% import 'translations.html' as translations with context %}
         {{ translations.translations_for(article) }}
-</footer><!-- /.post-info -->
+</div><!-- /.post-info -->
diff --git a/themes/vexingworkshop/templates/index.html b/themes/vexingworkshop/templates/index.html
index 682c68e..ed2ccd6 100644
--- a/themes/vexingworkshop/templates/index.html
+++ b/themes/vexingworkshop/templates/index.html
@@ -8,8 +8,13 @@
             {% if loop.first and not articles_page.has_previous() %}
                 <aside id="featured" class="body">
                     <article>
-                        <h1 class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a></h1>
-                        {% include 'article_infos.html' %}{{ article.content }}{% include 'comments.html' %}
+                      <header>
+                        <h1 class="entry-title">
+                          <a href="{{ SITEURL }}/{{ article.url }}">{{ article.title }}</a>
+                        </h1>
+                        {% include 'article_infos.html' %}
+                      </header>
+                      {{ article.content }}{% include 'comments.html' %}
                     </article>
                 </aside><!-- /#featured -->
                 {% if loop.length > 1 %}
-- 
2.39.5