layout fixes

diff --git a/content/four-mech-games.md b/content/four-mech-games.md
index dc46debbd07b454c424002292abc145c64f2d353..202ee31f1d6ece9bc2547a5c4075d644d9b6056d 100644 (file)
--- 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
 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,
 
 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
 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
 
 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
 
 * Game Style
 * Mechanics

diff --git a/themes/vexingworkshop/static/css/main.css b/themes/vexingworkshop/static/css/main.css
index 229610f00bc60df631b261ec99ae357fa9f40598..28bc9883588fe06444492decb35a8833bd6eb0f2 100644 (file)
--- a/themes/vexingworkshop/static/css/main.css
+++ b/themes/vexingworkshop/static/css/main.css
@@ -35,6 +35,10 @@ a:hover {
   /*text-decoration: underline;*/
 }
 
   /*text-decoration: underline;*/
 }
 

+p {
+  margin: 10px 0px;
+}
+

 ul, ol {
   padding: 0px;
   margin: 10px 0 0 0;
 ul, ol {
   padding: 0px;
   margin: 10px 0 0 0;


@@ -79,8 +83,6 @@ aside#featured {
 }
 
 aside#featured article {
 }
 
 aside#featured article {

-  display: flex;
-  flex-direction: column;

 }
 
 article {
 }
 
 article {


@@ -98,20 +100,19 @@ p a.anchor {
   color: var(--link-color);
 }
 
   color: var(--link-color);
 }
 

-article .post-info {
+article header .post-info {

   align-self: baseline;
 
   display: flex;
   align-self: baseline;
 
   display: flex;

-  justify-content: flex-end;

   font-size: .75em;
 }
 
   font-size: .75em;
 }
 

-article .post-info * {
+article header .post-info * {

   margin: 0px;
   padding: 0 3px;
 }
 
   margin: 0px;
   padding: 0 3px;
 }
 

-article .post-info .published {
+article header .post-info .published {

   color: var(--aside-color);
   font-style: italic;
 }
   color: var(--aside-color);
   font-style: italic;
 }

diff --git a/themes/vexingworkshop/templates/article_infos.html b/themes/vexingworkshop/templates/article_infos.html
index 335dcbb174452eda67effeacc1d4493478f09f0f..b1d2ff8d1140dd427b514da6ac458673683e9b70 100644 (file)
--- 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>
         <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) }}
         {% 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 682c68e607354eada0ebda6d1c5f2e6f80f26dee..ed2ccd6c6d40ecdf284dd181786ce21b207e1aed 100644 (file)
--- 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>
             {% 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 %}
                     </article>
                 </aside><!-- /#featured -->
                 {% if loop.length > 1 %}