Merge branch 'redesign'

16 files changed, 466 insertions, 407 deletions

diff --git a/resources/views/bookmarks.blade.php b/resources/views/bookmarks.blade.php
index 739c4c2..c8d0e11 100644
--- a/resources/views/bookmarks.blade.php
+++ b/resources/views/bookmarks.blade.php
@@ -1,7 +1,7 @@
 <x-layout>
     <x-slot:title>Bookmarks</x-slot:title>
     @foreach($categories as $category)
-        <div class="info-section">
+        <div class="section">
             <h2>{{ $category->name }}</h2>
             <hr>
             <ul>
diff --git a/resources/views/calculators.blade.php b/resources/views/calculators.blade.php
index 7f3603b..e36ac43 100644
--- a/resources/views/calculators.blade.php
+++ b/resources/views/calculators.blade.php
@@ -1,18 +1,20 @@
 <x-layout>
     <x-slot:title>Calculators</x-slot:title>
-        <h1>CASIO fx-CG50</h1>
+    <div class="section">
+        <h2>CASIO fx-CG50</h2>
         <p>TBD</p>
-        <h2>Pictures</h2>
+        <br>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/casio-fx-cg50/1s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view">
         <img src="{{ asset('images/calculators/casio-fx-cg50/2s.jpeg') }}" width="15%" alt="Casio fx-CG50 Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/casio-fx-cg50/3s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view (top half)">
         <img src="{{ asset('images/calculators/casio-fx-cg50/4s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view (bottom half)">
-
-        <hr>
-
-        <h1>CASIO fx-120 (1977-78)</h1>
+    </div>
+    <div class="section">
+        <h2>CASIO fx-120 (1977-78)</h2>
         <p>TBD</p>
-        <h2>Specifications</h2>
+        <br>
+        <p><strong>Specifications</strong></p>
         <table class="calculator-spec-table">
             <tr>
                 <td><b>Size</b></td>
@@ -43,42 +45,40 @@
                 <td>12-digit VFD (NEC LD8197A)</td>
             </tr>
         </table>
-        <h2>Pictures</h2>
-        <p>Click images to view full size</p>
+        <br>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/casio-fx-120/1s.jpeg') }}" width="15%" alt="Casio fx-120 Front view">
         <img src="{{ asset('images/calculators/casio-fx-120/2s.jpeg') }}" width="15%" alt="Casio fx-120 Front view (top half)">
         <img src="{{ asset('images/calculators/casio-fx-120/3s.jpeg') }}" width="15%" alt="Casio fx-120 Front view (bottom half)">
         <img src="{{ asset('images/calculators/casio-fx-120/4s.jpeg') }}" width="15%" alt="Casio fx-120 Rear view (battery and expansion covers removed">
-
-        <hr>
-
-        <h1>CASIO fx-82 (1982-85)</h1>
+    </div>
+    <div class="section">
+        <h2>CASIO fx-82 (1982-85)</h2>
         <p>TBD</p>
-        <h2>Pictures</h2>
-        <p>Click images to view full size</p>
+        <br>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/casio-fx-82/1s.jpeg') }}" width="15%" alt="Casio fx-82 Front view">
         <img src="{{ asset('images/calculators/casio-fx-82/2s.jpeg') }}" width="15%" alt="Casio fx-82 Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/casio-fx-82/3s.jpeg') }}" width="15%" alt="Casio fx-82 Front view (top half)">
         <img src="{{ asset('images/calculators/casio-fx-82/4s.jpeg') }}" width="15%" alt="Casio fx-82 Front view (bottom half)">
-
-        <hr>
-
-        <h1>Texas Instruments TI-30 (1976-90)</h1>
+    </div>
+    <div class="section">
+        <h2>Texas Instruments TI-30 (1976-90)</h2>
         <p>TBD</p>
-        <h2>Pictures</h2>
-        <p>Click images to view full size</p>
+        <br>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/ti-30/1s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (with manual)">
         <img src="{{ asset('images/calculators/ti-30/2s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/ti-30/3s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (top half)">
         <img src="{{ asset('images/calculators/ti-30/4s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (bottom half)">
-
-        <hr>
-
-        <h1>Texet 880 Executive (1977-78)</h1>
+    </div>
+    <div class="section">
+        <h2>Texet 880 Executive (1977-78)</h2>
         <p>The calculator measures 74.2mm x 135mm x 22.2mm. It weighs 86g without the battery installed, which is a 9v PP3-type battery. Rather than the usual press-stud type holder, the housing has two metal slide clips. There is also what I assume to be a sponge at one end which is supposed to aid in holding the battery in, however it appears to have gone completely hard and I will most likely replace it in the future. There's small adaptor hole at the top, of which the input isn't specified (though it's generally agreed that it's 4.5v centre-positive).</p>
         <p>The case is black &amp; silvery colored with a thin brushed metallic front panel. The eight-digit bubble display has an absolutely <i>terrible</i> viewing angle, which means you either have to be holding it under your coat or against your face to read it!</p>
