Formatting tweaks.

1 files changed, 32 insertions, 0 deletions

diff --git a/blog/post/2024-03-02.html b/blog/post/2024-03-02.html
index 33c96dc..3c25a13 100644
--- a/blog/post/2024-03-02.html
+++ b/blog/post/2024-03-02.html
@@ -38,12 +38,24 @@ function ol()
 }
 </script>
 <style>
+div.tf-gates-container {
+ display: flex;
+ justify-content: space-around;
+}
 div.tf-gates {
+ flex: 1 240px;
  display: inline-block;
  margin: 1em;
  padding: 1em;
  border: solid 2px;
 }
+div.tf-gates-filler {
+ flex: 100 0px;
+ display: inline-block;
+}
+div.tf-gates > p {
+ text-indent:0 !important;
+}
 hr.tf {
   border: none;
   border-top: 3px double;
@@ -199,6 +211,7 @@ Chris, “it must take a lot of work to keep this station under such
 condition in the future.”</p>
 <p>When Chris passes by gate 25 she notices something is off. She halts
 her steps and looks back.</p>
+<div class="tf-gates-container">
 <div class="tf-gates">
 Gate<br>27
 </div>
@@ -208,6 +221,10 @@ Gate<br>26
 <div class="tf-gates">
 Porte<br>25
 </div>
+<div class="tf-gates-filler">
+
+</div>
+</div>
 <p>The language of the sign changed for some reason. This baffles Chris
 and makes her freeze in place for a good second. She has learned a
 little bit of French in her youth and can indeed understand the word.
@@ -218,12 +235,17 @@ Maybe this gate is reserved for trains to and from France? Who
 knows…</p>
 <p>It didn’t take long until she notes another change in language. This
 time it’s German.</p>
+<div class="tf-gates-container">
 <div class="tf-gates">
 Porte<br>22
 </div>
 <div class="tf-gates">
 Bahnsteig<br>21
 </div>
+<div class="tf-gates-filler">
+
+</div>
+</div>
 <p>Only that Chris doesn’t know any German and wouldn’t be able to tell
 if the sign stands for “Slaughterhouse 21” with their scary long
 compound words. But she also feels a little bit reassured as her
@@ -231,6 +253,7 @@ suspicion that these gates may be reserved for trains that connect to a
 different country could be right, or so she thought.</p>
 <p>As she assumes the bizarreness would end here, she finds out she was
 wrong, VERY wrong. Because this is what she sees next:</p>
+<div class="tf-gates-container">
 <div class="tf-gates">
 Imbarchi<br>19
 </div>
@@ -240,12 +263,17 @@ INTROIRE·IN·CVRRVM<br>19⅓
 <div class="tf-gates">
 INTROIRE·IN·CVRRVM<br>18
 </div>
+<div class="tf-gates-filler">
+
+</div>
+</div>
 <p>“What on earth is happening,” says Chris, “is this station going to
 pull a Platform 9¾ on me? Where would trains using this gate go anyway,
 Vatican City?”</p>
 <p>Just as she couldn’t stop admiring the exterior of the station when
 she just arrived, these signs don’t stop surprising her, and in an
 increasingly disturbing manner.</p>
+<div class="tf-gates-container">
 <div class="tf-gates">
 <p>INTROIRE·IN·CVRRVM<br> <span class="math inline">\(\begin{vmatrix} 3
 &amp; 5 &amp; 7 &amp; 4 \\ 1 &amp; \pi &amp; 6 &amp; 3 \\ 0 &amp; 7
@@ -258,6 +286,10 @@ increasingly disturbing manner.</p>
 <p>ᚷᛠᛏ<br> <span class="math inline">\(\displaystyle\int_{3}^{\frac{45}{7}} \sinh^{-1}(x)
 \cosh^{-1}(x)\,\mathrm{d}x\)</span></p>
 </div>
+<div class="tf-gates-filler">
+
+</div>
+</div>
 <p>Chris isn’t good at math when she was in high school. She doesn’t
 even know what half of these symbols could ever mean. She doesn’t think
 she has seen the symbols on the last sign in any of the languages alive