[meta] Add a few more Lighthouse optimisations

assets/css/03_bascht.com.css

@@ -134,6 +134,7 @@ article img {
     /* margin: 0.8em; */
     margin: 0.8em 0 0.8em 0;
     max-width: 90%;
+    height: auto;
 }
 
 div.post-content blockquote.twitter-tweet, div.post-content blockquote.mastodon-toot {

layouts/index.html

@@ -4,7 +4,7 @@
     <div class="main wrapper clearfix">
         <div class="post-content">
             <img style="float:left; margin-top: 0; margin-right: 1em;" width="400" height="400" alt="Photo of Bascht with a cow in the background" src="/images/bascht.jpg">
-            <h4>Hallo!</h4>
+            <h1>Hallo!</h1>
             Mein Name ist <strong>Bascht</strong>. Ich bin hauptsächlich Mensch,
             Christ, Dipl.-Ing. für Multimediatechnik, Musikliebhaber. Als
             freiberuflicher Infrastruktur-Engineer bändige ich diverse virtuelle
@@ -16,7 +16,7 @@
             Musikalisch fühle ich mich irgendwo zwischen Hardcore und Jazz zu Hause, spiele Gitarre und ein
             KORG nanoKEY (letzteres noch mehr schlecht als recht).
             Viel Spaß beim stöbern!
-            <h5>Hier die aktuellsten Updates aus <a href="/posts">/posts</a>:</h5>
+            <h2>Hier die aktuellsten Updates aus <a href="/posts">/posts</a>:</h2>
             <ul class="social_bar">
                 {{ $array := slice "twitter_tweet" "pixelfed_image" "foursquare_checkin" }}
                 {{ range $type := $array }}
@@ -25,7 +25,7 @@
                 {{ end }}
                 {{ end }}
             </ul>
-            <p class="noborder"><img alt="Baschts Unterschrift" width="144" height="64" src="/images/bascht_unterschrift.gif"></p>
+            <p class="noborder"><img alt="Baschts Unterschrift" width="200" height="97" src="/images/bascht_unterschrift.png"></p>
 
         </div>
     </div>