-        The keypad is particularly strange in the way that it has 3 cancel buttons, <pre>[CE]</pre>, <pre>[C]</pre> and <pre>[CA]</pre>, while the <pre>[CS]</pre> button is a Clear Sign button, <i>not</i> another cancel! The keys themselves are particularly stiff, and you really have to push them to get them to register. Many 880s suffered something referred to as the "pseudo fixed decimal bug" where, if you typed in <pre>1 + 1.00 = </pre>, it would display <pre>2.00</pre> instead of the expected <pre>2</pre>
-        <h2>Specifications</h2>
+        The keypad is particularly strange in the way that it has 3 cancel buttons, [CE], [C] and [CA], while the [CS] button is a Clear Sign button, <i>not</i> another cancel! The keys themselves are particularly stiff, and you really have to push them to get them to register. Many 880s suffered something referred to as the "pseudo fixed decimal bug" where, if you typed in 1 + 1.00 = , it would display 2.00 instead of the expected 2
+        <br>
+        <p><strong>Specifications</strong></p>
         <table class="calculator-spec-table">
             <tr>
                 <td><b>Size</b></td>
@@ -105,10 +105,10 @@
                 <td>8-digit LED</td>
             </tr>
         </table>
-        <h2>Pictures</h2>
-        <p>Click images to view full size</p>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/texet-880/1s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view">
         <img src="{{ asset('images/calculators/texet-880/2s.jpeg') }}" width="15%" alt="Texet 880 Executive Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/texet-880/3s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view (top half)">
         <img src="{{ asset('images/calculators/texet-880/4s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view (bottom half)">
+    </div>
 </x-layout>
diff --git a/resources/views/components/current-track.blade.php b/resources/views/components/current-track.blade.php
index d42ad3b..0770240 100644
--- a/resources/views/components/current-track.blade.php
+++ b/resources/views/components/current-track.blade.php
@@ -1,4 +1,4 @@
-<div class="info-table current-track">
+<div class="section current-track">
     <h2>Last/Current Track:</h2>
     <a href="{{ $track["url"] }}">{{ $track["title"] }} • {{ $track["artist"] }}</a><br>
 </div>
diff --git a/resources/views/components/discord-status.blade.php b/resources/views/components/discord-status.blade.php
new file mode 100644
index 0000000..00d2c7a
--- /dev/null
+++ b/resources/views/components/discord-status.blade.php
@@ -0,0 +1,3 @@
+<span>I'm</span>
+<h2 class="online-status" style="color: {{ $status["color"] }};text-shadow: var(--firefox-shadow) {{ $status["color"] }}4f !important">{{ $status["text"] }}!</h2>
+<p><strong>Time in Britain:</strong> <span id="clock"></span></p>
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index 93fccef..7e36de5 100644
--- a/resources/views/components/layout.blade.php
+++ b/resources/views/components/layout.blade.php
@@ -14,6 +14,7 @@
     <link rel="icon" type="image/png" href="{{ asset('/favicon-32x32.png') }}" sizes="32x32"/>
     <link rel="icon" type="image/png" href="{{ asset('/favicon-16x16.png') }}" sizes="16x16"/>
     <script src="{{ asset('/js/schemeSwap.js') }}"></script>
+    <script src="{{ asset('/js/liveClock.js') }}"></script>
     {!! (intval(date('n')) == 12) ? '<script src="/js/christmas/snow.js"></script>' : '' !!}
 
     <!-- Page-specific -->
@@ -22,83 +23,66 @@
     <meta property="og:image" content="/favicon-128x128.png">
 </head>
 <body onload="setSchemeSelector()">
