feat: Added Janky Werewolf blurb to coding page

Author: ripixel

assets/styles/styles.css

@@ -43,6 +43,15 @@ p:last-child {
   padding-bottom: 0;
 }
 
+p a {
+  border-bottom: 1px solid #fff;
+}
+
+p a:hover {
+  color: #ccc;
+  border-color: #ccc;
+}
+
 a.button {
   display: inline-block;
   padding: 10px 20px;
@@ -160,6 +169,9 @@ main {
 }
 
 main > p {
+  font-family: "Fredoka One", cursive;
+  letter-spacing: 0.1em;
+  font-size: 1.2em;
   text-align: center;
   padding: 20px;
 }

pages/coding.html

@@ -34,6 +34,39 @@ <h3>ripixel.co.uk</h3>
           >GitHub Repo</a
         >
       </section>
+      <section class="area">
+        <h3>Janky Werewolf</h3>
+        <p>
+          A browser-based version of the Ultimate Werewolf card game
+        </p>
+        <p>
+          Created during the great-lockdown of &apos;20, my friends and I adore
+          the Ultimate Werewolf game, and would play it every evening whenever
+          we met up. However, as meetings turned virtual, there was no way to do
+          this! So what did we do as a bunch of CompSci nerds? Create our own
+          web version of course!
+        </p>
+        <p>
+          The front-end is made in React, utilising Websockets to talk to
+          lambdas that handle the running of the game and tracking of game state
+          (aka who's dead Jim). The back-end is written by
+          <a href="https://www.mgoddard.net/">Michael Goddard</a>, the big ol'
+          Rust nerd.
+        </p>
+        <a class="button" href="https://www.jankywerewolf.co.uk"
+          >Check it out</a
+        >
+        <a
+          class="button"
+          href="https://github.com/ripixelcodes/janky-werewolf-client"
+          >GitHub Repo (FE)</a
+        >
+        <a
+          class="button"
+          href="https://github.com/mcgoddard/janky_werewolf_backend"
+          >GitHub Repo (BE)</a
+        >
+      </section>
     </main>
 
     {footer.html}