rework css, semantic html

17 files changed, 57 insertions, 57 deletions

diff --git a/docs/index.html b/docs/index.html
index a1b2674..9a5d3bb 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -39,7 +39,7 @@
         </td>
         <td class=table-stats>
             <span class="stats-number">
-                4.9
+                5.0
             </span>
             <span class=stats-unit>min</span>
         </td>
diff --git a/docs/index.xml b/docs/index.xml
index c2c2a6f..91bd033 100644
--- a/docs/index.xml
+++ b/docs/index.xml
@@ -116,10 +116,10 @@ might explain better:</p>
 
 <p>To emulate soft lights, reduce the value by 2 to 3 points
 every iteration. Notice how area <code>1</code> is much larger than
-area <code>4</code>. This is because an onigiri resembles an oblate
-spheroid, a sphere that is slightly fatter around the
-middle, and areas <code>1</code> and <code>2</code> catch more light than areas
-<code>3</code> and <code>4</code>.</p>
+area <code>4</code>. This is because an onigiri resembles a bottom
+heavy oblate spheroid, a sphere that is slightly fatter
+around the lower bottom, and areas <code>1</code> and <code>2</code> catch more
+light than areas <code>3</code> and <code>4</code>.</p>
 
 <p>Do the same with the seaweed. The seaweed, being a smaller,
 flatter object, doesn&#39;t cast much of a shadow, so stop with
@@ -154,7 +154,7 @@ was 100x100, head over to <code>Image &#62; Scale Image</code>, set
 
 <p><img src="https://u.peppe.rs/CH.png" alt="big_onigiri" /></p></description>
 <link>https://peppe.rs/posts/pixel_art_in_GIMP/</link>
-<pubDate>Thu, 09 Apr 2020 16:26:00 +0000</pubDate>
+<pubDate>Thu, 09 Apr 2020 16:28:00 +0000</pubDate>
 <guid>https://peppe.rs/posts/pixel_art_in_GIMP/</guid>
 </item>
 <item>
diff --git a/docs/posts/WPA_woes/index.html b/docs/posts/WPA_woes/index.html
index df7f43e..e329df6 100644
--- a/docs/posts/WPA_woes/index.html
+++ b/docs/posts/WPA_woes/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             WPA Woes
-          </span>
+          </h1>
           <div class="post-text">
             <p>I finally got around to installing Void GNU&#47;Linux on my main
 computer. Rolling release, non-systemd, need I say more?</p>
diff --git a/docs/posts/bash_harder_with_vim/index.html b/docs/posts/bash_harder_with_vim/index.html
index d56f350..396fcfa 100644
--- a/docs/posts/bash_harder_with_vim/index.html
+++ b/docs/posts/bash_harder_with_vim/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Bash Harder With Vim
-          </span>
+          </h1>
           <div class="post-text">
             <p>Bash is tricky, don&#39;t let your editor get in your way. Here&#39;s a couple of neat
 additions you could make to your <code>vimrc</code> for a better shell programming
diff --git a/docs/posts/bye_bye_BDFs/index.html b/docs/posts/bye_bye_BDFs/index.html
index 8959ec3..ad7243d 100644
--- a/docs/posts/bye_bye_BDFs/index.html
+++ b/docs/posts/bye_bye_BDFs/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Bye Bye BDFs
-          </span>
+          </h1>
           <div class="post-text">
             <p>Glyph Bitmap Distribution Format is no more, as the creators of
 <a href="https://pango.org">Pango</a>, one of the most widely used text rendering
diff --git a/docs/posts/call_to_ARMs/index.html b/docs/posts/call_to_ARMs/index.html
index c62c032..3f759e4 100644
--- a/docs/posts/call_to_ARMs/index.html
+++ b/docs/posts/call_to_ARMs/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Call To ARMs
-          </span>
+          </h1>
           <div class="post-text">
             <p>My 4th semester involves ARM programming. And proprietary
 tooling (Keil C). But we don&#39;t do that here.</p>
diff --git a/docs/posts/color_conundrum/index.html b/docs/posts/color_conundrum/index.html
index 93928b1..2001226 100644
--- a/docs/posts/color_conundrum/index.html
+++ b/docs/posts/color_conundrum/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Color Conundrum
-          </span>
+          </h1>
           <div class="post-text">
             <p>This piece aims to highlight (pun intended) some of the
 reasons behind my <a href="https://u.peppe.rs/bF.png">color
diff --git a/docs/posts/font_size_fallacies/index.html b/docs/posts/font_size_fallacies/index.html
index eb832ec..804dea2 100644
--- a/docs/posts/font_size_fallacies/index.html
+++ b/docs/posts/font_size_fallacies/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Font Size Fallacies
-          </span>
+          </h1>
           <div class="post-text">
             <p>I am not an expert with fonts, but I do have some
 experience <sup id="fnref1"><a href="#fn1" rel="footnote">1</a></sup>, and common sense. This post aims to debunk some
diff --git a/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html b/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html
index 2196480..d4e8fb4 100644
--- a/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html
+++ b/docs/posts/get_better_at_yanking_and_putting_in_vim/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Get Better At Yanking And Putting In Vim
-          </span>
+          </h1>
           <div class="post-text">
             <ol start="1">
 <li><p>reselecting previously selected text (i use this to fix botched selections):</p>
diff --git a/docs/posts/hold_position!/index.html b/docs/posts/hold_position!/index.html
index 4eeda2a..58851c5 100644
--- a/docs/posts/hold_position!/index.html
+++ b/docs/posts/hold_position!/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Hold Position!
-          </span>
+          </h1>
           <div class="post-text">
             <p>Often times, when I run a vim command that makes &#8220;big&#8221; changes to a file (a
 macro or a <code>:vimgrep</code> command) I lose my original position and feel disoriented.</p>