-<div class="page">
-    <div id="header" class="header">
-        <x-navbar title="{{ $title }}"/>
-        <hr>
-    </div> <!-- header -->
-    <div id="content" class="content" role="main">
-        {{ $slot }}
-    </div> <!-- content -->
-    <div id="footer" class="footer">
-        <hr>
-        <div class="footer" role="contentinfo">
-            <a href="https://dimden.dev/" class="button">
-                <img src="https://dimden.dev/services/images/88x31.gif" width="88" height="31"
-                     class="pixel" alt="dimden.dev">
-            </a>&nbsp;
-            <a href="https://www.linux.org/" class="button">
-                <img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" width="88"
-                     class="pixel" height="31" alt="Linux NOW!">
-            </a>&nbsp;
-            <a href="https://www.vim.org/" class="button">
-                <img src="{{ URL::asset('images/buttons/vim.gif') }}" width="88" height="31"
-                     class="pixel" alt="vim">
-            </a>&nbsp;
-            <a href="https://wave.webaim.org/" class="button">
-                <img src="{{ URL::asset('images/buttons/evaluatedWAVE.png') }}" width="88" height="31"
-                     class="pixel" alt="Evaluated to be accessible!">
-            </a>&nbsp;
-            <a href="https://jigsaw.w3.org/css-validator/check/referer" class="button">
-                <img src="{{ URL::asset('images/buttons/vcss-blue.gif') }}" width="88" height="31"
-                     class="pixel" alt="Valid CSS!">
-            </a>&nbsp;
-            <a href="https://wiby.me/" class="button">
-                <img src="{{ URL::asset('images/buttons/wiby.gif') }}" width="88" height="31"
-                     class="pixel" alt="Wiby - Search Engine for the Classic Web">
-            </a><br>
-            <p>This site is best viewed at 1024x768 with 16-bit color or better<br>
-            &copy; floppydisk 2021-{{ date('Y') }}, v{{ config('app.version') }}, <a
-                href="https://github.com/floppydisk05/diskfloppy.me">Source</a>,
-            Served by {{ gethostname() }}<br>
-            <label for="scheme-selector">Color Scheme:</label>
-            <select id="scheme-selector">
-                <optgroup label="Misc">
-                    <option value="c64">C64</option>
-                </optgroup>
-                <optgroup label="Light">
-                    <option value="catppuccin-latte">Catppuccin Latte</option>
-                    <option value="gruvbox">Gruvbox</option>
-                    <option value="man-page">Man Page</option>
-                    <option value="papercolor-light">Papercolor Light</option>
-                    <option value="rose-pine-dawn">Rosé Pine Dawn</option>
-                    <option value="solarized-light">Solarized Light</option>
-                    <option value="terminal-basic">Terminal Basic</option>
-                </optgroup>
-                <optgroup label="Dark">
-                    <option value="catppuccin-frappe">Catppuccin Frappé</option>
-                    <option value="catppuccin-macchiato" selected="selected">Catppuccin Macchiato</option>
-                    <option value="catppuccin-mocha">Catppuccin Mocha</option>
-                    <option value="gruvbox-dark">Gruvbox Dark</option>
-                    <option value="gruvbox-material">Gruvbox Material</option>
-                    <option value="maia">Maia</option>
-                    <option value="mono-amber">Mono Amber</option>
-                    <option value="mono-cyan">Mono Cyan</option>
-                    <option value="mono-green">Mono Green</option>
-                    <option value="mono-red">Mono Red</option>
-                    <option value="mono-white">Mono White</option>
-                    <option value="mono-yellow">Mono Yellow</option>
-                    <option value="papercolor-dark">Papercolor Dark</option>
-                    <option value="rose-pine">Rosé Pine</option>
-                    <option value="rose-pine-moon">Rose Pine Moon</option>
-                    <option value="shel">Shel</option>
-                    <option value="slate">Slate</option>
-                    <option value="solarized-dark">Solarized Dark</option>
-                </optgroup>
-            </select>
-            <button onclick="swapScheme()">Apply</button></p>
+<div class="container">
+    <div class="page">
+        <header>
+            <h1>{{ str_replace("www.", "", Request::getHost()) }}</h1>
+        </header>
+        <div class="navbar">
+            <p>
+                <strong>Current Path:</strong>
+                @if(Request::getRequestUri() == "/")
+                    /
+                @else
+                    {{ str_replace("/", " / ", rtrim(Request::getRequestUri(), "/")) }}
+                @endif
+            </p>
         </div>
