More CSS polish

6 files changed, 48 insertions, 51 deletions

diff --git a/dst/game.html b/dst/game.html
index 5c9b9dd..7b02c10 100644
--- a/dst/game.html
+++ b/dst/game.html
@@ -15,10 +15,12 @@
                 <a href="/" class="homepage-link">adast.xyz</a>
             </header>
             <div class="center">
-<p class="note">May 7, 2021</p>
-
 <h1 id="my-game">My game</h1>
 
+<blockquote>
+<p>7<sup>th</sup> May 2021 &#8212; hello world!</p>
+</blockquote>
+
 <p>Aftershock (working title) is a multiplayer old-school arena shooter being made in Unity. It&#8217;s a hobby project that I have been working on since 2016. It started as a <em>warmup</em> project before jumping into developing an MMO, but I have since learned how much work goes into making just a multiplayer fps. Especially as a solo project. </p>
 
 <p>At it&#8217;s core, Aftershock is supposed to be my attempt at recreating a mix of Quake 3 &#47; Quake Live along with whatever else I decide to add. </p>
@@ -36,8 +38,8 @@
 
 <p>I&#8217;m in the process of rewriting a lot of systems in the game at the moment because I&#8217;m switching from janky p2p multiplayer to an authoritative server setup with client-side prediction <a href="https://www.gabrielgambetta.com/client-server-game-architecture.html">(more)</a>.</p>
 
-<p>&#10148;&#8194;&#8194;<a href="https://www.youtube.com/c/adamski1">Gameplay clips</a><br/>
-&#10148;&#8194;&#8194;<a href="https://trello.com/b/ycQyrouQ">Follow my progress</a></p>
+<p>&#10148;&#8194;<a href="https://www.youtube.com/c/adamski1">Gameplay clips</a><br/>
+&#10148;&#8194;<a href="https://trello.com/b/ycQyrouQ">Follow my progress</a></p>
             </div class="center">
         </div>
         <footer>
diff --git a/dst/index.html b/dst/index.html
index 78dd17b..ce40b0b 100644
--- a/dst/index.html
+++ b/dst/index.html
@@ -23,7 +23,7 @@
 
 <h2 id="posts">Posts</h2>
 
-<p>&#10148;&#8194;&#8194;<a href="game.html">Project Aftershock &#47;&#47; Rizen&#8217;s Arena</a></p>
+<p>&#10148;&#8194;<a href="game.html">Project Aftershock &#47;&#47; Rizen&#8217;s Arena</a></p>
             </div class="center">
         </div>
         <footer>
diff --git a/dst/styles/style.css b/dst/styles/style.css
index 976898c..547f640 100644
--- a/dst/styles/style.css
+++ b/dst/styles/style.css
@@ -1,39 +1,52 @@
 body {
     background-color: #181a1b;
     color: #ddd;
-    font: 1.1em/1.8 'Open Sans', sans-serif;
+    font: 1em/1.8 'Open Sans', sans-serif;
     margin: 0 auto;
     max-width: 50em;
     padding: 0em 1em;
 }
 