diff --git a/docs/posts/my_setup/index.html b/docs/posts/my_setup/index.html
index 7725842..c3812ec 100644
--- a/docs/posts/my_setup/index.html
+++ b/docs/posts/my_setup/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             My Setup
-          </span>
+          </h1>
           <div class="post-text">
             <p>Decided to do one of these because everyone does one of
 these.</p>
diff --git a/docs/posts/onivim_sucks/index.html b/docs/posts/onivim_sucks/index.html
index def4426..c2c6ffe 100644
--- a/docs/posts/onivim_sucks/index.html
+++ b/docs/posts/onivim_sucks/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Onivim Sucks
-          </span>
+          </h1>
           <div class="post-text">
             <p><a href="https://v2.onivim.io">Onivim</a> is a &#8216;modern modal editor&#8217;, combining fancy
 interface and language features with vim-style modal editing. What&#39;s wrong you
diff --git a/docs/posts/pixel_art_in_GIMP/index.html b/docs/posts/pixel_art_in_GIMP/index.html
index 2872983..5caa446 100644
--- a/docs/posts/pixel_art_in_GIMP/index.html
+++ b/docs/posts/pixel_art_in_GIMP/index.html
@@ -28,14 +28,14 @@
               <span class="stats-unit">cm</span>
               &nbsp
               <span class="stats-number">
-                4.9
+                5.0
               </span>
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Pixel Art In GIMP
-          </span>
+          </h1>
           <div class="post-text">
             <p>I&#39;ve always been an admirer of pixel art, because of it&#8217;s
 simplicity and it&#39;s resemblance to bitmap font design.
@@ -140,10 +140,10 @@ might explain better:</p>
 
 <p>To emulate soft lights, reduce the value by 2 to 3 points
 every iteration. Notice how area <code>1</code> is much larger than
-area <code>4</code>. This is because an onigiri resembles an oblate
-spheroid, a sphere that is slightly fatter around the
-middle, and areas <code>1</code> and <code>2</code> catch more light than areas
-<code>3</code> and <code>4</code>.</p>
+area <code>4</code>. This is because an onigiri resembles a bottom
+heavy oblate spheroid, a sphere that is slightly fatter
+around the lower bottom, and areas <code>1</code> and <code>2</code> catch more
+light than areas <code>3</code> and <code>4</code>.</p>
 
 <p>Do the same with the seaweed. The seaweed, being a smaller,
 flatter object, doesn&#39;t cast much of a shadow, so stop with
diff --git a/docs/posts/rapid_refactoring_with_vim/index.html b/docs/posts/rapid_refactoring_with_vim/index.html
index 58f97b2..a309066 100644
--- a/docs/posts/rapid_refactoring_with_vim/index.html
+++ b/docs/posts/rapid_refactoring_with_vim/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Rapid Refactoring With Vim
-          </span>
+          </h1>
           <div class="post-text">
             <p>Last weekend, I was tasked with refactoring the 96 unit
 tests on
diff --git a/docs/posts/static_sites_with_bash/index.html b/docs/posts/static_sites_with_bash/index.html
index 5017a4a..1919cea 100644
--- a/docs/posts/static_sites_with_bash/index.html
+++ b/docs/posts/static_sites_with_bash/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Static Sites With Bash
-          </span>
+          </h1>
           <div class="post-text">
             <p>After going through a bunch of static site generators
 (<a href="https://blog.getpelican.com/">pelican</a>,
diff --git a/docs/posts/termux_tandem/index.html b/docs/posts/termux_tandem/index.html
index 40580ba..972f0e2 100644
--- a/docs/posts/termux_tandem/index.html
+++ b/docs/posts/termux_tandem/index.html
@@ -33,9 +33,9 @@
               <span class="stats-unit">min</span>
             </div>
           </div>
-          <span class="post-title">
+          <h1>
             Termux Tandem
-          </span>
+          </h1>
           <div class="post-text">
             <p>I learnt about <code>termux</code> from a friend on IRC recently.
 It looked super gimmicky to me at first, but it eventually
diff --git a/docs/style.css b/docs/style.css
index 898cbee..9f749e2 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -63,14 +63,29 @@ body {
 
 html {
   line-height: 1.5;
-  font-size: 17px;
+  font-size: 18px;
+}
+
+h1 {
+  font-size: 1.8rem;
+}
+h2 {
+  font-size: 1.6rem;
+}
+h3 {
+  font-size: 1.4rem;
+}
+h4 {
+  font-size: 1.2rem;
 }
 
 h1, h2, h3 {
-  margin-top: 4rem;
+  margin: 0;
+  margin-top: 3rem;
 }
 h4, h5, h6 {
-  margin-top: 2rem;
+  margin: 0;
+  margin-top: 1.5rem;
 }
 
 .subheading {
@@ -130,18 +145,12 @@ pre > code {
   .posts {
     max-width: 650px;
   }
-  html {
-    font-size: 18px;
-  }
 }
 
 @media only screen and (min-width: 1400px) {
   .posts {
     max-width: 650px;
   }
-  html {
-    font-size: 18px;
-  }
 }
 
 .posts {
@@ -229,15 +238,6 @@ a, a:hover, a:visited, a:active {
   font-size: 0.8rem;
 }
 
-.post-title {
-  text-decoration: none;
-  color: var(--black);
-  text-shadow: none;
-  text-align: center;
-  font-weight: 800;
-  font-size: 1.5rem;
-}
-
 .post-text {
   font-size: 0.9rem;
 }