1.4.2 patch, improved mobile support for header section, added new motd lines, added fediring

index.html

@@ -15,17 +15,22 @@
 
     <div class="container">
         <header>
-            <pre>
+            <pre style="width: 352px; display:inline-block">
   ___            __ _ _
  / __|___ _ __  / _(_) |_ _  _   _ _ ___
-| (__/ _ \ '  \|  _| |  _| || |_| '_/ -_)   <a href="#changelog">v1.4.1</a>
- \___\___/_|_|_|_| |_|\__|\_,_(_)_| \___|   <script>comfiture.printMotd();</script>
-            </pre>
+| (__/ _ \ '  \|  _| |  _| || |_| '_/ -_)
+ \___\___/_|_|_|_| |_|\__|\_,_(_)_| \___|
+            </pre><div style="display: inline-block; height: 48px; vertical-align: bottom;">
+                <a href="#changelog">v1.4.2</a><br/>
+                <script>comfiture.printMotd();</script><br/>
+            </div>
+            <div>
                 <a href="#home">Home</a>
                 | <a href="#about">About</a>
                 | <a href="#websites">Websites</a>
                 | <a href="#projects">Projects</a>
                 | <a href="#contact">Contact</a><br/>
+            </div>
         </header>
 
         <main>
@@ -168,6 +173,12 @@
             </div>
             <div class="content" id="changelog">
                 <h1>Changelog</h1>
+                <p>
+                    1.4.2 Patch:<br/>
+                    - Added fediring links <br/>
+                    - Improved mobile support of the header section<br/>
+                    - Added some more motd lines
+                </p>
                 <p>
                     1.4.1 Patch:<br/>
                     - Added "viewport" meta tag to fix responsiveness
@@ -219,8 +230,13 @@
         </main>
 
         <footer>
+            <div style="float:left;">
+                <a href="https://fediring.net/previous?host=comfitu.re">←</a>
+                <a href="https://fediring.net/">Fediring</a>
+                <a href="https://fediring.net/next?host=comfitu.re">→</a>
+            </div>
             <div style="text-align: right"> 2021 Comfitu.re.
-                <a href="#copyright">License details</a>
+                <a href="#copyright">License</a>
                 <a target="_blank" href="https://vcs.subcon.town/fristi/comfitu.re">Source</a>
             </div>
         </footer>

script.js

@@ -15,6 +15,8 @@
         "What is love?",
         "Justice in Spades",
         "Let's get Volatile",
+        "Yeah, RIP",
+        "What a shame."
     ];
     var wallpapers = [
         '1.gif', '3.gif', '4.gif',

style.css

@@ -60,12 +60,12 @@ header, main, footer {
 }
 
 header {
-    height: 112px;
+    height: 160px;
     overflow: hidden;
 }
 
 main {
-    height: calc(100% - 160px);
+    height: calc(100% - 224px);
     overflow-y: auto;
     overflow-x: hidden;
     margin: 16px 0;
@@ -73,7 +73,7 @@ main {
 }
 
 footer {
-    height: 16px;
+    height: 32px;
     overflow: hidden;
 }
 
@@ -174,4 +174,8 @@ pre {
     main {
         height: 416px;
     }
+
+    footer {
+        height: 16px;
+    }
 }