-    </div> <!-- footer -->
-</div> <!-- page -->
+        <div class="content">
+            <main>
+                {{ $slot }}
+            </main>
+            <div class="sidebar">
+                <div class="section"><nav><x-navigation/></nav></div>
+                <div class="section"><x-settings/></div>
+                <div class="section centerbox"><x-discord-status/></div>
+                <div class="section"><x-weather/></div>
+            </div>
+        </div>
+        <footer>
+            <div>
+                (c) floppydisk 2021-{{ date('Y') }}<br>
+                v{{ config('app.version') }}, <a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a><br>
+                Served by {{ gethostname() }}
+            </div>
+            <div>
+                <a href="https://dimden.dev/" class="button">
+                    <img src="https://dimden.dev/services/images/88x31.gif" width="88" height="31"
+                         class="pixel" alt="dimden.dev">
+                </a>
+                <a href="https://www.linux.org/" class="button">
+                    <img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" width="88"
+                         class="pixel" height="31" alt="Linux NOW!">
+                </a>
+                <a href="https://www.vim.org/" class="button">
+                    <img src="{{ URL::asset('images/buttons/vim.gif') }}" width="88" height="31"
+                         class="pixel" alt="vim">
+                </a><br>
+                <a href="https://wave.webaim.org/" class="button">
+                    <img src="{{ URL::asset('images/buttons/evaluatedWAVE.png') }}" width="88" height="31"
+                         class="pixel" alt="Evaluated to be accessible!">
+                </a>
+                <a href="https://jigsaw.w3.org/css-validator/check/referer" class="button">
+                    <img src="{{ URL::asset('images/buttons/vcss-blue.gif') }}" width="88" height="31"
+                         class="pixel" alt="Valid CSS!">
+                </a>
+                <a href="https://wiby.me/" class="button">
+                    <img src="{{ URL::asset('images/buttons/wiby.gif') }}" width="88" height="31"
+                         class="pixel" alt="Wiby - Search Engine for the Classic Web">
+                </a>
+            </div>
+        </footer>
+    </div>
+</div>
 </body>
 </html>
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
deleted file mode 100644
index 1853a51..0000000
--- a/resources/views/components/navbar.blade.php
+++ /dev/null
@@ -1,16 +0,0 @@
-<nav>
-    <h1>{{ str_replace("www.", "", Request::getHost()) }} | <strong>{{ $title }}</strong></h1>
-    <div class="nav-wrapper">
-        <div>
-            <a href="/" title="Home"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" alt="Home" width="32" height="32"></a>
-            <a href="//git.diskfloppy.me/" title="cgit"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" alt="cgit" width="32" height="32"></a>
-            <a href="/pub/" title="Public Files"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" alt="Public Files" width="32" height="32"></a>
-            <a href="/computers/" title="Computers"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" alt="Computers" width="32" height="32"></a>
-            <a href="/calculators/" title="Calculators"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" alt="Calculators" width="32" height="32"></a>
-            <a href="/bookmarks/" title="Bookmarks"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" alt="Bookmarks" width="32" height="32"></a>
-            <a href="/guestbook/" title="Guestbook"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" alt="Guestbook" width="32" height="32"></a>
-            <a href="//weather.diskfloppy.me/" title="Weather"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" alt="Weather" width="32" height="32"></a>
-            <a href="/music/" title="Music"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" alt="Music" width="32" height="32"></a>&nbsp;&nbsp;
-        </div>
-    </div>
-</nav>
diff --git a/resources/views/components/navigation.blade.php b/resources/views/components/navigation.blade.php
new file mode 100644
index 0000000..dda02bd
--- /dev/null
+++ b/resources/views/components/navigation.blade.php
@@ -0,0 +1,30 @@
+<p><strong>Navigation:</strong></p>
+<div class="navlinks">
+<a href="/">
+    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" width="16" height="16">Home
+</a><br>
+<a href="//git.diskfloppy.me/">
+    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" width="16" height="16">Git
+</a><br>
+<a href="/pub/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" width="16" height="16">Public Files
+</a><br>
+<a href="/computers/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" width="16" height="16">Computers
+</a><br>
+<a href="/calculators/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" width="16" height="16">Calculators
+</a><br>
+<a href="/bookmarks/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" width="16" height="16">Bookmarks
+</a><br>
+<a href="/guestbook/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" width="16" height="16">Guestbook
+</a><br>
+<a href="//weather.diskfloppy.me/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" width="16" height="16">Weather
+</a><br>
+<a href="/music/">
+	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" width="16" height="16">Music
+</a><br>
+</div>
diff --git a/resources/views/components/never-said.blade.php b/resources/views/components/never-said.blade.php
new file mode 100644
index 0000000..9cb47b7
--- /dev/null
+++ b/resources/views/components/never-said.blade.php
@@ -0,0 +1,3 @@
+<p class="quote">
+    <strong>{{ $quote["name"] }}:</strong> "{{ $quote["quote"] }}"<br>
+</p>
diff --git a/resources/views/components/settings.blade.php b/resources/views/components/settings.blade.php
new file mode 100644
index 0000000..8851f6c
--- /dev/null
+++ b/resources/views/components/settings.blade.php
@@ -0,0 +1,37 @@
+<p><strong>Site Settings:</strong></p>
+<label for="scheme-selector">Colors:</label>
+<select id="scheme-selector">
+{{--    <optgroup label="Misc">--}}
+{{--        <option value="c64">C64</option>--}}
+{{--    </optgroup>--}}
+    <optgroup label="Light">
+        <option value="catppuccin-latte">Catppuccin Latte</option>
+{{--        <option value="gruvbox">Gruvbox</option>--}}
+{{--        <option value="man-page">Man Page</option>--}}
+{{--        <option value="papercolor-light">Papercolor Light</option>--}}
+{{--        <option value="rose-pine-dawn">Rosé Pine Dawn</option>--}}
+{{--        <option value="solarized-light">Solarized Light</option>--}}
+{{--        <option value="terminal-basic">Terminal Basic</option>--}}
+    </optgroup>
+    <optgroup label="Dark">
+        <option value="catppuccin-frappe">Catppuccin Frappé</option>
+        <option value="catppuccin-macchiato" selected="selected">Catppuccin Macchiato</option>
+        <option value="catppuccin-mocha">Catppuccin Mocha</option>
+{{--        <option value="gruvbox-dark">Gruvbox Dark</option>--}}
+{{--        <option value="gruvbox-material">Gruvbox Material</option>--}}
+{{--        <option value="maia">Maia</option>--}}
+{{--        <option value="mono-amber">Mono Amber</option>--}}
+{{--        <option value="mono-cyan">Mono Cyan</option>--}}
+{{--        <option value="mono-green">Mono Green</option>--}}
+{{--        <option value="mono-red">Mono Red</option>--}}
+{{--        <option value="mono-white">Mono White</option>--}}
+{{--        <option value="mono-yellow">Mono Yellow</option>--}}
+{{--        <option value="papercolor-dark">Papercolor Dark</option>--}}
+{{--        <option value="rose-pine">Rosé Pine</option>--}}
+{{--        <option value="rose-pine-moon">Rose Pine Moon</option>--}}
+{{--        <option value="shel">Shel</option>--}}
+{{--        <option value="slate">Slate</option>--}}
+{{--        <option value="solarized-dark">Solarized Dark</option>--}}
+    </optgroup>
+</select><br>
+<button onclick="swapScheme()">Apply</button>
diff --git a/resources/views/components/toh-quote.blade.php b/resources/views/components/toh-quote.blade.php
new file mode 100644
index 0000000..d9dfab1
--- /dev/null
+++ b/resources/views/components/toh-quote.blade.php
@@ -0,0 +1,12 @@
+<p class="quote">
+    @foreach($quote["lines"] as $line)
+        <strong>{{ $line["character"] }}:</strong>
+        {{-- Literally only one thing will trigger this lmao --}}
+        @if($line["line"] == "*Rage squeals*")
+            {{ $line["line"] }}
+        @else
+            "{{ $line["line"] }}"
+        @endif<br>
+    @endforeach
+    <small>({{ $quote["attribution"] }})</small>
+</p>
diff --git a/resources/views/components/top-tracks.blade.php b/resources/views/components/top-tracks.blade.php
index a8c94f2..0b563b4 100644
--- a/resources/views/components/top-tracks.blade.php
+++ b/resources/views/components/top-tracks.blade.php
@@ -1,3 +1,4 @@
+<div class="section">
 <table class="music-top10">
     <caption>
         <h2 style="margin-bottom: 5px">Top 10 Tracks (Last 30 days):</h2>