-h1 {
-    margin-top: 0.5em;
+header {
+    margin-top: 1em;
     font-size: 2em;
 }
 
+footer {
+    margin-top: 2em;
+    margin-bottom: 1em;
+    text-align: center;
+}
+
+header, footer {
+    color: #888;
+}
+
 a {
     color: #fda;
     text-decoration: none;
 }
+
 a:hover {
     text-decoration: underline;
     text-decoration-color: #ca8;
 }
 
-
 pre, code {
     font: 1.1em/1.5 monospace;
 }
+
 pre {
     overflow-x: auto;
     padding: .5em 1em;
     background-color: #222;
 }
+
 code {
     white-space: pre;
     color: rgb(251, 252, 189);
 }
+
 pre code {
     color: #ddd;
 }
@@ -41,6 +54,7 @@ pre code {
 p img, table {
     max-width: 100%;
 }
+
 img {
     display: block;
     margin-left: auto;
@@ -54,22 +68,6 @@ blockquote {
     padding-left: 1em;
 }
 
-header {
-    font-size: 2em;
-    margin-top: 1.5em;
-    margin-bottom: 2em;
-}
-footer {
-    margin-top: 3em;
-    margin-bottom: 4em;
-    text-align: center;
-}
-.note {
-    margin: 0;
-}
-header, footer, .note, .note a {
-    color: #888;
-}
 .homepage-link { 
     color: rgb(198, 90, 90);
     text-decoration-color: #555;
diff --git a/src/game.md b/src/game.md
index 455dc8c..a330de2 100644
--- a/src/game.md
+++ b/src/game.md
@@ -1,7 +1,6 @@
-<p class="note">May 7, 2021</p>
-
-# My game    
+# My game 
 
+> 7<sup>th</sup> May 2021 &mdash; hello world!
 
 Aftershock (working title) is a multiplayer old-school arena shooter being made in Unity. It's a hobby project that I have been working on since 2016. It started as a *warmup* project before jumping into developing an MMO, but I have since learned how much work goes into making just a multiplayer fps. Especially as a solo project. 
 
@@ -18,5 +17,5 @@ Main features (so far):
 
 I'm in the process of rewriting a lot of systems in the game at the moment because I'm switching from janky p2p multiplayer to an authoritative server setup with client-side prediction [(more)](https://www.gabrielgambetta.com/client-server-game-architecture.html).
 
-&#10148;&ensp;&ensp;[Gameplay clips](https://www.youtube.com/c/adamski1)  
-&#10148;&ensp;&ensp;[Follow my progress](https://trello.com/b/ycQyrouQ)
+&#10148;&ensp;[Gameplay clips](https://www.youtube.com/c/adamski1)  
+&#10148;&ensp;[Follow my progress](https://trello.com/b/ycQyrouQ)
diff --git a/src/index.md b/src/index.md
index d3abc15..512af2c 100644
--- a/src/index.md
+++ b/src/index.md
@@ -5,4 +5,4 @@ My name is Adam and I am a computer nerd studying at Aalborg University. I am in
 I'm currently working as a student developer at E-Komplet and I work on my multiplayer old-school arena shooter in my free time. I occasionally post videos of my game along with other stuff [here](https://youtube.com/c/adamski1).
 
 ## Posts
-&#10148;&ensp;&ensp;[Project Aftershock // Rizen's Arena](game.html)
+&#10148;&ensp;[Project Aftershock // Rizen's Arena](game.html)
diff --git a/src/styles/style.css b/src/styles/style.css
index 976898c..547f640 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -1,39 +1,52 @@
 body {
     background-color: #181a1b;
     color: #ddd;
-    font: 1.1em/1.8 'Open Sans', sans-serif;
+    font: 1em/1.8 'Open Sans', sans-serif;
     margin: 0 auto;
     max-width: 50em;
     padding: 0em 1em;
 }
 
-h1 {
-    margin-top: 0.5em;
+header {
+    margin-top: 1em;
     font-size: 2em;
 }
 
+footer {
+    margin-top: 2em;
+    margin-bottom: 1em;
+    text-align: center;
+}
+
+header, footer {
+    color: #888;
+}
+
 a {
     color: #fda;
     text-decoration: none;
 }
+
 a:hover {
     text-decoration: underline;
     text-decoration-color: #ca8;
 }
 
-
 pre, code {
     font: 1.1em/1.5 monospace;
 }
+
 pre {
     overflow-x: auto;
     padding: .5em 1em;
     background-color: #222;
 }
+
 code {
     white-space: pre;
     color: rgb(251, 252, 189);
 }
+
 pre code {
     color: #ddd;
 }
@@ -41,6 +54,7 @@ pre code {
 p img, table {
     max-width: 100%;
 }
+
 img {
     display: block;
     margin-left: auto;
@@ -54,22 +68,6 @@ blockquote {
     padding-left: 1em;
 }
 
-header {
-    font-size: 2em;
-    margin-top: 1.5em;
-    margin-bottom: 2em;
-}
-footer {
-    margin-top: 3em;
-    margin-bottom: 4em;
-    text-align: center;
-}
-.note {
-    margin: 0;
-}
-header, footer, .note, .note a {
-    color: #888;
-}
 .homepage-link { 
     color: rgb(198, 90, 90);
     text-decoration-color: #555;