Initial redesign commit

resources/views/home.blade.php

@@ -1,10 +1,12 @@
 <x-layout>
     <x-slot:title>Home</x-slot:title>
-    <p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.</p>
 
-    <div class="info-section">
-        <h2>QuickFacts&trade;</h2>
+    <div class="section">
+        <h2>About Me</h2>
         <hr>
+        <p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.</p>
+        <br>
+        <p>QuickFacts&trade;:</p>
         <ul>
             <li>{{ $age }} y/o, he/him, British</li>
             <li>Theatre Technician, &quot;Web Developer&quot; and NixOS User</li>
@@ -14,10 +16,8 @@
             <li>Favorite games: <a href="https://steamcommunity.com/id/floppydisk05/recommended/420530/">OneShot</a>, Minecraft, Stardew Valley, N++ and Starbound</li>
             <li><a href="http://wxqa.com/">CWOP</a> member</li>
         </ul>
-    </div>
-    <div class="info-section">
-        <h2>Interests</h2>
-        <hr>
+        <br>
+        <p>Interests:</p>
         <ul>
             <li><strong>Tech Theatre</strong> - Lighting, Stage Management, etc. (<a href="https://www.controlbooth.com/members/floppydisk.28673/">ControlBooth</a>)</li>
             <li><strong>Programming</strong> - HTML, CSS, JavaScript, C#, Java, PHP, Ruby, Python (<a href="https://github.com/floppydisk05">GitHub</a>)</li>
@@ -25,16 +25,16 @@
             <li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/floppydisk05/">Steam Profile</a></li>
         </ul>
     </div>
-    <div class="info-section">
-        <h2>Things they never said</h2>
+    <div class="section">
+        <h2>Random Quote</h2>
         <hr>
-        <p>
-            <script type="text/javascript" src="{{ asset("/js/neverSaid.js") }}"></script>
+        <p class="quote">
+            <script type="text/javascript" src="{{ asset("/js/randomQuote.js") }}"></script>
             <noscript>Oops! You need JavaScript enabled to view this content.</noscript>
         </p>
     </div>
-    <div class="info-section">
-        <h2>Contact &amp; social</h2>
+    <div class="section">
+        <h2>Contact</h2>
         <hr>
         <p>
             <strong>E-mail:</strong> <a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a><br>