@@ -14,3 +15,4 @@
         <x-track :track="$track" :count="$count"/>
     @endforeach
 </table>
+</div>
diff --git a/resources/views/components/weather.blade.php b/resources/views/components/weather.blade.php
new file mode 100644
index 0000000..b4dfcaa
--- /dev/null
+++ b/resources/views/components/weather.blade.php
@@ -0,0 +1,11 @@
+<p><strong>Weather Conditions:</strong></p>
+<hr style="margin: 4px 0">
+<p><strong>Temperature:</strong> {{ round(($conditions[0]["temp"] - 32) * (5/9), 1) }} degC</p>
+<p><strong>Rain:</strong> {{ ($conditions[0]["rain_rate_last"] * 0.2) }}mm/hr ({{ $conditions[0]["rainfall_daily"] }}mm today)</p>
+@if ($conditions[0]["wind_speed_last"] != 0)
+    <p><strong>Wind:</strong> {{ round($conditions[0]["wind_speed_last"], 1) }}mph ({{ $conditions[0]["wind_dir_last"] }} deg)</p>
+@else
+    <p><strong>Wind:</strong> 0mph</p>
+@endif
+<p><strong>Humidity:</strong> {{ round($conditions[0]["hum"], 1) }}%</p>
+<p><strong>Pressure:</strong> {{ round($conditions[2]["bar_sea_level"], 1) }} inHg</p>
diff --git a/resources/views/computers.blade.php b/resources/views/computers.blade.php
index e188ba3..4d3457e 100644
--- a/resources/views/computers.blade.php
+++ b/resources/views/computers.blade.php
@@ -1,252 +1,253 @@
 <x-layout>
     <x-slot:title>Computers</x-slot:title>
-    <table class="computers">
-        <tr>
-            <th>MODEL</th>
-            <th>CPU</th>
-            <th>GPU</th>
-            <th>STORAGE</th>
-            <th>RAM</th>
-            <th>OS</th>
-        </tr>
-        <tr>
-            <td>Random Whitebox<br>(???)</td>
-            <td>486DX2</td>
-            <td></td>
-            <td>280MB HDD</td>
-            <td>16MB</td>
-            <td>MS-DOS 6.22 &amp; Windows for Workgroups 3.11</td>
-        </tr>
-        <tr>
-            <td>MacBook Pro 14"<br>(2023)</td>
-            <td colspan="2">M3 Pro</td>
-            <td>500GB SSD</td>
-            <td>18GB</td>
-            <td>macOS Sonoma</td>
-        </tr>
-        <tr>
-            <td>MacBook Pro 13"<br>(2018)</td>
-            <td>Intel i5-8592U (2.3GHz)</td>
-            <td>Intel Iris Plus 655</td>
-            <td>250GB SSD</td>
-            <td>8GB</td>
-            <td>macOS Mojave</td>
-        </tr>
-        <tr>
-            <td>Lenovo ThinkPad T430<br>(2012)</td>
-            <td>Intel Core i7 (idk what it is)</td>
-            <td></td>
-            <td></td>
-            <td>16GB</td>
-            <td>Windows 7 Pro / NixOS</td>
-        </tr>
-        <tr>
-            <td>IBM ThinkPad X41T<br>(2005)</td>
-            <td>Intel Pentium M (1.6GHz)</td>
-            <td>Mobile Intel Express Chipset (128MB)</td>
-            <td>40GB HDD</td>
-            <td>1.5GB</td>
-            <td>Windows XP Tablet PC Edition</td>
-        </tr>
-        <tr>
-            <td>Dell OptiPlex GX1<br>(1999)</td>
-            <td>Intel Pentium II (Deschutes, 400MHz)</td>
-            <td>ATI 3D Rage Pro (4MB)</td>
-            <td>40GB HDD</td>
-            <td>639MB</td>
-            <td>Windows 2000</td>
-        </tr>
-        <tr>
-            <td>IBM ThinkPad T40<br>(2003)</td>
-            <td>Intel Pentium M (1.3GHz)</td>
-            <td>ATI Mobility Radeon 7500 (32MB)</td>
-            <td>N/A</td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>HP Compaq Elite 8100<br>(2010)</td>
-            <td>Intel Core i7 (something or other)</td>
-            <td></td>
-            <td></td>
-            <td>16GB</td>
-            <td>Windows Vista Ultimate (64-bit)</td>
-        </tr>
-        <tr>
-            <td>Mac mini<br>(2014)</td>
-            <td>Intel Core i5-4278U (2.6GHz)</td>
-            <td>Intel Iris Graphics</td>
-            <td>1TB HDD</td>
-            <td>8GB</td>
-            <td>Proxmox VE 8.2</td>
-        </tr>
-        <tr>
-            <td>Fujitsu Milan<br>(1996)</td>
-            <td>Intel Pentium</td>
-            <td></td>
-            <td>1215MB HDD</td>
-            <td>32MB</td>
-            <td>Windows 98 SE</td>
-        </tr>
-        <tr>
-            <td>Compaq Armada M300<br>(1999)</td>
-            <td>Intel Pentium III</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-        </tr>
-        <tr>
-            <td>SuperMicro X9SCM</td>
-            <td>Intel Pentium G850 (2.9GHz)</td>
-            <td>Matrox MGA G6200eW</td>
-            <td>2TB HDD / 80GB HDD</td>
-            <td>16GB</td>
-            <td>Proxmox VE 8.2</td>
-        </tr>
-        <tr>
-            <td>Main PC</td>
-            <td>Intel Core i7-6700K (4GHz)</td>
-            <td>NVidia GTX 1060 (3GB)</td>
-            <td>(multiple)</td>
-            <td>64GB</td>
-            <td>Windows 10 Pro / NixOS</td>
-        </tr>
-        <tr>
-            <td>Toshiba Qosmio F20<br>(2005)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>MacBook Pro 13"<br>(2009)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>Packard-Bell EasyNote MIT-LYN01<br>(???)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>Windows XP Home</td>
-        </tr>
-        <tr>
-            <td>Sony VAIO PCG-3B1M<br>(???)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>Windows Vista</td>
-        </tr>
-        <tr>
-            <td>Dell OptiPlex 745 USFF<br>(2006)</td>
-            <td>Intel Pentium Dual Core</td>
-            <td>Intel Integrated</td>
-            <td>(multiple)</td>
-            <td>4GB</td>
-            <td>(multiple)</td>
-        </tr>
-        <tr>
-            <td>Dell Inspiron 1525<br>(2008)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>Random Whitebox 2</td>
-            <td>AMD Phenom II X6-1055T</td>
-            <td></td>
-            <td></td>
-            <td>8GB</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>Dell Latitude D531<br>(2007)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>Windows XP Professional</td>
-        </tr>
-        <tr>
-            <td>IBM ThinkPad R40<br>(2003)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>Windows 2000</td>
-        </tr>
-        <tr>
-            <td>Dell Latitude CPi<br>(2001)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>Windows 2000</td>
-        </tr>
-        <tr>
-            <td>Dell Latitude CPx<br>(1999)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>Windows 98 SE</td>
-        </tr>
-        <tr>
-            <td>Dell Latitude 4898T<br>(???)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>Time 8375<br>(???)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>Toshiba Satellite 200CDS<br>(1996)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td></td>
-        </tr>
-        <tr>
-            <td>HP Compaq NC6000<br>(2004)</td>
-            <td></td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>IBM Personal Computer 330<br>(1997)</td>
-            <td>Intel Pentium</td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-        <tr>
-            <td>Shuttle XPC SN21G5<br>(2006)</td>
-            <td>AMD Athlon 64 X2</td>
-            <td></td>
-            <td></td>
-            <td>N/A</td>
-            <td>N/A</td>
-        </tr>
-    </table>
+    <p>TBD</p>
+{{--    <table class="computers">--}}
+{{--        <tr>--}}
+{{--            <th>MODEL</th>--}}
+{{--            <th>CPU</th>--}}
+{{--            <th>GPU</th>--}}
+{{--            <th>STORAGE</th>--}}
+{{--            <th>RAM</th>--}}
+{{--            <th>OS</th>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Random Whitebox<br>(???)</td>--}}
+{{--            <td>486DX2</td>--}}
+{{--            <td></td>--}}
+{{--            <td>280MB HDD</td>--}}
+{{--            <td>16MB</td>--}}
+{{--            <td>MS-DOS 6.22 &amp; Windows for Workgroups 3.11</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>MacBook Pro 14"<br>(2023)</td>--}}
+{{--            <td colspan="2">M3 Pro</td>--}}
+{{--            <td>500GB SSD</td>--}}
+{{--            <td>18GB</td>--}}
+{{--            <td>macOS Sonoma</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>MacBook Pro 13"<br>(2018)</td>--}}
+{{--            <td>Intel i5-8592U (2.3GHz)</td>--}}
+{{--            <td>Intel Iris Plus 655</td>--}}
+{{--            <td>250GB SSD</td>--}}
+{{--            <td>8GB</td>--}}
+{{--            <td>macOS Mojave</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Lenovo ThinkPad T430<br>(2012)</td>--}}
+{{--            <td>Intel Core i7 (idk what it is)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>16GB</td>--}}
+{{--            <td>Windows 7 Pro / NixOS</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>IBM ThinkPad X41T<br>(2005)</td>--}}
+{{--            <td>Intel Pentium M (1.6GHz)</td>--}}
+{{--            <td>Mobile Intel Express Chipset (128MB)</td>--}}
+{{--            <td>40GB HDD</td>--}}
+{{--            <td>1.5GB</td>--}}
+{{--            <td>Windows XP Tablet PC Edition</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Dell OptiPlex GX1<br>(1999)</td>--}}
+{{--            <td>Intel Pentium II (Deschutes, 400MHz)</td>--}}
+{{--            <td>ATI 3D Rage Pro (4MB)</td>--}}
+{{--            <td>40GB HDD</td>--}}
+{{--            <td>639MB</td>--}}
+{{--            <td>Windows 2000</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>IBM ThinkPad T40<br>(2003)</td>--}}
+{{--            <td>Intel Pentium M (1.3GHz)</td>--}}
+{{--            <td>ATI Mobility Radeon 7500 (32MB)</td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>HP Compaq Elite 8100<br>(2010)</td>--}}
+{{--            <td>Intel Core i7 (something or other)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>16GB</td>--}}
+{{--            <td>Windows Vista Ultimate (64-bit)</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Mac mini<br>(2014)</td>--}}
+{{--            <td>Intel Core i5-4278U (2.6GHz)</td>--}}
+{{--            <td>Intel Iris Graphics</td>--}}
+{{--            <td>1TB HDD</td>--}}
+{{--            <td>8GB</td>--}}
+{{--            <td>Proxmox VE 8.2</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Fujitsu Milan<br>(1996)</td>--}}
+{{--            <td>Intel Pentium</td>--}}
+{{--            <td></td>--}}
+{{--            <td>1215MB HDD</td>--}}
+{{--            <td>32MB</td>--}}
+{{--            <td>Windows 98 SE</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Compaq Armada M300<br>(1999)</td>--}}
+{{--            <td>Intel Pentium III</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>SuperMicro X9SCM</td>--}}
+{{--            <td>Intel Pentium G850 (2.9GHz)</td>--}}
+{{--            <td>Matrox MGA G6200eW</td>--}}
+{{--            <td>2TB HDD / 80GB HDD</td>--}}
+{{--            <td>16GB</td>--}}
+{{--            <td>Proxmox VE 8.2</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Main PC</td>--}}
+{{--            <td>Intel Core i7-6700K (4GHz)</td>--}}
+{{--            <td>NVidia GTX 1060 (3GB)</td>--}}
+{{--            <td>(multiple)</td>--}}
+{{--            <td>64GB</td>--}}
+{{--            <td>Windows 10 Pro / NixOS</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Toshiba Qosmio F20<br>(2005)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>MacBook Pro 13"<br>(2009)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Packard-Bell EasyNote MIT-LYN01<br>(???)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>Windows XP Home</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Sony VAIO PCG-3B1M<br>(???)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>Windows Vista</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Dell OptiPlex 745 USFF<br>(2006)</td>--}}
+{{--            <td>Intel Pentium Dual Core</td>--}}
+{{--            <td>Intel Integrated</td>--}}
+{{--            <td>(multiple)</td>--}}
+{{--            <td>4GB</td>--}}
+{{--            <td>(multiple)</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Dell Inspiron 1525<br>(2008)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Random Whitebox 2</td>--}}
+{{--            <td>AMD Phenom II X6-1055T</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>8GB</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Dell Latitude D531<br>(2007)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>Windows XP Professional</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>IBM ThinkPad R40<br>(2003)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>Windows 2000</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Dell Latitude CPi<br>(2001)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>Windows 2000</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Dell Latitude CPx<br>(1999)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>Windows 98 SE</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Dell Latitude 4898T<br>(???)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Time 8375<br>(???)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Toshiba Satellite 200CDS<br>(1996)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>HP Compaq NC6000<br>(2004)</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>IBM Personal Computer 330<br>(1997)</td>--}}
+{{--            <td>Intel Pentium</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--        <tr>--}}
+{{--            <td>Shuttle XPC SN21G5<br>(2006)</td>--}}
+{{--            <td>AMD Athlon 64 X2</td>--}}
+{{--            <td></td>--}}
+{{--            <td></td>--}}
+{{--            <td>N/A</td>--}}
+{{--            <td>N/A</td>--}}
+{{--        </tr>--}}
+{{--    </table>--}}
 </x-layout>
diff --git a/resources/views/guestbook.blade.php b/resources/views/guestbook.blade.php
index bed4211..f9f04ca 100644
--- a/resources/views/guestbook.blade.php
+++ b/resources/views/guestbook.blade.php
@@ -56,24 +56,20 @@
         @php
             $user_agent = $parser->parse($entry->agent);
         @endphp
-        <table class="gb-entry" role="presentation">
-            <tr>
-                <td>
-                    Submitted by <strong>{{ $entry->name }}</strong>
-                    on <strong>{{ $entry->created_at->format('Y-m-d') }}</strong>
-                    at <strong>{{ $entry->created_at->format('h:i:s A (e)') }}</strong>
-                    <hr>
-                    <span class="guestbook-message">{{ $entry->message }}</span>
-                    <hr>
-                    @if($entry->agent === "Agent Unavailable")
-                        <address>Agent unavailable</address>
-                    @else
-                        <address>Posted using <strong>{{ $user_agent->ua->toString() }}</strong>
-                            on <strong>{{ $user_agent->os->toString() }}</strong></address>
-                    @endif
-                </td>
-            </tr>
-        </table>
+        <div class="section">
+            Submitted by <strong>{{ $entry->name }}</strong>
+            on <strong>{{ $entry->created_at->format('Y-m-d') }}</strong>
+            at <strong>{{ $entry->created_at->format('h:i:s A (e)') }}</strong>
+            <hr>
+            <span class="guestbook-message">{{ $entry->message }}</span>
+            <hr>
+            @if($entry->agent === "Agent Unavailable")
+                <address>Agent unavailable</address>
+            @else
+                <address>Posted using <strong>{{ $user_agent->ua->toString() }}</strong>
+                    on <strong>{{ $user_agent->os->toString() }}</strong></address>
+            @endif
+        </div>
         <br>
     @endforeach
 </x-layout>
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index 86c7063..75af3de 100644
--- a/resources/views/home.blade.php
+++ b/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,13 @@
             <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>
-            <noscript>Oops! You need JavaScript enabled to view this content.</noscript>
-        </p>
+        <x-toh-quote/>
     </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>
diff --git a/resources/views/music.blade.php b/resources/views/music.blade.php
index 0fd5d84..92e5a90 100644
--- a/resources/views/music.blade.php
+++ b/resources/views/music.blade.php
@@ -1,6 +1,5 @@
 <x-layout>
     <x-slot:title>Music</x-slot:title>
     <x-current-track :track="$current_track"/>
-    <hr>
     <x-top-tracks :tracks="$top_tracks"/>
 </x-layout>