fix flickr link

- Add more buttons
- Style <hr> elements
- Remove 'pixel nes' font from <h3> and <h4> elements
- Change footer grid column sizes to auto (previously 1fr)
- Add 5px top margin to sidebar buttons

.github/CODEOWNERS

@@ -1 +1 @@
-* @floppydisk05
+* @RoscoeDaWah

.gitignore

@@ -18,3 +18,7 @@ yarn-error.log
 /.idea
 /.vscode
 **/.DS_Store
+/log
+/storage
+/tmp
+/public/pub

README.md

@@ -1 +1,3 @@
-# diskfloppy.me
+<img src="https://git.frzn.dev/RoscoeDaWah/wah.moe/raw/branch/master/assets/logo.svg" alt="" height="100" align="center"/>
+<hr>
+My personal website, developed using the Laravel framework

app/Http/Controllers/GuestbookController.php

@@ -27,21 +27,7 @@ public function show(): View {
      * @throws ValidationException
      */
     public function addEntry(Request $request): RedirectResponse {
-        $this->validate($request, [
-            'name' => 'required',
-            'message' => 'required'
-        ]);
-
-
         GuestbookEntry::insertGuestbookEntry($request);
         return back()->with('success', 'Entry submitted successfully!');
     }
-
-    public function banIP(string $addr) {
-        // TODO: Add banning system
-        // $matching_bans = DB::select('SELECT reason FROM guestbook__bans WHERE ip_address = ?', array($request->ip()));
-        // if (!empty($matching_bans)) {
-        //     return view('errors.guestbook-ipban')->with('reason', $matching_bans[0]->reason);
-        // }
-    }
 }

app/Http/Controllers/HomeController.php

@@ -2,17 +2,18 @@
 
 namespace App\Http\Controllers;
 
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Http;
 use Illuminate\View\View;
 use DateTime;
 
-class HomeController extends Controller
-{
+class HomeController extends Controller {
     /**
      * Returns age based on birthday date and current date (GMT)
      * @return int
      */
-    function returnAge(): int
-    {
+    function returnAge(): int {
         date_default_timezone_set('Europe/London');
         $birthday = new DateTime("2005-06-07");
         $currentDate = DateTime::createFromFormat("Y-m-d", date("Y-m-d"));
@@ -24,9 +25,9 @@ function returnAge(): int
      * Shows home page
      * @return View
      */
-    public function show() : View {
+    public function show(): View {
         return view('home', [
-            'age' => $this->returnAge()
+            'age' => $this->returnAge(),
         ]);
     }
 }

app/Http/Controllers/MusicController.php

@@ -25,10 +25,18 @@ public function getCurrentTrack() {
         $data = $response->json();
         error_log($response->body());
         $track_data = $data["recenttracks"]["track"][0];
+        // $image = array_column($track_data["image"], null, 'size')['large'] ?? false;
+        $image = $track_data["image"][(array_key_last($track_data["image"]))] ?? false;
+        $now_playing = false;
+        if (array_key_exists("@attr", $track_data)) {
+            $now_playing = $track_data["@attr"]["nowplaying"] == "true" ?? ["url"=>null];
+        }
         $current_track = [
             'title' => $track_data["name"],
             'artist' => $track_data["artist"]["#text"],
             'url' => $track_data["url"],
+            'image' => $image["#text"],
+            'header' => $now_playing ? "Now Playing" : "Last Track",
         ];
         Cache::put('current_track', $current_track, now()->addSeconds(15));
         return $current_track;

app/Http/Controllers/PrivacyController.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\View\View;
+
+class PrivacyController extends Controller{
+    /**
+     * Shows the page
+     * @return View
+     */
+    public function show(): View {
+        return view('privacy');
+    }
+}

app/Http/Controllers/RoscoController.php

@@ -0,0 +1,48 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Support\Facades\File;
+use Illuminate\View\View;
+
+class RoscoController extends Controller {
+    public function getImages(): array {
+        $images = [];
+        foreach (File::glob(public_path('images/rosco').'/*') as $path) {
+            $image_data = [];
+            try {
+                $exif = exif_read_data($path);
+            } catch (Exception $ex) {
+
+            }
+            $image_data["path"] = str_replace(public_path(), '', $path);
+            if (isset($exif)) {
+                if (isset($exif["ImageDescription"])) {
+                    $image_data["description"] = $exif["ImageDescription"];
+                }
+                if (isset($exif["DateTime"])) {
+                    $image_data["date"] = strtotime($exif["DateTime"]);
+                }
+            }
+            array_push($images, $image_data);
+        }
+
+        usort($images, function ($a, $b) {
+            $dateA = $a['date'] ?? PHP_INT_MIN;
+            $dateB = $b['date'] ?? PHP_INT_MIN;
+            return $dateB <=> $dateA;
+        });
+
+        return $images;
+    }
+
+    /**
+     * Shows the page
+     * @return View
+     */
+    public function show(): View {
+        return view('rosco', [
+            'images' => $this->getImages(),
+        ]);
+    }
+}

app/Http/Kernel.php

@@ -47,6 +47,7 @@ class Kernel extends HttpKernel
 
     protected $routeMiddleware = [
         'rate_limit' => \App\Http\Middleware\RateLimiter::class,
+        'validator' => \App\Http\Middleware\GuestbookValidate::class,
     ];
 
 

app/Http/Middleware/GuestbookValidate.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Http\Request;
+use Symfony\Component\HttpFoundation\Response;
+
+class GuestbookValidate
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Closure(\Illuminate\Http\Request): (\Symfony\Component\HttpFoundation\Response)  $next
+     */
+    public function handle(Request $request, Closure $next): Response
+    {
+        if (
+            !$request->validate([
+                'name' => 'required',
+                'message' => 'required'
+            ]) ||
+            $this->containsUrl($request->get('message')) ||
+            $this->containsUrl($request->get('name'))
+        ) {
+            return response()->view('errors.guestbook-invalid', [], 400);
+        }
+        return $next($request);
+    }
+
+    public function containsUrl($str) {
+        $matches = [];
+        $pattern = '/\b(?:https?|ftp|www)(:\/\/)*[-A-Z0-9+&@#\/%?=~_|$!:,.;]*[A-Z0-9+&@#\/%=~_|$]/i';
+        preg_match_all($pattern, $str, $matches);
+        return count($matches[0]);
+    }
+}

app/Models/GuestbookEntry.php

@@ -20,8 +20,8 @@ class GuestbookEntry extends Model
      */
     public static function insertGuestbookEntry(Request $request) {
         $newEntry = new GuestbookEntry;
-        $newEntry->name = htmlspecialchars($request->get('name'));
-        $newEntry->message = htmlspecialchars($request->get('message'));
+        $newEntry->name = $request->get('name');
+        $newEntry->message = $request->get('message');
         $newEntry->ip = $request->ip();
         $newEntry->agent = $request->userAgent();
         $newEntry->admin = auth()->check();

app/View/Components/DiscordStatus.php

@@ -0,0 +1,68 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Http;
+use Illuminate\View\Component;
+
+class DiscordStatus extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    /**
+     * Returns current Discord presence from Lanyard API
+     * @return array|mixed
+     */
+    public function getDiscordPresence(): mixed {
+        // If it's already cached just return that
+        if (Cache::has('discord_presence')) {
+            return Cache::get('discord_presence');
+        }
+
+        $response = Http::get('https://api.lanyard.rest/v1/users/' . Config::get('services.lanyard.user_id'));
+        $data = $response->json();
+        if (!isset($data["data"])) return null;
+        $presence = $data["data"];
+        Cache::put('discord_presence', $presence, now()->addSeconds(60));
+        return $presence;
+    }
+
+    public function getOnlineStatus(): ?array {
+        $presence = $this->getDiscordPresence();
+        if ($presence == null) return null;
+        return match ($presence["discord_status"]) {
+            "online", "dnd" => [
+                "text" => "online",
+                "color" => "#02c83a"
+            ],
+            "idle" => [
+                "text" => "away",
+                "color" => "#d77c20"
+            ],
+            default => [
+                "text" => "offline",
+                "color" => "#ca3329"
+            ],
+        };
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.discord-status', [
+            'status' => $this->getOnlineStatus(),
+        ]);
+    }
+}

app/View/Components/Layout.php

@@ -3,24 +3,32 @@
 namespace App\View\Components;
 
 use Closure;
+use DateTime;
 use Illuminate\Contracts\View\View;
 use Illuminate\View\Component;
 
-class Layout extends Component
-{
+class Layout extends Component {
     /**
      * Create a new component instance.
      */
-    public function __construct()
-    {
-        //
-    }
+    public function __construct() {}
 
     /**
      * Get the view / contents that represent the component.
      */
-    public function render(): View|Closure|string
-    {
-        return view('components.layout');
+    public function render(): View|Closure|string {
+        return view('components.layout', [
+            'isChristmas' => $this->isItChristmas()
+        ]);
+    }
+
+    public function isItChristmas() : bool {
+        $currentDate = new DateTime();
+        $currentYear = intval($currentDate->format('Y'));
+
+        $startDate = new DateTime("$currentYear-11-10");
+        $endDate = new DateTime(($currentYear + 1) . "-01-01");
+
+        return $currentDate >= $startDate && $currentDate < $endDate;
     }
 }

app/View/Components/Navbar.php

@@ -22,6 +22,6 @@ public function __construct($title)
      */
     public function render(): View|Closure|string
     {
-        return view('components.navbar');
+        return view('components.navigation');
     }
 }

app/View/Components/NeverSaid.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class NeverSaid extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    function returnQuote(): array {
+        $quotes = config('quotes.neversaid');
+        $index = rand(0, count($quotes) - 1);
+        return $quotes[$index];
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.never-said', [
+            "quote" => $this->returnQuote()
+        ]);
+    }
+}

app/View/Components/TohQuote.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\View\Component;
+
+class TohQuote extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    function returnQuote(): array {
+        $quotes = config('quotes.toh');
+        $index = rand(0, count($quotes) - 1);
+        return $quotes[$index];
+    }
+
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.toh-quote',[
+            'quote' => $this->returnQuote()
+        ]);
+    }
+}

app/View/Components/Wah.php

@@ -0,0 +1,41 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Illuminate\Contracts\View\View;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Http;
+use Illuminate\View\Component;
+
+class Wah extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct() {}
+
+
+    public function getWah(): string {
+        try {
+            $response = Http::get('https://api.tinyfox.dev/img.json?animal=wah');
+            $data = $response->json();
+            if ($data == null) return "";
+            return "https://api.tinyfox.dev" . $data["loc"];
+
+        } catch (Exception $ex) {
+            return "";
+        }
+
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string {
+        return view('components.wah', [
+            'wah' => $this->getWah(),
+        ]);
+    }
+}

app/View/Components/Weather.php

@@ -0,0 +1,50 @@
+<?php
+
+namespace App\View\Components;
+
+use Closure;
+use Exception;
+use Illuminate\Contracts\View\View;
+use Illuminate\Support\Facades\Cache;
+use Illuminate\Support\Facades\Config;
+use Illuminate\Support\Facades\Http;
+use Illuminate\View\Component;
+
+class Weather extends Component
+{
+    /**
+     * Create a new component instance.
+     */
+    public function __construct()
+    {
+        //
+    }
+
+    public function getWeatherData(): mixed {
+        // If it's already cached just return that
+        if (Cache::has('weather_data')) {
+            return Cache::get('weather_data');
+        }
+
+        try {
+            $response = Http::get('http://' . Config::get('services.weatherlink') . '/v1/current_conditions');
+            $data = $response->json();
+            $conditions = $data["data"]["conditions"];
+            Cache::put('weather_data', $conditions, now()->addSeconds(60));
+            return $conditions;
+        } catch (Exception $ex) {
+            return null;
+        }
+
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     */
+    public function render(): View|Closure|string
+    {
+        return view('components.weather', [
+            'conditions' => $this->getWeatherData(),
+        ]);
+    }
+}

assets/logo.svg

@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 1893 339" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <g transform="matrix(1,0,0,1,0,-420.871)">
+        <g id="Artboard2" transform="matrix(0.73917,0,0,0.235401,0,420.871)">
+            <rect x="0" y="0" width="2560" height="1440" style="fill:none;"/>
+            <g transform="matrix(1.62833,0,0,5.11304,-84.1879,-2332.06)">
+                <g transform="matrix(0.9823,0.187314,-0.187314,0.9823,115.768,-33.3744)">
+                    <path d="M326.769,715.888C330.602,715.888 334.435,713.529 335.909,711.76C377.188,663.11 403.135,488.853 403.135,488.263C403.135,483.545 401.071,479.418 395.764,478.238L343.281,467.918C342.101,467.624 340.922,467.624 339.742,467.624C336.204,467.624 334.14,469.098 332.961,472.931C329.717,484.135 308.783,589.987 302.001,607.383C300.822,610.921 299.643,612.395 298.463,612.395C297.284,612.395 296.104,610.921 295.515,607.972L273.991,526.594C272.516,522.466 268.388,519.222 262.491,519.222L261.607,519.222L223.276,521.581C214.136,522.171 210.303,526.299 210.008,530.427C204.111,614.754 202.047,615.344 198.509,615.344C197.329,615.344 196.15,614.164 195.265,612.1L138.949,482.661C138.064,480.597 135.116,477.648 130.398,477.648C129.219,477.648 128.039,477.943 126.86,478.238L70.249,497.993C67.3,498.878 65.826,502.416 65.826,505.954C65.826,507.134 66.121,508.608 66.711,509.787L159.883,718.836C161.063,721.49 165.191,724.144 170.203,724.144L171.088,724.144L214.431,721.785C222.687,721.785 229.173,718.836 249.518,644.239L273.106,712.939C273.991,715.593 278.413,718.247 283.426,718.247L284.31,718.247L326.769,715.888Z" style="fill:rgb(223,80,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:7.06px;"/>
+                </g>
+                <g transform="matrix(0.996964,-0.077866,0.077866,0.996964,-83.3213,42.4174)">
+                    <path d="M650.81,701.735C653.758,700.556 655.233,697.312 655.233,694.364C655.233,692.889 654.643,691.12 654.053,689.941L551.74,481.776C550.561,479.123 545.548,476.174 539.356,476.174L496.603,476.174C492.18,476.174 487.757,478.238 485.988,479.712C437.928,524.53 387.508,690.236 387.508,699.376C387.508,703.799 389.867,707.337 395.469,709.106L440.581,722.08C442.35,722.669 443.825,722.964 445.299,722.964C448.837,722.964 451.196,720.9 452.67,717.362C453.555,714.708 457.683,703.799 463.285,689.646L517.832,692.3L518.422,692.3C522.255,692.3 525.203,689.056 525.498,685.518L529.036,632.74L529.036,632.15C529.036,628.317 526.088,625.074 522.255,625.074L488.642,623.305C507.218,576.423 510.461,568.168 512.82,568.168C513.704,568.168 514.589,569.052 515.473,571.116L580.93,717.952C581.815,720.016 585.353,722.669 590.071,722.669C591.545,722.669 593.314,722.375 594.788,721.785L650.81,701.735Z" style="fill:rgb(255,152,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:7.06px;"/>
+                </g>
+                <g transform="matrix(0.997179,0.0750623,-0.0750623,0.997179,-50.4766,-58.4735)">
+                    <path d="M899.664,721.785C903.497,721.785 906.74,718.836 907.035,715.003L919.124,485.02C919.124,481.187 916.175,477.648 912.342,477.648L853.077,474.405L852.488,474.405C848.655,474.405 845.706,477.648 845.411,481.187L841.283,560.502L778.48,557.258L777.89,557.258C774.352,557.258 771.109,560.502 770.814,564.04L768.455,615.639L768.455,616.228C768.455,619.767 771.404,623.01 775.237,623.305L838.04,626.253L833.322,711.17C833.322,715.003 836.271,718.247 840.104,718.541L899.664,721.785ZM750.764,720.311C754.597,720.311 757.841,717.067 757.841,713.234L757.841,482.956C757.841,479.123 754.597,475.879 750.764,475.879L690.909,475.879C687.076,475.879 683.833,479.123 683.833,482.956L683.833,713.234C683.833,717.067 687.076,720.311 690.909,720.311L750.764,720.311Z" style="fill:rgb(223,80,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:7.06px;"/>
+                </g>
+                <g transform="matrix(0.991478,-0.130275,0.130275,0.991478,-201.194,134.945)">
+                    <path d="M1022.32,629.497C1025.86,629.497 1028.22,626.843 1028.81,623.305C1033.53,596.178 1038.24,558.732 1038.24,523.94C1038.24,477.059 1033.82,476.174 1028.51,476.174L965.415,476.174C961.877,476.174 959.518,479.123 959.518,482.366C959.813,523.055 964.236,597.063 966.005,623.305C966.3,626.843 968.954,629.497 972.492,629.497L1022.32,629.497ZM996.67,726.208C1019.67,726.208 1038.54,707.337 1038.54,684.044C1038.54,660.751 1019.67,641.88 996.67,641.88C973.376,641.88 954.506,660.751 954.506,684.044C954.506,707.337 973.376,726.208 996.67,726.208Z" style="fill:rgb(255,152,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:7.06px;"/>
+                </g>
+            </g>
+            <g transform="matrix(1.08899,0,0,3.41949,182.218,-900.313)">
+                <path d="M1220.95,663.011C1221.88,662.394 1222.96,661.778 1222.96,660.544C1222.96,659.928 1222.65,659.157 1221.88,658.232C1212.94,647.902 1197.06,623.541 1197.06,593.784C1197.06,565.415 1212.01,541.055 1221.26,530.108C1222.34,528.874 1222.65,527.949 1222.65,527.024C1222.65,525.945 1221.88,525.174 1220.8,524.403L1216.64,522.09C1216.02,521.782 1215.4,521.474 1214.94,521.474C1213.4,521.474 1212.16,522.553 1211.24,523.632C1202.45,533.5 1183.8,557.089 1183.8,593.784C1183.8,631.096 1203.22,654.84 1211.7,664.399C1212.78,665.632 1213.71,666.095 1214.63,666.095C1215.25,666.095 1215.71,665.941 1216.33,665.632L1220.95,663.011Z" style="fill:rgb(223,80,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+                <g transform="matrix(0.990492,-0.137573,0.137573,0.990492,-69.4464,184.165)">
+                    <path d="M1242.85,649.597C1243.15,655.456 1246.09,657.923 1251.17,659.157C1252.25,659.311 1253.49,659.465 1254.72,659.773C1261.96,661.007 1269.21,661.624 1276.3,661.624C1320.09,661.624 1358.33,637.726 1358.33,594.093C1358.33,585.459 1356.79,575.899 1353.39,565.569C1344.61,538.588 1317.32,527.333 1291.26,527.333C1282.16,527.333 1273.07,528.72 1265.05,531.341L1240.38,532.729C1238.38,532.729 1236.83,534.579 1236.83,536.583L1242.85,649.597ZM1276.92,561.561C1280.47,560.635 1284.32,560.019 1288.02,560.019C1316.55,560.019 1316.7,590.546 1316.7,593.168C1316.7,612.748 1301.9,625.545 1284.01,625.545C1282.78,625.545 1281.55,625.545 1280.31,625.391L1276.92,561.561Z" style="fill:rgb(255,152,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+                </g>
+                <g transform="matrix(0.999241,0.0389517,-0.0389517,0.999241,24.2226,-55.6835)">
+                    <path d="M1510.66,593.63C1510.66,567.882 1492.16,527.178 1442.82,527.178C1415.68,527.178 1386.39,540.13 1376.37,568.961C1373.13,578.52 1371.59,587.617 1371.59,596.097C1371.59,634.488 1402.42,660.39 1437.58,660.39C1468.88,660.39 1510.66,636.03 1510.66,593.63ZM1442.82,626.316C1426.94,626.316 1412.14,613.057 1412.14,593.476C1412.14,579.445 1419.85,560.327 1442.2,560.327C1463.63,560.327 1471.81,578.212 1471.81,593.476C1471.81,610.898 1461.17,626.316 1442.82,626.316Z" style="fill:rgb(223,80,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+                </g>
+                <g transform="matrix(0.998795,-0.0490748,0.0490748,0.998795,-27.2616,77.677)">
+                    <path d="M1590.68,657.769C1592.53,657.615 1594.22,656.073 1594.22,654.069L1594.22,653.915L1589.6,565.723L1613.96,564.49C1616.12,564.336 1617.66,562.486 1617.66,560.481L1616.27,532.266C1616.27,530.108 1614.27,528.566 1612.26,528.566L1551.21,531.804L1522.38,533.346C1520.37,533.5 1518.83,535.042 1518.83,536.892L1518.83,537.2L1520.22,565.723C1520.22,567.728 1522.07,569.27 1524.23,569.27L1549.51,567.882L1554.14,655.919C1554.14,657.769 1555.68,659.465 1557.68,659.465L1557.99,659.465L1590.68,657.769Z" style="fill:rgb(255,152,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+                </g>
+                <g transform="matrix(0.993146,-0.116878,0.116878,0.993146,-57.3371,210.711)">
+                    <path d="M1834.28,659.157C1836.6,659.157 1838.29,656.844 1838.44,654.685L1843.69,535.196L1843.69,534.887C1843.69,533.191 1842.76,531.033 1839.83,530.879L1809.15,529.337L1808.84,529.337C1806.68,529.337 1804.22,530.57 1803.6,531.341C1796.05,540.284 1781.55,562.948 1768.91,584.688C1768.6,585.15 1768.45,585.459 1768.14,585.459C1767.83,585.459 1767.68,585.304 1767.37,584.842C1754.73,563.102 1740.23,540.284 1732.68,531.341C1732.06,530.57 1728.98,529.337 1726.82,529.337L1726.51,529.337L1696.14,531.033C1693.21,531.341 1692.28,533.654 1692.28,535.35L1698.3,654.685C1698.3,656.844 1699.99,659.157 1702.46,659.157L1702.61,659.157L1732.22,656.69C1735.61,656.381 1737.77,653.144 1737.77,651.448L1737.77,651.293L1730.83,585.767L1730.83,584.688C1730.83,583.763 1730.98,583.146 1731.29,583.146C1731.75,583.146 1732.22,583.608 1732.83,584.379C1735.76,588.388 1747.02,611.515 1754.73,625.7C1755.65,627.55 1757.19,629.862 1759.97,629.862L1775.85,629.246C1779.24,629.092 1780.94,626.933 1781.55,625.7C1789.11,611.515 1800.36,587.463 1803.14,583.608C1803.76,582.837 1804.22,582.375 1804.53,582.375C1804.99,582.375 1805.14,582.992 1805.14,584.071L1805.14,584.842L1797.9,651.448L1797.9,651.602C1797.9,653.298 1799.44,656.69 1802.83,656.844L1834.13,659.157L1834.28,659.157Z" style="fill:rgb(223,80,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+                </g>
+                <g transform="matrix(0.994193,0.107609,-0.107609,0.994193,75.0929,-204.041)">
+                    <path d="M1997.71,593.63C1997.71,567.882 1979.21,527.178 1929.87,527.178C1902.74,527.178 1873.44,540.13 1863.42,568.961C1860.18,578.52 1858.64,587.617 1858.64,596.097C1858.64,634.488 1889.48,660.39 1924.63,660.39C1955.93,660.39 1997.71,636.03 1997.71,593.63ZM1929.87,626.316C1913.99,626.316 1899.19,613.057 1899.19,593.476C1899.19,579.445 1906.9,560.327 1929.26,560.327C1950.69,560.327 1958.86,578.212 1958.86,593.476C1958.86,610.898 1948.22,626.316 1929.87,626.316Z" style="fill:rgb(255,152,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+                </g>
+                <g transform="matrix(0.99192,-0.126865,0.126865,0.99192,-58.7652,265.507)">
+                    <path d="M2093.61,655.919C2095.77,655.765 2097.31,653.915 2097.31,651.91L2096.24,625.083C2096.24,623.233 2094.54,621.537 2092.53,621.537L2092.23,621.537L2054.76,623.541L2053.99,609.202L2079.58,609.202C2081.74,609.202 2083.28,607.506 2083.44,605.348L2083.75,581.758L2083.75,581.45C2083.75,579.445 2081.9,577.904 2080.05,577.904L2052.45,577.904L2051.68,564.644L2087.6,562.794C2089.45,562.64 2091.15,560.944 2091.15,559.094L2091.15,558.785L2089.91,531.958C2089.76,530.108 2088.06,528.412 2086.21,528.412L2085.91,528.412L2044.89,530.57L2044.28,530.57L2016.22,532.112C2014.37,532.112 2012.67,533.808 2012.67,535.658L2012.67,535.967L2018.99,656.227C2019.14,658.077 2020.69,659.773 2022.54,659.773L2022.85,659.773L2052.91,658.232C2053.06,658.232 2053.37,658.077 2053.53,658.077L2093.61,655.919Z" style="fill:rgb(223,80,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+                </g>
+                <path d="M2115.35,665.632C2115.97,665.941 2116.43,666.095 2117.05,666.095C2117.97,666.095 2118.9,665.632 2119.98,664.399C2128.46,654.84 2147.89,631.096 2147.89,593.784C2147.89,557.089 2129.23,533.5 2120.44,523.632C2119.52,522.553 2118.28,521.474 2116.74,521.474C2116.28,521.474 2115.66,521.782 2115.05,522.09L2110.88,524.403C2109.8,525.174 2109.03,525.945 2109.03,527.024C2109.03,527.949 2109.34,528.874 2110.42,530.108C2119.67,541.055 2134.63,565.415 2134.63,593.784C2134.63,623.541 2118.74,647.902 2109.8,658.232C2109.03,659.157 2108.72,659.928 2108.72,660.544C2108.72,661.778 2109.8,662.394 2110.73,663.011L2115.35,665.632Z" style="fill:rgb(255,152,0);fill-rule:nonzero;stroke:rgb(249,247,204);stroke-width:5.59px;"/>
+            </g>
+        </g>
+    </g>
+</svg>

composer.json

@@ -1,5 +1,5 @@
 {
-    "name": "floppydisk05/diskfloppy.me",
+    "name": "RoscoeDaWah/wah.moe",
     "type": "project",
     "description": "My personal website, developed using the Laravel framework.",
     "keywords": ["laravel", "framework"],
@@ -8,13 +8,15 @@
         "php": "^8.1",
         "gecche/laravel-multidomain": "^10.2",
         "guzzlehttp/guzzle": "^7.2",
+        "intervention/image": "^3.9",
         "laravel/framework": "^10.10",
         "laravel/tinker": "^2.8",
         "scrivo/highlight.php": "v9.18.1.10",
         "sentry/sentry-laravel": "^4.1",
         "spatie/laravel-honeypot": "^4.3",
         "spatie/laravel-html": "^3.4",
-        "ua-parser/uap-php": "^3.9.14"
+        "ua-parser/uap-php": "^3.9.14",
+        "ext-exif": "*"
     },
     "require-dev": {
         "fakerphp/faker": "^1.9.1",

config/app.php

@@ -5,7 +5,7 @@
 
 return [
     'name' => env('APP_NAME', 'diskfloppy.me'),
-    'version' => '2024.07.12',
+    'version' => '2025.01.01',
     'env' => env('APP_ENV', 'production'),
     'debug' => (bool) env('APP_DEBUG', false),
     'url' => env('APP_URL', 'http://localhost'),

config/quotes.php

@@ -0,0 +1,957 @@
+<?php
+return [
+    "toh" => [
+        [
+            "lines" => [
+                [
+                    "character" => "EDA",
+                    "line" => "Ahh sure. Spare us."
+                ],
+                [
+                    "character" => "LILITH",
+                    "line" => "Woe to us whose fates are sealed."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "EDA",
+                    "line" => "Hey freeloaders! Guess what today is!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E12"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "EDA",
+                    "line" => "Quitting! It's like trying, but easier!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E13"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Can it, Fangs! You don't know diddly-dang about squiddly-squat!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E13"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Holy bones, you poofed it! Call the cops, this guy's crazy!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E14"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "EDA",
+                    "line" => "There is one way, but it's terribly dangerous and partially illegal."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E15"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "GUS CLONE",
+                    "line" => "I'd rather die than expose my secrets!"
+                ],
+                [
+                    "character" => "GUS",
+                    "line" => "Then die, you shall!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E15"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "LUZ",
+                    "line" => "Vee, you're giving up too quick!"
+                ],
+                [
+                    "character" => "VEE",
+                    "line" => "I'm being realistic."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E10"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "LUZ",
+                    "line" => "I have questions about that name..."
+                ],
+                [
+                    "character" => "LILITH",
+                    "line" => "And I have questions about my life!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E12"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "EMIRA",
+                    "line" => "We can shout as loud as we want, but money always shouts louder."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E20"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "VEE",
+                    "line" => "Uhh, no, I'm new in town, I just have one of those faces! But, ju-just one, the normal amount of face."
+                ]
+            ],
+            "attribution" => "The Owl House, S3E01"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "RAINE",
+                    "line" => "You Know I Hate These Things. Talking To People. Waving To People. People."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Who dares intrude upon I, the King of Demons?!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Soon, Mr. Ducky, we shall drink the fear of those who mocked us."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Try to catch me when I’m covered in grease! I'm a squirmy little fella."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "My crown! Yes, yes! I can feel my powers returning! You, there. Nightmare critter. I shall call you Francois, and you shall be a minion in my army of darkness. Ha‐ha!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Weh?"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "That was actually one of her better breakups!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I AM NOT YOUR CUTIE-PIE!!!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E2"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Ha! Good luck. The Boiling Isles is nothing but a cesspool of despair."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E2"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "You should run a small business of more scones into my mouth."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E2"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Finally, all that mean-spirited laughter made me sleepy."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E2"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Less talky, more nappy."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E2"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Can't mistake her smell. Like lemons and young, naïve confidence."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E2"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I have no son! Eat salt!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E3"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Even demons have inner demons."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E4"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Look, now we're boo-boo buddies!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E4"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Bap!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E4"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Remember when her head got cut off last week? That woman can survive anything. She's probably just tired from staying up all night chasing shrews and voles."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E4"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "That voice. That horrific voice!!!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E4"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Show me the picture! Hah! I can draw better than that. You know, they once called me the King of Artists."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E5"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Are you bestowing gifts upon me? Yes! I accept your offering! The King of Demons is back!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E5"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Cupcakes in my tummy-tum makes the King say yummy-yum!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E5"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Mmm? Oh, yeah. No."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E5"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I'm stealing everything that's not nailed down!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E6"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "King? Who's King? I go by Little Bone Boy now."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E6"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Rivals are meant to be annihilated not befriended. Now keep reading. I've been sucked into your awful fandom."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E7"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "What does Luz know about problems anyway? All she has is dumb teen drama! She doesn't understand how hard some of us have it."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E8"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Well, I don't know if you realized, but I'm not a baby!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E8"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "My life is a living nightmare!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E8"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Fight to the death!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E8"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I've got some... very confusing emotions right now."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E8"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "All right, you acne‐encrusted hormone buckets. Let's go let out some teen angst!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E8"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Ooh! Fight, fight, fight!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E9"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Yes! Yes! This is a throne worthy of a tyrant. Bow to me you snotty underlings. Bow!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E10"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "*Rage squeals*"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E10"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Hey you scum! Which one of you wants to read my literary masterpiece? Anyone brave enough?"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I've always wanted a people chair! I'm in! This will be my first step in my reclamation of power!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I'm sorry, my lawyer advised me not to look at unsolicited work."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "What's a book? Good night!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Hey! Less ready, more scratchy!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E12"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Military discipline, cooking! Ha, I truly am a demon for all seasons! Just a dash of Eda's secret sauce and I'm the creator of life!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E12"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "This day shall live in infamy."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E12"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Obedience? Well, what is a teacher if not an authority figure? A king of children, if you will. Yes! I am your teacher! You may call me Mr. King!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E13"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Assume a coefficient of ten, carry the two, solve for Y, and that is the way to steal a pie from a windowsill! Also you can eat trash."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E13"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Alright. Read chapters three to five on the right way to scratch yourself in public. Spoiler alert: There's no wrong way! Ah, days like these make being a teacher all worth it."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E13"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Oh dear, I've gotten a tube stuck on my nose! Will I ever eat again? Looks like I'm toast!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E14"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "The King of Demons misses nobody! I wouldn't care if she came through this door right now!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E14"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Beat up the man and steal his things for me!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E14"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I'm gonna bake that kid into a pie!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E15"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Senseless violence. Yes, attack! DEATH IS YOUR GOD!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I FORGE MY OWN PATH!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Why am I doing this? I don't even wear clothes!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Ha! What possible regrets could come from the internet? Oh, did you know the earth is actually flat!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "We're going to turn this blood-bath into a fun-bath!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Girl, you can pull off anything! Up top! We're style geniuses!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Now I am king and queen! Best of both things!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Yes! Now I’ll strike fear into my enemies with this armor of intimidation."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E17"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "You know what, when she first got here, I thought we were gonna eat her. But now I only think of that, like, sometimes."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E18"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "The cake is me!"
+                ]
+            ],
+            "attribution" => "The Owl House, S1E18"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Me and Eda don't always see eye to eye, but I do consider her family. I want her back as much as you do."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E19"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "We'll have to do something so diabolical, so criminally insane, that they'll have to send us to the Conformatorium."
+                ]
+            ],
+            "attribution" => "The Owl House, S1E19"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I'm never letting you go! You're never returning to the human realm!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "King want a cracker!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E1"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Weh? Yeah yeah, I'll deal with it. No one ever said power came with responsibility..."
+                ]
+            ],
+            "attribution" => "The Owl
+
+ House, S2E2"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "The King of Demons yields to no one!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E3"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Ah, the chamber where I would devour the hearts of my foes. The taste was cold and bitter, but I bet yours would be sweet, Luz."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E3"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Is that a six-footed pig or a floating appendage? Why, no! It's Gus the Illusion Master. Please leave a message."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E5"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "And weh, and weh, and weh, and weh, and weh, and weh, and weh, and weh!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E7"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Haha! Saint Epiderm? More like Stank Epiderm!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E7"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "DID YOU OWL PELLET ME?!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E8"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "You look like one of my hairballs. Let's just do the trench coat thing!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E9"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Guess minecart chases are a lot more dangerous than video games make'em seem."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E9"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "I can't wait to eat HUMAN snacks!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E10"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "It was the... yeast I could do."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "With my love of mayhem and Hooty’s desperate need for attention, this’ll be a cake walk!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E11"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Hey, Eda, look! \"Dear sister, join the Emperor's Coven and together, we can become gods!\""
+                ]
+            ],
+            "attribution" => "The Owl House, S2E12"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Ooh! That'll work great when birds try to fly away with me."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E14"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "What you need is a healthy distractions from your problems. Like breakfast!"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E14"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Is this thing on? Demon King to Luzura, you copy?"
+                ]
+            ],
+            "attribution" => "The Owl House, S2E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "Uh, oh. Uh... Hable más lento, por favor."
+                ]
+            ],
+            "attribution" => "The Owl House, S2E16"
+        ],
+        [
+            "lines" => [
+                [
+                    "character" => "KING",
+                    "line" => "The Collector is just a little kid. A scary, powerful one, but… also… sad, and alone. I don’t know, this whole time, I was scared of making him mad, but… I think I can relate to him."
+                ]
+            ],
+            "attribution" => "The Owl House, S3E1"
+        ]
+    ],
+    "neversaid" => [
+            [
+                "name" => "ASM",
+                "quote" => "The Director liked all the props we got today."
+            ],
+            [
+                "name" => "PM",
+                "quote" => "Ah ha, a revolve. Terrific."
+            ],
+            [
+                "name" => "Chippie",
+                "quote" => "I don't know, let's look at the ground plan."
+            ],
+            [
+                "name" => "Set Designer",
+                "quote" => "Well, let's just have whatever is cheaper."
+            ],
+            [
+                "name" => "Sound",
+                "quote" => "Better turn that down a bit. We don't want to deafen them."
+            ],
+            [
+                "name" => "Director",
+                "quote" => "Sorry, my mistake."
+            ],
+            [
+                "name" => "Electrics",
+                "quote" => "This equipment is more complicated than we need."
+            ],
+            [
+                "name" => "Performer",
+                "quote" => "I really think my big scene should be cut."
+            ],
+            [
+                "name" => "SM",
+                "quote" => "Can we do that scene change again please?"
+            ],
+            [
+                "name" => "LX designer",
+                "quote" => "Bit more light from those big chaps at the side. Yes that's right, the ones on stalks whatever they are called."
+            ],
+            [
+                "name" => "Electrics",
+                "quote" => "All the equipment works perfectly."
+            ],
+            [
+                "name" => "Musicians",
+                "quote" => "So what if that's the end of a call. Let's just finish this bit off."
+            ],
+            [
+                "name" => "Wardrobe",
+                "quote" => "Now, when exactly is the first dress rehearsal?"
+            ],
+            [
+                "name" => "Workshop",
+                "quote" => "I don't want anyone to know, but if you insist then yes, I admit it, I have just done an all-nighter."
+            ],
+            [
+                "name" => "Performer",
+                "quote" => "This costume is so comfortable."
+            ],
+            [
+                "name" => "Admin",
+                "quote" => "The level of overtime payments here are simply unacceptable. Our backstage staff deserve better."
+            ],
+            [
+                "name" => "Box Office",
+                "quote" => "Comps? No problem."
+            ],
+            [
+                "name" => "Set Designer",
+                "quote" => "You're right, it looks dreadful."
+            ],
+            [
+                "name" => "Flyman",
+                "quote" => "No, my lips are sealed. What I may or may not have seen remains a secret."
+            ],
+            [
+                "name" => "Electrics",
+                "quote" => "That had nothing to do with the computer, it was my fault."
+            ],
+            [
+                "name" => "Crew",
+                "quote" => "No, no, I'm sure that's our job."
+            ],
+            [
+                "name" => "SMgt",
+                "quote" => "Thanks, but I don't drink."
+            ],
+            [
+                "name" => "Performer",
+                "quote" => "Let me stand down here with my back to the audience."
+            ],
+            [
+                "name" => "Chippie",
+                "quote" => "I can't really manage those big fast power tools myself."
+            ],
+            [
+                "name" => "Chippie",
+                "quote" => "I prefer to use these little hand drills."
+            ],
+            [
+                "name" => "All",
+                "quote" => "Let's go and ask the Production Manager. He'll know."
+            ]
+        ]
+];

config/services.php

@@ -17,5 +17,9 @@
     'lastfm' => [
         'key' => env('LASTFM_KEY'),
         'user' => env('LASTFM_USER'),
-    ]
+    ],
+    'lanyard' => [
+        'user_id' => env('DISCORD_USER_ID'),
+    ],
+    'weatherlink' => env('WEATHERLINK_IP')
 ];

public/css/colorschemes/catppuccin-frappe.css

@@ -1,11 +1,93 @@
 :root {
-    --background: #232634;
-    --background-secondary: #414559;
-    --foreground: #c6d0f5;
-    --links: #8caaee;
-    --warning: #ff7272;
-    --warning-box-bg: #f64a3c;
-    --warning-box-border: #c81a11;
+    --ctp-frappe-rosewater: #f2d5cf;
+    --ctp-frappe-rosewater-rgb: 242 213 207;
+    --ctp-frappe-rosewater-hsl: 10.286 57.377% 88.039%;
+    --ctp-frappe-flamingo: #eebebe;
+    --ctp-frappe-flamingo-rgb: 238 190 190;
+    --ctp-frappe-flamingo-hsl: 0.000 58.537% 83.922%;
+    --ctp-frappe-pink: #f4b8e4;
+    --ctp-frappe-pink-rgb: 244 184 228;
+    --ctp-frappe-pink-hsl: 316.000 73.171% 83.922%;
+    --ctp-frappe-mauve: #ca9ee6;
+    --ctp-frappe-mauve-rgb: 202 158 230;
+    --ctp-frappe-mauve-hsl: 276.667 59.016% 76.078%;
+    --ctp-frappe-red: #e78284;
+    --ctp-frappe-red-rgb: 231 130 132;
+    --ctp-frappe-red-hsl: 358.812 67.785% 70.784%;
+    --ctp-frappe-maroon: #ea999c;
+    --ctp-frappe-maroon-rgb: 234 153 156;
+    --ctp-frappe-maroon-hsl: 357.778 65.854% 75.882%;
+    --ctp-frappe-peach: #ef9f76;
+    --ctp-frappe-peach-rgb: 239 159 118;
+    --ctp-frappe-peach-hsl: 20.331 79.085% 70.000%;
+    --ctp-frappe-yellow: #e5c890;
+    --ctp-frappe-yellow-rgb: 229 200 144;
+    --ctp-frappe-yellow-hsl: 39.529 62.044% 73.137%;
+    --ctp-frappe-green: #a6d189;
+    --ctp-frappe-green-rgb: 166 209 137;
+    --ctp-frappe-green-hsl: 95.833 43.902% 67.843%;
+    --ctp-frappe-teal: #81c8be;
+    --ctp-frappe-teal-rgb: 129 200 190;
+    --ctp-frappe-teal-hsl: 171.549 39.227% 64.510%;
+    --ctp-frappe-sky: #99d1db;
+    --ctp-frappe-sky-rgb: 153 209 219;
+    --ctp-frappe-sky-hsl: 189.091 47.826% 72.941%;
+    --ctp-frappe-sapphire: #85c1dc;
+    --ctp-frappe-sapphire-rgb: 133 193 220;
+    --ctp-frappe-sapphire-hsl: 198.621 55.414% 69.216%;
+    --ctp-frappe-blue: #8caaee;
+    --ctp-frappe-blue-rgb: 140 170 238;
+    --ctp-frappe-blue-hsl: 221.633 74.242% 74.118%;
+    --ctp-frappe-lavender: #babbf1;
+    --ctp-frappe-lavender-rgb: 186 187 241;
+    --ctp-frappe-lavender-hsl: 238.909 66.265% 83.725%;
+    --ctp-frappe-text: #c6d0f5;
+    --ctp-frappe-text-rgb: 198 208 245;
+    --ctp-frappe-text-hsl: 227.234 70.149% 86.863%;
+    --ctp-frappe-subtext1: #b5bfe2;
+    --ctp-frappe-subtext1-rgb: 181 191 226;
+    --ctp-frappe-subtext1-hsl: 226.667 43.689% 79.804%;
+    --ctp-frappe-subtext0: #a5adce;
+    --ctp-frappe-subtext0-rgb: 165 173 206;
+    --ctp-frappe-subtext0-hsl: 228.293 29.496% 72.745%;
+    --ctp-frappe-overlay2: #949cbb;
+    --ctp-frappe-overlay2-rgb: 148 156 187;
+    --ctp-frappe-overlay2-hsl: 227.692 22.286% 65.686%;
+    --ctp-frappe-overlay1: #838ba7;
+    --ctp-frappe-overlay1-rgb: 131 139 167;
+    --ctp-frappe-overlay1-hsl: 226.667 16.981% 58.431%;
+    --ctp-frappe-overlay0: #737994;
+    --ctp-frappe-overlay0-rgb: 115 121 148;
+    --ctp-frappe-overlay0-hsl: 229.091 13.360% 51.569%;
+    --ctp-frappe-surface2: #626880;
+    --ctp-frappe-surface2-rgb: 98 104 128;
+    --ctp-frappe-surface2-hsl: 228.000 13.274% 44.314%;
+    --ctp-frappe-surface1: #51576d;
+    --ctp-frappe-surface1-rgb: 81 87 109;
+    --ctp-frappe-surface1-hsl: 227.143 14.737% 37.255%;
+    --ctp-frappe-surface0: #414559;
+    --ctp-frappe-surface0-rgb: 65 69 89;
+    --ctp-frappe-surface0-hsl: 230.000 15.584% 30.196%;
+    --ctp-frappe-base: #303446;
+    --ctp-frappe-base-rgb: 48 52 70;
+    --ctp-frappe-base-hsl: 229.091 18.644% 23.137%;
+    --ctp-frappe-mantle: #292c3c;
+    --ctp-frappe-mantle-rgb: 41 44 60;
+    --ctp-frappe-mantle-hsl: 230.526 18.812% 19.804%;
+    --ctp-frappe-crust: #232634;
+    --ctp-frappe-crust-rgb: 35 38 52;
+    --ctp-frappe-crust-hsl: 229.412 19.540% 17.059%;
+}
+
+:root {
+    --page-width: 900px;
+    --sidebar-width: 15rem;
+    --firefox-shadow: 0 0 20px;
+    --foreground: var(--ctp-frappe-text);
+    --background: var(--ctp-frappe-crust);
+    --background-secondary: var(--ctp-frappe-surface0);
+    --links: var(--ctp-frappe-sapphire);
+    --shadow: #cdd6f44f;
 }
 
 html {

public/css/colorschemes/catppuccin-latte.css

@@ -1,11 +1,93 @@
 :root {
-    --background: #dce0e8;
-    --background-secondary: #ccd0da;
-    --foreground: #4c4f69;
-    --links: #1e66f5;
-    --warning: #ff7272;
-    --warning-box-bg: #f64a3c;
-    --warning-box-border: #c81a11;
+    --ctp-latte-rosewater: #dc8a78;
+    --ctp-latte-rosewater-rgb: 220 138 120;
+    --ctp-latte-rosewater-hsl: 10.800 58.824% 66.667%;
+    --ctp-latte-flamingo: #dd7878;
+    --ctp-latte-flamingo-rgb: 221 120 120;
+    --ctp-latte-flamingo-hsl: 0.000 59.763% 66.863%;
+    --ctp-latte-pink: #ea76cb;
+    --ctp-latte-pink-rgb: 234 118 203;
+    --ctp-latte-pink-hsl: 316.034 73.418% 69.020%;
+    --ctp-latte-mauve: #8839ef;
+    --ctp-latte-mauve-rgb: 136 57 239;
+    --ctp-latte-mauve-hsl: 266.044 85.047% 58.039%;
+    --ctp-latte-red: #d20f39;
+    --ctp-latte-red-rgb: 210 15 57;
+    --ctp-latte-red-hsl: 347.077 86.667% 44.118%;
+    --ctp-latte-maroon: #e64553;
+    --ctp-latte-maroon-rgb: 230 69 83;
+    --ctp-latte-maroon-hsl: 354.783 76.303% 58.627%;
+    --ctp-latte-peach: #fe640b;
+    --ctp-latte-peach-rgb: 254 100 11;
+    --ctp-latte-peach-hsl: 21.975 99.184% 51.961%;
+    --ctp-latte-yellow: #df8e1d;
+    --ctp-latte-yellow-rgb: 223 142 29;
+    --ctp-latte-yellow-hsl: 34.948 76.984% 49.412%;
+    --ctp-latte-green: #40a02b;
+    --ctp-latte-green-rgb: 64 160 43;
+    --ctp-latte-green-hsl: 109.231 57.635% 39.804%;
+    --ctp-latte-teal: #179299;
+    --ctp-latte-teal-rgb: 23 146 153;
+    --ctp-latte-teal-hsl: 183.231 73.864% 34.510%;
+    --ctp-latte-sky: #04a5e5;
+    --ctp-latte-sky-rgb: 4 165 229;
+    --ctp-latte-sky-hsl: 197.067 96.567% 45.686%;
+    --ctp-latte-sapphire: #209fb5;
+    --ctp-latte-sapphire-rgb: 32 159 181;
+    --ctp-latte-sapphire-hsl: 188.859 69.953% 41.765%;
+    --ctp-latte-blue: #1e66f5;
+    --ctp-latte-blue-rgb: 30 102 245;
+    --ctp-latte-blue-hsl: 219.907 91.489% 53.922%;
+    --ctp-latte-lavender: #7287fd;
+    --ctp-latte-lavender-rgb: 114 135 253;
+    --ctp-latte-lavender-hsl: 230.935 97.203% 71.961%;
+    --ctp-latte-text: #4c4f69;
+    --ctp-latte-text-rgb: 76 79 105;
+    --ctp-latte-text-hsl: 233.793 16.022% 35.490%;
+    --ctp-latte-subtext1: #5c5f77;
+    --ctp-latte-subtext1-rgb: 92 95 119;
+    --ctp-latte-subtext1-hsl: 233.333 12.796% 41.373%;
+    --ctp-latte-subtext0: #6c6f85;
+    --ctp-latte-subtext0-rgb: 108 111 133;
+    --ctp-latte-subtext0-hsl: 232.800 10.373% 47.255%;
+    --ctp-latte-overlay2: #7c7f93;
+    --ctp-latte-overlay2-rgb: 124 127 147;
+    --ctp-latte-overlay2-hsl: 232.174 9.623% 53.137%;
+    --ctp-latte-overlay1: #8c8fa1;
+    --ctp-latte-overlay1-rgb: 140 143 161;
+    --ctp-latte-overlay1-hsl: 231.429 10.048% 59.020%;
+    --ctp-latte-overlay0: #9ca0b0;
+    --ctp-latte-overlay0-rgb: 156 160 176;
+    --ctp-latte-overlay0-hsl: 228.000 11.236% 65.098%;
+    --ctp-latte-surface2: #acb0be;
+    --ctp-latte-surface2-rgb: 172 176 190;
+    --ctp-latte-surface2-hsl: 226.667 12.162% 70.980%;
+    --ctp-latte-surface1: #bcc0cc;
+    --ctp-latte-surface1-rgb: 188 192 204;
+    --ctp-latte-surface1-hsl: 225.000 13.559% 76.863%;
+    --ctp-latte-surface0: #ccd0da;
+    --ctp-latte-surface0-rgb: 204 208 218;
+    --ctp-latte-surface0-hsl: 222.857 15.909% 82.745%;
+    --ctp-latte-base: #eff1f5;
+    --ctp-latte-base-rgb: 239 241 245;
+    --ctp-latte-base-hsl: 220.000 23.077% 94.902%;
+    --ctp-latte-mantle: #e6e9ef;
+    --ctp-latte-mantle-rgb: 230 233 239;
+    --ctp-latte-mantle-hsl: 220.000 21.951% 91.961%;
+    --ctp-latte-crust: #dce0e8;
+    --ctp-latte-crust-rgb: 220 224 232;
+    --ctp-latte-crust-hsl: 220.000 20.690% 88.627%;
+}
+
+:root {
+    --page-width: 900px;
+    --sidebar-width: 15rem;
+    --firefox-shadow: 0 0 20px;
+    --foreground: var(--ctp-latte-text);
+    --background: var(--ctp-latte-crust);
+    --background-secondary: var(--ctp-latte-surface0);
+    --links: var(--ctp-latte-sapphire);
+    --shadow: #cdd6f44f;
 }
 
 html {

public/css/colorschemes/catppuccin-macchiato.css

@@ -1,11 +1,93 @@
 :root {
-    --background: #181926;
-    --background-secondary: #363a4f;
-    --foreground: #cad3f5;
-    --links: #8aadf4;
-    --warning: #ff7272;
-    --warning-box-bg: #f64a3c;
-    --warning-box-border: #c81a11;
+    --ctp-macchiato-rosewater: #f4dbd6;
+    --ctp-macchiato-rosewater-rgb: 244 219 214;
+    --ctp-macchiato-rosewater-hsl: 10.000 57.692% 89.804%;
+    --ctp-macchiato-flamingo: #f0c6c6;
+    --ctp-macchiato-flamingo-rgb: 240 198 198;
+    --ctp-macchiato-flamingo-hsl: 0.000 58.333% 85.882%;
+    --ctp-macchiato-pink: #f5bde6;
+    --ctp-macchiato-pink-rgb: 245 189 230;
+    --ctp-macchiato-pink-hsl: 316.071 73.684% 85.098%;
+    --ctp-macchiato-mauve: #c6a0f6;
+    --ctp-macchiato-mauve-rgb: 198 160 246;
+    --ctp-macchiato-mauve-hsl: 266.512 82.692% 79.608%;
+    --ctp-macchiato-red: #ed8796;
+    --ctp-macchiato-red-rgb: 237 135 150;
+    --ctp-macchiato-red-hsl: 351.176 73.913% 72.941%;
+    --ctp-macchiato-maroon: #ee99a0;
+    --ctp-macchiato-maroon-rgb: 238 153 160;
+    --ctp-macchiato-maroon-hsl: 355.059 71.429% 76.667%;
+    --ctp-macchiato-peach: #f5a97f;
+    --ctp-macchiato-peach-rgb: 245 169 127;
+    --ctp-macchiato-peach-hsl: 21.356 85.507% 72.941%;
+    --ctp-macchiato-yellow: #eed49f;
+    --ctp-macchiato-yellow-rgb: 238 212 159;
+    --ctp-macchiato-yellow-hsl: 40.253 69.912% 77.843%;
+    --ctp-macchiato-green: #a6da95;
+    --ctp-macchiato-green-rgb: 166 218 149;
+    --ctp-macchiato-green-hsl: 105.217 48.252% 71.961%;
+    --ctp-macchiato-teal: #8bd5ca;
+    --ctp-macchiato-teal-rgb: 139 213 202;
+    --ctp-macchiato-teal-hsl: 171.081 46.835% 69.020%;
+    --ctp-macchiato-sky: #91d7e3;
+    --ctp-macchiato-sky-rgb: 145 215 227;
+    --ctp-macchiato-sky-hsl: 188.780 59.420% 72.941%;
+    --ctp-macchiato-sapphire: #7dc4e4;
+    --ctp-macchiato-sapphire-rgb: 125 196 228;
+    --ctp-macchiato-sapphire-hsl: 198.641 65.605% 69.216%;
+    --ctp-macchiato-blue: #8aadf4;
+    --ctp-macchiato-blue-rgb: 138 173 244;
+    --ctp-macchiato-blue-hsl: 220.189 82.813% 74.902%;
+    --ctp-macchiato-lavender: #b7bdf8;
+    --ctp-macchiato-lavender-rgb: 183 189 248;
+    --ctp-macchiato-lavender-hsl: 234.462 82.278% 84.510%;
+    --ctp-macchiato-text: #cad3f5;
+    --ctp-macchiato-text-rgb: 202 211 245;
+    --ctp-macchiato-text-hsl: 227.442 68.254% 87.647%;
+    --ctp-macchiato-subtext1: #b8c0e0;
+    --ctp-macchiato-subtext1-rgb: 184 192 224;
+    --ctp-macchiato-subtext1-hsl: 228.000 39.216% 80.000%;
+    --ctp-macchiato-subtext0: #a5adcb;
+    --ctp-macchiato-subtext0-rgb: 165 173 203;
+    --ctp-macchiato-subtext0-hsl: 227.368 26.761% 72.157%;
+    --ctp-macchiato-overlay2: #939ab7;
+    --ctp-macchiato-overlay2-rgb: 147 154 183;
+    --ctp-macchiato-overlay2-hsl: 228.333 20.000% 64.706%;
+    --ctp-macchiato-overlay1: #8087a2;
+    --ctp-macchiato-overlay1-rgb: 128 135 162;
+    --ctp-macchiato-overlay1-hsl: 227.647 15.455% 56.863%;
+    --ctp-macchiato-overlay0: #6e738d;
+    --ctp-macchiato-overlay0-rgb: 110 115 141;
+    --ctp-macchiato-overlay0-hsl: 230.323 12.351% 49.216%;
+    --ctp-macchiato-surface2: #5b6078;
+    --ctp-macchiato-surface2-rgb: 91 96 120;
+    --ctp-macchiato-surface2-hsl: 229.655 13.744% 41.373%;
+    --ctp-macchiato-surface1: #494d64;
+    --ctp-macchiato-surface1-rgb: 73 77 100;
+    --ctp-macchiato-surface1-hsl: 231.111 15.607% 33.922%;
+    --ctp-macchiato-surface0: #363a4f;
+    --ctp-macchiato-surface0-rgb: 54 58 79;
+    --ctp-macchiato-surface0-hsl: 230.400 18.797% 26.078%;
+    --ctp-macchiato-base: #24273a;
+    --ctp-macchiato-base-rgb: 36 39 58;
+    --ctp-macchiato-base-hsl: 231.818 23.404% 18.431%;
+    --ctp-macchiato-mantle: #1e2030;
+    --ctp-macchiato-mantle-rgb: 30 32 48;
+    --ctp-macchiato-mantle-hsl: 233.333 23.077% 15.294%;
+    --ctp-macchiato-crust: #181926;
+    --ctp-macchiato-crust-rgb: 24 25 38;
+    --ctp-macchiato-crust-hsl: 235.714 22.581% 12.157%;
+}
+
+:root {
+    --page-width: 900px;
+    --sidebar-width: 15rem;
+    --firefox-shadow: 0 0 20px;
+    --foreground: var(--ctp-macchiato-text);
+    --background: var(--ctp-macchiato-crust);
+    --background-secondary: var(--ctp-macchiato-surface0);
+    --links: var(--ctp-macchiato-sapphire);
+    --shadow: #cdd6f44f;
 }
 
 html {

public/css/colorschemes/catppuccin-mocha.css

@@ -1,11 +1,93 @@
 :root {
-    --background: #11111b;
-    --background-secondary: #313244;
-    --foreground: #cdd6f4;
-    --links: #89b4fa;
-    --warning: #ff7272;
-    --warning-box-bg: #f64a3c;
-    --warning-box-border: #c81a11;
+    --ctp-mocha-rosewater: #f5e0dc;
+    --ctp-mocha-rosewater-rgb: 245 224 220;
+    --ctp-mocha-rosewater-hsl: 9.600 55.556% 91.176%;
+    --ctp-mocha-flamingo: #f2cdcd;
+    --ctp-mocha-flamingo-rgb: 242 205 205;
+    --ctp-mocha-flamingo-hsl: 0.000 58.730% 87.647%;
+    --ctp-mocha-pink: #f5c2e7;
+    --ctp-mocha-pink-rgb: 245 194 231;
+    --ctp-mocha-pink-hsl: 316.471 71.831% 86.078%;
+    --ctp-mocha-mauve: #cba6f7;
+    --ctp-mocha-mauve-rgb: 203 166 247;
+    --ctp-mocha-mauve-hsl: 267.407 83.505% 80.980%;
+    --ctp-mocha-red: #f38ba8;
+    --ctp-mocha-red-rgb: 243 139 168;
+    --ctp-mocha-red-hsl: 343.269 81.250% 74.902%;
+    --ctp-mocha-maroon: #eba0ac;
+    --ctp-mocha-maroon-rgb: 235 160 172;
+    --ctp-mocha-maroon-hsl: 350.400 65.217% 77.451%;
+    --ctp-mocha-peach: #fab387;
+    --ctp-mocha-peach-rgb: 250 179 135;
+    --ctp-mocha-peach-hsl: 22.957 92.000% 75.490%;
+    --ctp-mocha-yellow: #f9e2af;
+    --ctp-mocha-yellow-rgb: 249 226 175;
+    --ctp-mocha-yellow-hsl: 41.351 86.047% 83.137%;
+    --ctp-mocha-green: #a6e3a1;
+    --ctp-mocha-green-rgb: 166 227 161;
+    --ctp-mocha-green-hsl: 115.455 54.098% 76.078%;
+    --ctp-mocha-teal: #94e2d5;
+    --ctp-mocha-teal-rgb: 148 226 213;
+    --ctp-mocha-teal-hsl: 170.000 57.353% 73.333%;
+    --ctp-mocha-sky: #89dceb;
+    --ctp-mocha-sky-rgb: 137 220 235;
+    --ctp-mocha-sky-hsl: 189.184 71.014% 72.941%;
+    --ctp-mocha-sapphire: #74c7ec;
+    --ctp-mocha-sapphire-rgb: 116 199 236;
+    --ctp-mocha-sapphire-hsl: 198.500 75.949% 69.020%;
+    --ctp-mocha-blue: #89b4fa;
+    --ctp-mocha-blue-rgb: 137 180 250;
+    --ctp-mocha-blue-hsl: 217.168 91.870% 75.882%;
+    --ctp-mocha-lavender: #b4befe;
+    --ctp-mocha-lavender-rgb: 180 190 254;
+    --ctp-mocha-lavender-hsl: 231.892 97.368% 85.098%;
+    --ctp-mocha-text: #cdd6f4;
+    --ctp-mocha-text-rgb: 205 214 244;
+    --ctp-mocha-text-hsl: 226.154 63.934% 88.039%;
+    --ctp-mocha-subtext1: #bac2de;
+    --ctp-mocha-subtext1-rgb: 186 194 222;
+    --ctp-mocha-subtext1-hsl: 226.667 35.294% 80.000%;
+    --ctp-mocha-subtext0: #a6adc8;
+    --ctp-mocha-subtext0-rgb: 166 173 200;
+    --ctp-mocha-subtext0-hsl: 227.647 23.611% 71.765%;
+    --ctp-mocha-overlay2: #9399b2;
+    --ctp-mocha-overlay2-rgb: 147 153 178;
+    --ctp-mocha-overlay2-hsl: 228.387 16.757% 63.725%;
+    --ctp-mocha-overlay1: #7f849c;
+    --ctp-mocha-overlay1-rgb: 127 132 156;
+    --ctp-mocha-overlay1-hsl: 229.655 12.775% 55.490%;
+    --ctp-mocha-overlay0: #6c7086;
+    --ctp-mocha-overlay0-rgb: 108 112 134;
+    --ctp-mocha-overlay0-hsl: 230.769 10.744% 47.451%;
+    --ctp-mocha-surface2: #585b70;
+    --ctp-mocha-surface2-rgb: 88 91 112;
+    --ctp-mocha-surface2-hsl: 232.500 12.000% 39.216%;
+    --ctp-mocha-surface1: #45475a;
+    --ctp-mocha-surface1-rgb: 69 71 90;
+    --ctp-mocha-surface1-hsl: 234.286 13.208% 31.176%;
+    --ctp-mocha-surface0: #313244;
+    --ctp-mocha-surface0-rgb: 49 50 68;
+    --ctp-mocha-surface0-hsl: 236.842 16.239% 22.941%;
+    --ctp-mocha-base: #1e1e2e;
+    --ctp-mocha-base-rgb: 30 30 46;
+    --ctp-mocha-base-hsl: 240.000 21.053% 14.902%;
+    --ctp-mocha-mantle: #181825;
+    --ctp-mocha-mantle-rgb: 24 24 37;
+    --ctp-mocha-mantle-hsl: 240.000 21.311% 11.961%;
+    --ctp-mocha-crust: #11111b;
+    --ctp-mocha-crust-rgb: 17 17 27;
+    --ctp-mocha-crust-hsl: 240.000 22.727% 8.627%;
+}
+
+:root {
+    --page-width: 900px;
+    --sidebar-width: 15rem;
+    --firefox-shadow: 0 0 20px;
+    --foreground: var(--ctp-mocha-text);
+    --background: var(--ctp-mocha-crust);
+    --background-secondary: var(--ctp-mocha-surface0);
+    --links: var(--ctp-mocha-sapphire);
+    --shadow: #cdd6f44f;
 }
 
 html {

public/css/dirlist.css

@@ -1,40 +1,63 @@
-@import "colorschemes/catppuccin-macchiato.css";
+:root {
+  --background: #f2efbd;
+  --background-dim: hsl(57, 85%, 85%);
+  --foreground: #2a271c;
+  --border-color: #f27405;
+  --border: var(--border-color) 2px solid;
+  --shadow-color: hsla(11, 96%, 43%, 0.4);
+  --shadow: drop-shadow(8px 8px var(--shadow-color));
+  --shadow-small: drop-shadow(3px 3px var(--shadow-color));
+  --links: hsl(183, 93%, 27%);
+  --links-hover: hsl(183, 93%, 15%);
+  --table-header: hsla(11, 96%, 43%, 0.2);
+}
 
 body {
-	background-color: var(--background);
-	color: var(--foreground);
+  background-color: var(--background);
+  color: var(--foreground);
+  margin: 20px;
 }
 
 img {
-    image-rendering: pixelated;
+  image-rendering: pixelated;
 }
 
 a {
-    color: #99f;
-    text-decoration: none;
+  color: var(--links);
+  text-decoration: underline dotted;
 }
 
 a:hover {
-    text-decoration: underline;
+  color: var(--links-hover);
+  text-decoration: underline solid;
 }
 
 h1#indextitle {
-	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-	margin-bottom: 0;
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
+    sans-serif;
+  margin: 0;
 }
 
-tr, th, td {
-	font-family: monospace;
-	font-size: 12pt;
-	padding: 0 5px;
+tr,
+th,
+td {
+  font-family: monospace;
+  font-size: 12pt;
+  padding: 0 15px;
+}
+
+tr td:nth-child(2) {
+  padding-left: 0;
 }
 
 address {
-	font-family: sans-serif;
-	font-size: 12pt
+  font-family: sans-serif;
+  font-size: 12pt;
 }
 
 .description {
-	font-style: italic;
-	font-size: 90%;
+  font-style: italic;
+  font-size: 90%;
 }
+

public/css/master.css

@@ -1,274 +1,67 @@
-/*@import "colorschemes/catppuccin-macchiato.css";*/
+:root {
+    --background: #f2efbd;
+    --foreground: #2a271c;
+    --border-color: #f27405;
+    --border: var(--border-color) 2px solid;
+    --shadow-color: hsla(11, 96%, 43%, 0.4);
+    --shadow: drop-shadow(8px 8px var(--shadow-color));
+    --shadow-small: drop-shadow(3px 3px var(--shadow-color));
+    --links: hsl(183, 93%, 27%);
+    --links-hover: hsl(183, 93%, 15%);
+    --table-header: hsla(11, 96%, 43%, 0.2);
+}
+
+html {
+    height: 100%;
+    color-scheme: light;
+    scrollbar-color: var(--border-color) var(--background);
+}
 
 body {
-    font-family: sans-serif;
-    margin: 0;
     color: var(--foreground);
-    background-color: var(--background);
-    text-align: left;
+    min-height: 100%;
+    background-color: hsla(0, 0%, 0%, 0);
+    padding: 10px;
+    font-family: serif;
 }
 
-ul {
-    list-style-type: square;
-}
-
-hr {
-    border: 1px solid var(--foreground);
-    border-bottom: none;
-}
-
-div.page {
-    min-width: 780px;
-    max-width: 800px;
-    padding-left: 0.5em;
-    padding-right: 0.5em;
-    margin: auto;
-}
-
-h1.inline {
-    margin-top: 0;
-    clear: none;
-    display: inline;
+/*noinspection CssUnknownTarget*/
+body::before {
+    content: "";
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-image: url("/images/background.jpg");
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    opacity: 0.8;
+    background-size: cover;
+    background-attachment: fixed;
+    overflow: hidden;
 }
 
 h1,
 h2,
-h3 {
-    margin-top: 0;
-    clear: left;
+h3,
+h4,
+h5,
+h6 {
+    margin: 20px 0 0 0;
 }
 
-img {
-    border: none;
-    max-width: 100%;
-}
-
-img.right {
-    float: right;
-    margin-left: 0.5em;
-}
-
-table.form td {
-    border: none;
-}
-
-/* -------------------------------------------------------------------------- */
-
-div.code-block {
-    background-color: var(--background);
-    border: 2px solid var(--foreground);
-    padding: 10px;
-    display: inline-block;
-    text-align: left;
-    max-width: 90%;
-    min-width: 400px;
-    margin: 10px;
-}
-
-div.code-block hr {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-div.code-block h1 {
+p,
+ul,
+ol,
+dl,
+menu,
+dir {
     margin: 0;
-    font-family: monospace;
 }
 
-div.code-block h1 small {
-    color: var(--foreground);
-    font-size: 12px;
-}
-
-div.code-block pre hr {
-    margin-bottom: 5px;
-}
-
-div.code-block pre code {
-    background-color: var(--background);
-}
-
-pre {
-    display: inline;
-    max-width: 95%;
-    overflow: auto;
-}
-
-.header a {
-    text-decoration: none;
-}
-
-.theme-selector {
-    text-align: right;
-    vertical-align: middle;
-}
-
-.nav-wrapper {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: 1fr;
-    grid-column-gap: 0;
-    grid-row-gap: 0;
-}
-
-.nav-wrapper div:nth-child(2) {
-    text-align: right;
-}
-
-.theme-selector label {
-    font-weight: bold;
-}
-
-.theme-selector label::after {
-    content: ': ';
-}
-
-nav {
-    margin-bottom: 0.3em;
-    text-align: left;
-}
-
-nav img {
-    width: 32px;
-}
-
-nav h1 {
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
-        sans-serif;
-    font-weight: normal;
-    font-size: 30px;
-    margin: 10px 10px 10px 0;
-}
-
-div.date {
-    text-align: center;
-}
-
-div.note {
-    font-style: italic;
-}
-
-table {
-    border-collapse: collapse;
-    border-color: var(--foreground);
-}
-
-table.weather th {
-    font-weight: normal;
-}
-
-table.weather td {
-    font-weight: bold;
-    text-align: right;
-}
-
-div.rss {
-    position: absolute;
-    top: 1em;
-    right: 1em;
-}
-
-div.archived {
-    margin-top: 0.5em;
-}
-
-div.archived span.date {
-    font-style: italic;
-    margin-right: 0.2em;
-}
-
-video {
-    max-width: 100%;
-}
-
-table td {
-    border: 1px solid var(--foreground);
-}
-
-td {
-    padding: 0;
-    vertical-align: top;
-}
-
-.header .title {
-    color: var(--foreground);
-}
-
-.header {
-    font-size: 100%;
-    font-weight: normal;
-    padding-bottom: 0;
-    text-align: center;
-}
-
-h1 {
-    font-size: 150%;
-}
-h1 {
-    font-size: 150%;
-}
-
-h2 {
-    font-size: 130%;
-}
-
-h3 {
-    font-size: 115%;
-}
-
-table.computers {
-    width: 100%;
-}
-
-table.computers td:first-child {
-    text-align: center;
-    font-weight: bold;
-}
-table.computers td ul {
-    margin: 0;
-    padding-left: 20px;
-}
-
-table.computers .section-title {
-    text-decoration: underline;
-    font-style: italic;
-    font-weight: bold;
-}
-
-table.computers p.description {
-    font-style: italic;
-    margin: 5px 0 2px 0;
-}
-
-table.computers th {
-    background-color: var(--background-secondary);
-}
-
-table.computers td,
-table.computers th {
-    border: var(--foreground) solid 1px;
-    padding: 5px;
-}
-
-
-
-img.pixel {
-    image-rendering: pixelated;
-}
-
-div.footer {
-    text-align: center;
-    margin-bottom: 5px;
-}
-
-div.footer a.button {
-    text-decoration: none;
-}
-
-table.commits tr td {
+hr {
     border: none;
-    padding-right: 5px;
+    border-top: var(--border);
 }
 
 a {
@@ -276,409 +69,228 @@ a {
     text-decoration: underline dotted;
 }
 
-table.form tr td {
-    border: none;
-}
-
-table.form tr td label {
-    padding-right: 5px;
-}
-
-table.form tr td span.text-danger {
-    padding-left: 5px;
-    color: var(--warning);
-}
-
-input.file {
-    border: 0 !important;
-}
-
-table.form tr td textarea,
-table.form tr td input,
-table.form tr td button,
-button,
-form.import input::file-selector-button,
-form.import button {
-    background-color: var(--background);
-    border: var(--foreground) solid 1px;
-}
-
-table.form label {
-    margin: 5px 0;
-}
-
-form.import button,
-form.import input::file-selector-button,
-table.form tr td button {
-    color: var(--foreground);
-    background-color: var(--background-secondary);
-}
-
-form.import button:hover,
-button:hover,
-form.import input::file-selector-button:hover,
-table.form tr td button:hover {
-    color: var(--background);
-    background-color: var(--foreground);
-}
-
-table.gb-entry-form-container {
-    width: 100%;
-}
-
-table.gb-entry-form-container tr td {
-    border: none;
-    vertical-align: top;
-}
-
-table.gb-entry-form-container tr td p,
-table.gb-entry-form-container tr td ul {
-    margin: 0;
-}
-
-table.form tbody tr td textarea {
-    width: 210px;
-}
-
-table.gb-entry tr td {
-    border: solid var(--foreground) 1px;
-    width: 500px;
-    vertical-align: top;
-    padding: 5px;
-}
-
-table.gb-entry {
-    margin-bottom: 5px;
-}
-
-table.gb-entry hr {
-    border: 1px dotted var(--foreground);
-    border-bottom: none;
-}
-
-table.gb-entry address {
-    font-size: 0.8pc;
-}
-
-table.gb-admin {
-    margin-bottom: 5px;
-    width: 500px;
-    border: var(--foreground) solid;
-}
-
-table.gb-admin tr td {
-    border-right: none;
-    border-bottom: none;
-    vertical-align: top;
-    padding: 5px;
-}
-
-table.gb-admin tr td.gb-del {
-    border-left: none;
-    vertical-align: top;
-    padding: 5px;
-    width: 32px;
-}
-
-table.gb-admin tr td.gb-message {
-    border-top: none;
-    vertical-align: top;
-    padding: 5px;
-}
-
-table.info-table tr td {
-    border: none;
-    padding-right: 5px;
-}
-
-table.info-table {
-    width: 100%;
-}
-
-table.info-table tr td h1,
-table.info-table tr td h2,
-table.info-table tr td small {
-    margin: 0;
-}
-
-caption h1,
-caption h2 {
-    margin: 0;
-}
-
-caption {
-    text-align: left;
-}
-
-table.info-table tr td small {
-    margin-bottom: 5px;
-}
-.me img {
-    float: right;
-    margin: 5px;
-}
-
-.me p {
-    text-align: justify;
-}
-
 a:hover {
-    text-decoration: underline;
+    color: var(--links-hover);
+    text-decoration: underline solid;
 }
 
-.spec {
-    padding-left: 20px;
+div.page-container {
+    width: 800px;
+    margin: 5px auto;
 }
 
-.spec-title {
-    font-weight: bold;
+div.page-container > div {
+    background-color: var(--background);
+    filter: var(--shadow);
+    padding: 10px;
+    border: var(--border);
+    margin-bottom: 20px;
+    /* temporary */
+    /* height: 600px; */
 }
 
-.project-grid {
+div.page-container > div:last-child {
+    margin-bottom: 0;
+}
+
+div#header {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: repeat(0, 1fr);
-    grid-column-gap: 0;
-    grid-row-gap: 0;
-    height: 100%;
-}
-
-.project-grid div {
-    padding: 5px;
-}
-
-.project-section-title,
-.project-grid div h1,
-.project-grid div p {
-    margin: 5px 0;
-}
-
-.project-section-title {
-    margin-top: 20px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid var(--foreground);
-}
-
-.project-grid div h1 {
-    margin-top: 10px;
-}
-
-.project-grid div a {
-    text-decoration: underline dotted;
-    padding: 2px 2px 0 2px;
-    margin: 0;
-    font-size: 10pt;
-}
-
-.project-grid .project-links a {
-    color: var(--links);
-    border: 1px solid var(--foreground);
-    border-left: none;
-}
-
-.project-grid .project-links a:first-child {
-    border: 1px solid var(--foreground);
-}
-
-.project-grid .project-links a:hover {
-    background-color: var(--foreground);
-    color: var(--background);
-}
-
-.error-box {
-    width: 500px;
-    border: 5px solid var(--warning-box-border);
-    background-color: var(--warning-box-bg);
-    padding: 5px;
-}
-.error-box a,
-.error-box p {
-    margin: 0;
-    color: var(--foreground)
-}
-
-label[for="scheme-selector"] {
-    font-weight: bold;
-}
-
-#scheme-selector {
-    border: var(--foreground) solid 1px;
-    background-color: var(--background-secondary);
-    color: var(--foreground)
-}
-
-
-.music-top10 td,
-.music-top10 th {
-    border: none;
-    border-left: 1px dotted var(--foreground);
-    padding: 2px 5px
-}
-
-.music-top10 tr:nth-child(1) th {
-    border-bottom: 1px dotted var(--foreground);
-}
-
-.music-top10 tr:nth-child(2) td {
-    padding-top: 5px;
-}
-
-.music-top10 td:first-child,
-.music-top10 th:first-child {
-    border: none;
-}
-
-.music-top10 tr th:first-child {
-    text-align: right;
-}
-
-.music-top10 td {
-    white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
-}
-
-.music-top10 tr td:first-child {
-    text-align: right;
-}
-
-.music-top10 tr td:nth-child(2),
-.music-top10 tr td:nth-child(3) {
-    width: 50%;
-}
-
-.current-track {
-    width: 100%;
-}
-
-.current-track h2 {
-    margin: 0;
-}
-
-.info-section {
-    margin-top: 20px;
-}
-
-.info-section ul {
-    list-style-position: inside;
-    list-style-type: none;
-    padding-left: 0;
-    margin: 0;
-}
-
-.info-section ul li:before {
-    content: "◆ ";
-}
-
-.info-section h2 {
-    margin: 0;
-}
-
-.info-section p {
-    margin: 0;
-}
-
-.contact-section {
-    display: grid;
-    grid-template-rows: 1fr 1fr;
-}
-
-.banner {
-    padding: 5px;
-    margin-top: 10px;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: 66px 1fr;
     grid-template-rows: 1fr;
-    grid-column-gap: 0;
-    grid-row-gap: 0;
+    grid-column-gap: 15px;
+    grid-row-gap: 0px;
+    align-items: center;
 }
 
-.banner div:nth-child(1) {
+div#header img {
+    filter: drop-shadow(2px 2px hsl(0, 0%, 66%));
+    margin-right: 10px;
+    image-rendering: pixelated;
+}
+
+div#header h1 {
+    margin: 0;
+    font-style: italic;
+}
+
+div#header h1,
+div#header p {
+    display: inline;
+}
+
+div#content {
+    position: relative;
+}
+
+div#content::after {
+    display: block;
+    content: "";
+    clear: both;
+}
+
+div#footer {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr;
+    grid-column-gap: 0px;
+    grid-row-gap: 0px;
+    align-items: center;
+}
+
+div#footer div:last-child {
+    text-align: right;
+}
+
+div#footer div:last-child img {
+    image-rendering: pixelated;
+    margin: 0;
+    padding: 0;
+    width: 88px;
+    height: 31px;
+}
+
+/** Wah! **/
+div.wah {
+    float: right;
+    border: var(--border);
+    padding: 5px;
+    filter: var(--shadow-small);
+    background-color: var(--background);
+}
+
+div.wah img {
+    display: block;
+}
+
+div.wah h3,
+div.wah p {
+    text-align: center;
+    margin: 5px 0;
+    font-style: italic;
+}
+
+div.wah p {
+    margin-bottom: 0;
+}
+
+div.wah img {
+    width: 250px;
+}
+
+/** Guestbook **/
+table.form input,
+table.form textarea,
+table.form button {
+    background-color: var(--background);
+    border: var(--border);
+    filter: var(--shadow-small);
+}
+
+table.form input,
+table.form textarea {
+    width: 250px;
+}
+
+table.form textarea {
+    resize: none;
+}
+
+table.form button:hover {
+    background-color: var(--border-color);
+    color: var(--background);
+    filter: none;
+}
+
+table.form tr td,
+table.gb-entry-form-container td:last-child {
+    vertical-align: top;
+}
+
+div.gb-entry {
+    border: var(--border);
+    filter: var(--shadow-small);
+    background-color: var(--background);
+    width: 75%;
+    padding: 10px;
+}
+
+/** Music **/
+table.music-top10 {
+    border: var(--border);
+    filter: var(--shadow-small);
+    background-color: var(--background);
+    border-collapse: collapse;
+}
+
+table.music-top10 th,
+table.music-top10 td {
+    padding: 2px 5px;
+}
+
+table.music-top10 th:first-child {
     text-align: left;
 }
 
-.banner div:nth-child(2) {
-    text-align: right;
+table.music-top10 tr:first-child th {
+    border-right: var(--border);
+    border-bottom: var(--border);
 }
 
-.red-banner {
-    border: 3px solid var(--foreground);
-    background-color: var(--background-secondary);
+table.music-top10 tr:first-child th:last-child {
+    border-right: none;
 }
 
-.info-admin td,
-.info-admin th {
-    border: 1px solid var(--foreground);
-    padding: 5px;
+table.music-top10 tr td {
+    border-right: var(--border);
 }
 
-.info-admin th {
-    background-color: var(--background-secondary);
+table.music-top10 tr td:last-child {
+    border-right: none;
+}
+table.music-top10 tr:first-child th,
+table.music-top10 tr td:first-child {
+    background-color: var(--table-header);
 }
 
-.info-admin th.blank {
-    border: none;
-    background-color: var(--background);
+div.current-track {
+    display: grid;
+    grid-template-columns: 180px auto;
+    grid-template-rows: 1fr;
+    grid-column-gap: 10px;
+    align-items: center;
 }
 
-.info-admin button {
-    border: 1px solid var(--foreground);
-    background-color: var(--background);
-    color: var(--foreground);
+div.current-track img {
+    float: left;
+    filter: var(--shadow-small);
+    border: var(--border);
+    width: 174px;
+    height: 174px;
 }
 
-.info-admin button:hover {
-    background-color: var(--foreground);
-    color: var(--background);
-}
-
-.info-admin button:active {
-    background-color: var(--background-secondary);
-    color: var(--foreground);
-}
-
-.info-admin-section h2 {
-    margin-bottom: 5px;
-}
-
-.fullwidth {
-    width: 100%;
-}
-
-.fullwidth td:last-child {
-    width: 0;
-}
-
-.guestbook-message {
-    text-wrap: normal;
-    width: 100%;
-}
-
-td.diagonal-line {
-    background: linear-gradient(to right bottom, var(--background) 0%,var(--background) 49.9%,var(--foreground) 50%,var(--foreground) 51%,var(--background) 51.1%,var(--background) 100%);
-}
-
-form.import h2 {
-    margin: 10px 0 5px 0;
-}
-
-.calculator-spec-table td {
-    padding: 5px 10px 5px 5px;
-}
-
-.calculator-spec-table tr td:first-child {
-    background-color: var(--background-secondary);
-}
-
-a:hover img.navbar-icon {
-    opacity: 80%;
-}
-
-.footer p {
-    vertical-align: middle;
+/** Bookmarks **/
+div.bookmark-category:first-child h2 {
     margin: 0;
-    line-height: 1.2;
 }
 
-.footer button,
-.footer select{
-    padding: 5px 10px;
+
+/** Rosco **/
+div.rosco-gallery {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+div.rosco {
+    border: var(--border);
+    padding: 5px;
+    filter: var(--shadow-small);
+    background-color: var(--background);
+    margin: 10px;
+    height: auto;
+}
+
+div.rosco,
+div.rosco img {
+    max-width: 220px;
 }

public/css/minimal.css

@@ -1,12 +1,13 @@
-* { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
-html { color-scheme: dark; }
-body { color: #cad3f5; background-color: #181926; }
+html { color-scheme: light; }
+body { color: #2a271c; background-color: #f2efbd; font-family: serif; }
 h1, h2, h4, ul, p { margin: 0; }
 h1 { font-weight: normal; }
 h4 { margin-bottom: 5px; }
 ul { padding: 5px 30px; }
-a { color: #8aadf4; text-decoration: none; }
-a:hover { text-decoration: underline; }
+a { color: hsl(183, 93%, 27%); text-decoration: underline dotted; }
+a:hover { color: hsl(183, 93%, 15%); text-decoration: underline solid; }
 code { font-family: monospace; }
 code.addr { font-size: 24px; }
-table { border: 1px solid #cad3f5; }
+table { border: #f27405 2px solid; background-color: #f2efbd; filter: drop-shadow(3px 3px hsla(11, 96%, 43%, 0.4)); }
+img { border: #f27405 2px solid; filter: drop-shadow(3px 3px hsla(11, 96%, 43%, 0.4)); }
+hr { border: none; border-bottom: 2px solid #f27405; }

public/images/background.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.dev/svgjs" viewBox="0 0 800 800" preserveAspectRatio="xMidYMid slice"><defs><pattern id="pppixelate-pattern" width="20" height="20" patternUnits="userSpaceOnUse" patternTransform="translate(0 0) scale(8) rotate(0)" shape-rendering="crispEdges">
+    <rect width="1" height="1" x="9" y="0" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="0" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="1" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="1" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="2" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="2" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="3" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="3" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="4" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="4" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="5" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="5" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="6" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="6" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="7" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="7" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="8" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="8" fill="#FFFFFF80"></rect><rect width="1" height="1" x="0" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="1" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="2" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="3" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="4" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="5" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="6" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="7" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="8" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="9" fill="#FFFFFFbf"></rect><rect width="1" height="1" x="10" y="9" fill="#FFFFFFbf"></rect><rect width="1" height="1" x="11" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="12" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="13" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="14" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="15" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="16" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="17" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="18" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="19" y="9" fill="#FFFFFF80"></rect><rect width="1" height="1" x="0" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="1" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="2" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="3" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="4" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="5" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="6" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="7" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="8" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="10" fill="#FFFFFFbf"></rect><rect width="1" height="1" x="10" y="10" fill="#FFFFFFbf"></rect><rect width="1" height="1" x="11" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="12" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="13" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="14" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="15" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="16" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="17" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="18" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="19" y="10" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="11" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="11" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="12" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="12" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="13" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="13" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="14" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="14" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="15" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="15" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="16" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="16" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="17" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="17" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="18" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="18" fill="#FFFFFF80"></rect><rect width="1" height="1" x="9" y="19" fill="#FFFFFF80"></rect><rect width="1" height="1" x="10" y="19" fill="#FFFFFF80"></rect>
+  </pattern></defs><rect width="100%" height="100%" fill="url(#pppixelate-pattern)"></rect></svg>

public/js/christmas/snow.js

@@ -1,113 +0,0 @@
-/*!
-// Snow.js - v0.0.3
-// kurisubrooks.com
-//
-// Modified by floppydisk
-// - Changed snowflakes to "Heavy chevron snowflake" (U+2746)
-// - Made snowflakes randomly rotate slowly either right or left
-*/
-
-// Amount of Snowflakes
-var snowMax = 80;
-
-// Snowflake Colours
-var snowColor = [
-    "#cad3f5",
-    "#a5adcb",
-    "#5b6078"
-];
-
-// Snow Entity
-var snowEntity = "&#10054" //"•";
-
-// Falling Velocity
-var snowSpeed = 0.5;
-
-// Minimum Flake Size
-var snowMinSize = 8;
-
-// Maximum Flake Size
-var snowMaxSize = 24;
-
-// Refresh Rate (in milliseconds)
-var snowRefresh = 50;
-
-// Additional Styles
-var snowStyles = "cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;";
-
-/*
-// End of Configuration
-// ----------------------------------------
-// Do not modify the code below this line
-*/
-
-var snow = [],
-    pos = [],
-    coords = [],
-    lefr = [],
-    marginBottom,
-    marginRight;
-
-function randomise(range) {
-    rand = Math.floor(range * Math.random());
-    return rand;
-}
-
-function initSnow() {
-    var snowSize = snowMaxSize - snowMinSize;
-    marginBottom = Math.max(document.body.scrollHeight, window.innerHeight) - 5;
-    marginRight = document.body.clientWidth - 15;
-
-    for (i = 0; i <= snowMax; i++) {
-        coords[i] = 0;
-        lefr[i] = Math.random() * 15;
-        pos[i] = 0.03 + Math.random() / 10;
-        snow[i] = document.getElementById("flake" + i);
-        snow[i].style.fontFamily = "inherit";
-        snow[i].size = randomise(snowSize) + snowMinSize;
-        snow[i].style.fontSize = snow[i].size + "px";
-        snow[i].style.color = snowColor[randomise(snowColor.length)];
-        snow[i].style.zIndex = 1000;
-        snow[i].sink = snowSpeed * snow[i].size / 5;
-        snow[i].posX = randomise(marginRight - snow[i].size);
-        snow[i].posY = randomise(2 * marginBottom - marginBottom - 2 * snow[i].size);
-        snow[i].style.left = snow[i].posX + "px";
-        snow[i].style.top = snow[i].posY + "px";
-        snow[i].rotation = Math.random() * 360; // add a random initial rotation
-        snow[i].direction = Math.random() > 0.5 ? 1 : -1; // add a random direction
-    }
-
-    moveSnow();
-}
-
-function resize() {
-    marginBottom = Math.max(document.body.scrollHeight, window.innerHeight) - 5;
-    marginRight = document.body.clientWidth - 15;
-}
-
-function moveSnow() {
-    for (i = 0; i <= snowMax; i++) {
-        coords[i] += pos[i];
-        snow[i].posY += snow[i].sink;
-        snow[i].style.left = snow[i].posX + lefr[i] * Math.sin(coords[i]) + "px";
-        snow[i].style.top = snow[i].posY + "px";
-        
-
-        if (snow[i].posY >= marginBottom - 2 * snow[i].size || parseInt(snow[i].style.left) > (marginRight - 3 * lefr[i])) {
-            snow[i].posX = randomise(marginRight - snow[i].size);
-            snow[i].posY = 0;
-        }
-        snow[i].rotation += snow[i].sink * snow[i].direction; // increment rotation based on direction
-        snow[i].style.transform = "rotate(" + snow[i].rotation + "deg)"; // rotate the snowflake
-    }
-
-    setTimeout("moveSnow()", snowRefresh);
-}
-
-for (i = 0; i <= snowMax; i++) {
-    document.write("<span id='flake" + i + "' style='" + snowStyles + "position:absolute;top:-" + snowMaxSize + "'>" + snowEntity + "</span>");
-}
-
-window.addEventListener('resize', resize);
-window.addEventListener('load', initSnow);
-

public/js/christmas/snowstorm.js

@@ -0,0 +1,680 @@
+/** @license
+ * DHTML Snowstorm! JavaScript-based snow for web pages
+ * Making it snow on the internets since 2003. You're welcome.
+ * -----------------------------------------------------------
+ * Version 1.44.20131208 (Previous rev: 1.44.20131125)
+ * Copyright (c) 2007, Scott Schiller. All rights reserved.
+ * Code provided under the BSD License
+ * http://schillmania.com/projects/snowstorm/license.txt
+ */
+
+/*jslint nomen: true, plusplus: true, sloppy: true, vars: true, white: true */
+/*global window, document, navigator, clearInterval, setInterval */
+
+// 10/2021: Yes, some university hotlinked this script. This is an attempt to stop them.
+// Admin: Please download this script and host it on your own site. Thank you.
+// if (!document.domain.match(/schillmania.com/i)) {
+//     alert('SECURITY WARNING\nPlease tell your site administrator to host their own snow script. Thank you.');
+//     // try { document.body.innerHTML = '<p>SECURITY WARNING<br />Please tell your site administrator to host their own snow script. Thank you.</p>'; } catch(e) {}; // go away.
+//     document.body.innerHTML = 'SECURITY WARNING: Please tell your site administrator to host their own snow script. Thank you.';
+//     throw new Error('SECURITY WARNING: Please tell your site administrator to host their own snowstorm script. Thank you.');
+//     fail();
+//     debugger;
+// }
+
+var snowStorm = (function (window, document) {
+
+    // --- common properties ---
+
+    this.autoStart = true;          // Whether the snow should start automatically or not.
+    this.excludeMobile = true;      // Snow is likely to be bad news for mobile phones' CPUs (and batteries.) Enable at your own risk.
+    this.flakesMax = 256;           // Limit total amount of snow made (falling + sticking)
+    this.flakesMaxActive = 128;      // Limit amount of snow falling at once (less = lower CPU use)
+    this.animationInterval = 33;  // Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower
+    this.useGPU = true;             // Enable transform-based hardware acceleration, reduce CPU load.
+    this.className = null;          // CSS class name for further customization on snow elements
+    this.flakeBottom = null;        // Integer for Y axis snow limit, 0 or null for "full-screen" snow effect
+    this.followMouse = false;       // Snow movement can respond to the user's mouse
+    this.snowColor = '#fff';        // Don't eat (or use?) yellow snow.
+    this.snowCharacter = '&bull;';  // &bull; = bullet, &middot; is square on some systems etc.
+    this.snowStick = true;          // Whether or not snow should "stick" at the bottom. When off, will never collect.
+    this.targetElement = null;      // element which snow will be appended to (null = document.body) - can be an element ID eg. 'myDiv', or a DOM node reference
+    this.useMeltEffect = true;      // When recycling fallen snow (or rarely, when falling), have it "melt" and fade out if browser supports it
+    this.useTwinkleEffect = false;  // Allow snow to randomly "flicker" in and out of view while falling
+    this.usePositionFixed = false;  // true = snow does not shift vertically when scrolling. May increase CPU load, disabled by default - if enabled, used only where supported
+    this.usePixelPosition = false;  // Whether to use pixel values for snow top/left vs. percentages. Auto-enabled if body is position:relative or targetElement is specified.
+
+    // --- less-used bits ---
+
+    this.freezeOnBlur = true;       // Only snow when the window is in focus (foreground.) Saves CPU.
+    this.flakeLeftOffset = 0;       // Left margin/gutter space on edge of container (eg. browser window.) Bump up these values if seeing horizontal scrollbars.
+    this.flakeRightOffset = 0;      // Right margin/gutter space on edge of container
+    this.flakeWidth = 8;            // Max pixel width reserved for snow element
+    this.flakeHeight = 8;           // Max pixel height reserved for snow element
+    this.vMaxX = 5;                 // Maximum X velocity range for snow
+    this.vMaxY = 4;                 // Maximum Y velocity range for snow
+    this.zIndex = 0;                // CSS stacking order applied to each snowflake
+
+    // --- "No user-serviceable parts inside" past this point, yadda yadda ---
+
+    var storm = this,
+        features,
+        // UA sniffing and backCompat rendering mode checks for fixed position, etc.
+        isIE = navigator.userAgent.match(/msie/i),
+        isIE6 = navigator.userAgent.match(/msie 6/i),
+        isMobile = navigator.userAgent.match(/mobile|opera m(ob|in)/i),
+        isBackCompatIE = (isIE && document.compatMode === 'BackCompat'),
+        noFixed = (isBackCompatIE || isIE6),
+        screenX = null, screenX2 = null, screenY = null, scrollY = null, docHeight = null, vRndX = null, vRndY = null,
+        windOffset = 1,
+        windMultiplier = 2,
+        flakeTypes = 6,
+        fixedForEverything = false,
+        targetElementIsRelative = false,
+        opacitySupported = (function () {
+            try {
+                document.createElement('div').style.opacity = '0.5';
+            } catch (e) {
+                return false;
+            }
+            return true;
+        }()),
+        didInit = false,
+        docFrag = document.createDocumentFragment();
+
+    features = (function () {
+
+        var getAnimationFrame;
+
+        /**
+         * hat tip: paul irish
+         * http://paulirish.com/2011/requestanimationframe-for-smart-animating/
+         * https://gist.github.com/838785
+         */
+
+        function timeoutShim(callback) {
+            window.setTimeout(callback, 1000 / (storm.animationInterval || 20));
+        }
+
+        var _animationFrame = (window.requestAnimationFrame ||
+            window.webkitRequestAnimationFrame ||
+            window.mozRequestAnimationFrame ||
+            window.oRequestAnimationFrame ||
+            window.msRequestAnimationFrame ||
+            timeoutShim);
+
+        // apply to window, avoid "illegal invocation" errors in Chrome
+        getAnimationFrame = _animationFrame ? function () {
+            return _animationFrame.apply(window, arguments);
+        } : null;
+
+        var testDiv;
+
+        testDiv = document.createElement('div');
+
+        function has(prop) {
+
+            // test for feature support
+            var result = testDiv.style[prop];
+            return (result !== undefined ? prop : null);
+
+        }
+
+        // note local scope.
+        var localFeatures = {
+
+            transform: {
+                ie: has('-ms-transform'),
+                moz: has('MozTransform'),
+                opera: has('OTransform'),
+                webkit: has('webkitTransform'),
+                w3: has('transform'),
+                prop: null // the normalized property value
+            },
+
+            getAnimationFrame: getAnimationFrame
+
+        };
+
+        localFeatures.transform.prop = (
+            localFeatures.transform.w3 ||
+            localFeatures.transform.moz ||
+            localFeatures.transform.webkit ||
+            localFeatures.transform.ie ||
+            localFeatures.transform.opera
+        );
+
+        testDiv = null;
+
+        return localFeatures;
+
+    }());
+
+    this.timer = null;
+    this.flakes = [];
+    this.disabled = false;
+    this.active = false;
+    this.meltFrameCount = 20;
+    this.meltFrames = [];
+
+    this.setXY = function (o, x, y) {
+
+        if (!o) {
+            return false;
+        }
+
+        if (storm.usePixelPosition || targetElementIsRelative) {
+
+            o.style.left = (x - storm.flakeWidth) + 'px';
+            o.style.top = (y - storm.flakeHeight) + 'px';
+
+        } else if (noFixed) {
+
+            o.style.right = (100 - (x / screenX * 100)) + '%';
+            // avoid creating vertical scrollbars
+            o.style.top = (Math.min(y, docHeight - storm.flakeHeight)) + 'px';
+
+        } else {
+
+            if (!storm.flakeBottom) {
+
+                // if not using a fixed bottom coordinate...
+                o.style.right = (100 - (x / screenX * 100)) + '%';
+                o.style.bottom = (100 - (y / screenY * 100)) + '%';
+
+            } else {
+
+                // absolute top.
+                o.style.right = (100 - (x / screenX * 100)) + '%';
+                o.style.top = (Math.min(y, docHeight - storm.flakeHeight)) + 'px';
+
+            }
+
+        }
+
+    };
+
+    this.events = (function () {
+
+        var old = (!window.addEventListener && window.attachEvent), slice = Array.prototype.slice,
+            evt = {
+                add: (old ? 'attachEvent' : 'addEventListener'),
+                remove: (old ? 'detachEvent' : 'removeEventListener')
+            };
+
+        function getArgs(oArgs) {
+            var args = slice.call(oArgs), len = args.length;
+            if (old) {
+                args[1] = 'on' + args[1]; // prefix
+                if (len > 3) {
+                    args.pop(); // no capture
+                }
+            } else if (len === 3) {
+                args.push(false);
+            }
+            return args;
+        }
+
+        function apply(args, sType) {
+            var element = args.shift(),
+                method = [evt[sType]];
+            if (old) {
+                element[method](args[0], args[1]);
+            } else {
+                element[method].apply(element, args);
+            }
+        }
+
+        function addEvent() {
+            apply(getArgs(arguments), 'add');
+        }
+
+        function removeEvent() {
+            apply(getArgs(arguments), 'remove');
+        }
+
+        return {
+            add: addEvent,
+            remove: removeEvent
+        };
+
+    }());
+
+    function rnd(n, min) {
+        if (isNaN(min)) {
+            min = 0;
+        }
+        return (Math.random() * n) + min;
+    }
+
+    function plusMinus(n) {
+        return (parseInt(rnd(2), 10) === 1 ? n * -1 : n);
+    }
+
+    this.randomizeWind = function () {
+        var i;
+        vRndX = plusMinus(rnd(storm.vMaxX, 0.2));
+        vRndY = rnd(storm.vMaxY, 0.2);
+        if (this.flakes) {
+            for (i = 0; i < this.flakes.length; i++) {
+                if (this.flakes[i].active) {
+                    this.flakes[i].setVelocities();
+                }
+            }
+        }
+    };
+
+    this.scrollHandler = function () {
+        var i;
+        // "attach" snowflakes to bottom of window if no absolute bottom value was given
+        scrollY = (storm.flakeBottom ? 0 : parseInt(window.scrollY || document.documentElement.scrollTop || (noFixed ? document.body.scrollTop : 0), 10));
+        if (isNaN(scrollY)) {
+            scrollY = 0; // Netscape 6 scroll fix
+        }
+        if (!fixedForEverything && !storm.flakeBottom && storm.flakes) {
+            for (i = 0; i < storm.flakes.length; i++) {
+                if (storm.flakes[i].active === 0) {
+                    storm.flakes[i].stick();
+                }
+            }
+        }
+    };
+
+    this.resizeHandler = function () {
+        if (window.innerWidth || window.innerHeight) {
+            screenX = window.innerWidth - 16 - storm.flakeRightOffset;
+            screenY = (storm.flakeBottom || window.innerHeight);
+        } else {
+            screenX = (document.documentElement.clientWidth || document.body.clientWidth || document.body.scrollWidth) - (!isIE ? 8 : 0) - storm.flakeRightOffset;
+            screenY = storm.flakeBottom || document.documentElement.clientHeight || document.body.clientHeight || document.body.scrollHeight;
+        }
+        docHeight = document.body.offsetHeight;
+        screenX2 = parseInt(screenX / 2, 10);
+    };
+
+    this.resizeHandlerAlt = function () {
+        screenX = storm.targetElement.offsetWidth - storm.flakeRightOffset;
+        screenY = storm.flakeBottom || storm.targetElement.offsetHeight;
+        screenX2 = parseInt(screenX / 2, 10);
+        docHeight = document.body.offsetHeight;
+    };
+
+    this.freeze = function () {
+        // pause animation
+        if (!storm.disabled) {
+            storm.disabled = 1;
+        } else {
+            return false;
+        }
+        storm.timer = null;
+    };
+
+    this.resume = function () {
+        if (storm.disabled) {
+            storm.disabled = 0;
+        } else {
+            return false;
+        }
+        storm.timerInit();
+    };
+
+    this.toggleSnow = function () {
+        if (!storm.flakes.length) {
+            // first run
+            storm.start();
+        } else {
+            storm.active = !storm.active;
+            if (storm.active) {
+                storm.show();
+                storm.resume();
+            } else {
+                storm.stop();
+                storm.freeze();
+            }
+        }
+    };
+
+    this.stop = function () {
+        var i;
+        this.freeze();
+        for (i = 0; i < this.flakes.length; i++) {
+            this.flakes[i].o.style.display = 'none';
+        }
+        storm.events.remove(window, 'scroll', storm.scrollHandler);
+        storm.events.remove(window, 'resize', storm.resizeHandler);
+        if (storm.freezeOnBlur) {
+            if (isIE) {
+                storm.events.remove(document, 'focusout', storm.freeze);
+                storm.events.remove(document, 'focusin', storm.resume);
+            } else {
+                storm.events.remove(window, 'blur', storm.freeze);
+                storm.events.remove(window, 'focus', storm.resume);
+            }
+        }
+    };
+
+    this.show = function () {
+        var i;
+        for (i = 0; i < this.flakes.length; i++) {
+            this.flakes[i].o.style.display = 'block';
+        }
+    };
+
+    this.SnowFlake = function (type, x, y) {
+        var s = this;
+        this.type = type;
+        this.x = x || parseInt(rnd(screenX - 20), 10);
+        this.y = (!isNaN(y) ? y : -rnd(screenY) - 12);
+        this.vX = null;
+        this.vY = null;
+        this.vAmpTypes = [1, 1.2, 1.4, 1.6, 1.8]; // "amplification" for vX/vY (based on flake size/type)
+        this.vAmp = this.vAmpTypes[this.type] || 1;
+        this.melting = false;
+        this.meltFrameCount = storm.meltFrameCount;
+        this.meltFrames = storm.meltFrames;
+        this.meltFrame = 0;
+        this.twinkleFrame = 0;
+        this.active = 1;
+        this.fontSize = (10 + (this.type / 5) * 10);
+        this.o = document.createElement('div');
+        this.o.innerHTML = storm.snowCharacter;
+        if (storm.className) {
+            this.o.setAttribute('class', storm.className);
+        }
+        this.o.style.color = storm.snowColor;
+        this.o.style.position = (fixedForEverything ? 'fixed' : 'absolute');
+        if (storm.useGPU && features.transform.prop) {
+            // GPU-accelerated snow.
+            this.o.style[features.transform.prop] = 'translate3d(0px, 0px, 0px)';
+        }
+        this.o.style.width = storm.flakeWidth + 'px';
+        this.o.style.height = storm.flakeHeight + 'px';
+        this.o.style.fontFamily = 'arial,verdana';
+        this.o.style.cursor = 'default';
+        this.o.style.overflow = 'hidden';
+        this.o.style.fontWeight = 'normal';
+        this.o.style.zIndex = storm.zIndex;
+
+        // Add drop shadow to snowflakes
+        this.o.style.filter = "drop-shadow(3px 3px hsla(0,0%,8%,0.2))"
+
+        docFrag.appendChild(this.o);
+
+        this.refresh = function () {
+            if (isNaN(s.x) || isNaN(s.y)) {
+                // safety check
+                return false;
+            }
+            storm.setXY(s.o, s.x, s.y);
+        };
+
+        this.stick = function () {
+            if (noFixed || (storm.targetElement !== document.documentElement && storm.targetElement !== document.body)) {
+                s.o.style.top = (screenY + scrollY - storm.flakeHeight) + 'px';
+            } else if (storm.flakeBottom) {
+                s.o.style.top = storm.flakeBottom + 'px';
+            } else {
+                s.o.style.display = 'none';
+                s.o.style.bottom = '0%';
+                s.o.style.position = 'fixed';
+                s.o.style.display = 'block';
+            }
+        };
+
+        this.vCheck = function () {
+            if (s.vX >= 0 && s.vX < 0.2) {
+                s.vX = 0.2;
+            } else if (s.vX < 0 && s.vX > -0.2) {
+                s.vX = -0.2;
+            }
+            if (s.vY >= 0 && s.vY < 0.2) {
+                s.vY = 0.2;
+            }
+        };
+
+        this.move = function () {
+            var vX = s.vX * windOffset, yDiff;
+            s.x += vX;
+            s.y += (s.vY * s.vAmp);
+            if (s.x >= screenX || screenX - s.x < storm.flakeWidth) { // X-axis scroll check
+                s.x = 0;
+            } else if (vX < 0 && s.x - storm.flakeLeftOffset < -storm.flakeWidth) {
+                s.x = screenX - storm.flakeWidth - 1; // flakeWidth;
+            }
+            s.refresh();
+            yDiff = screenY + scrollY - s.y + storm.flakeHeight;
+            if (yDiff < storm.flakeHeight) {
+                s.active = 0;
+                if (storm.snowStick) {
+                    s.stick();
+                } else {
+                    s.recycle();
+                }
+            } else {
+                if (storm.useMeltEffect && s.active && s.type < 3 && !s.melting && Math.random() > 0.998) {
+                    // ~1/1000 chance of melting mid-air, with each frame
+                    s.melting = true;
+                    s.melt();
+                    // only incrementally melt one frame
+                    // s.melting = false;
+                }
+                if (storm.useTwinkleEffect) {
+                    if (s.twinkleFrame < 0) {
+                        if (Math.random() > 0.97) {
+                            s.twinkleFrame = parseInt(Math.random() * 8, 10);
+                        }
+                    } else {
+                        s.twinkleFrame--;
+                        if (!opacitySupported) {
+                            s.o.style.visibility = (s.twinkleFrame && s.twinkleFrame % 2 === 0 ? 'hidden' : 'visible');
+                        } else {
+                            s.o.style.opacity = (s.twinkleFrame && s.twinkleFrame % 2 === 0 ? 0 : 1);
+                        }
+                    }
+                }
+            }
+        };
+
+        this.animate = function () {
+            // main animation loop
+            // move, check status, die etc.
+            s.move();
+        };
+
+        this.setVelocities = function () {
+            s.vX = vRndX + rnd(storm.vMaxX * 0.12, 0.1);
+            s.vY = vRndY + rnd(storm.vMaxY * 0.12, 0.1);
+        };
+
+        this.setOpacity = function (o, opacity) {
+            if (!opacitySupported) {
+                return false;
+            }
+            o.style.opacity = opacity;
+        };
+
+        this.melt = function () {
+            if (!storm.useMeltEffect || !s.melting) {
+                s.recycle();
+            } else {
+                if (s.meltFrame < s.meltFrameCount) {
+                    s.setOpacity(s.o, s.meltFrames[s.meltFrame]);
+                    s.o.style.fontSize = s.fontSize - (s.fontSize * (s.meltFrame / s.meltFrameCount)) + 'px';
+                    s.o.style.lineHeight = storm.flakeHeight + 2 + (storm.flakeHeight * 0.75 * (s.meltFrame / s.meltFrameCount)) + 'px';
+                    s.meltFrame++;
+                } else {
+                    s.recycle();
+                }
+            }
+        };
+
+        this.recycle = function () {
+            s.o.style.display = 'none';
+            s.o.style.position = (fixedForEverything ? 'fixed' : 'absolute');
+            s.o.style.bottom = 'auto';
+            s.setVelocities();
+            s.vCheck();
+            s.meltFrame = 0;
+            s.melting = false;
+            s.setOpacity(s.o, 1);
+            s.o.style.padding = '0px';
+            s.o.style.margin = '0px';
+            s.o.style.fontSize = s.fontSize + 'px';
+            s.o.style.lineHeight = (storm.flakeHeight + 2) + 'px';
+            s.o.style.textAlign = 'center';
+            s.o.style.verticalAlign = 'baseline';
+            s.x = parseInt(rnd(screenX - storm.flakeWidth - 20), 10);
+            s.y = parseInt(rnd(screenY) * -1, 10) - storm.flakeHeight;
+            s.refresh();
+            s.o.style.display = 'block';
+            s.active = 1;
+        };
+
+        this.recycle(); // set up x/y coords etc.
+        this.refresh();
+
+    };
+
+    this.snow = function () {
+        var active = 0, flake = null, i, j;
+        for (i = 0, j = storm.flakes.length; i < j; i++) {
+            if (storm.flakes[i].active === 1) {
+                storm.flakes[i].move();
+                active++;
+            }
+            if (storm.flakes[i].melting) {
+                storm.flakes[i].melt();
+            }
+        }
+        if (active < storm.flakesMaxActive) {
+            flake = storm.flakes[parseInt(rnd(storm.flakes.length), 10)];
+            if (flake.active === 0) {
+                flake.melting = true;
+            }
+        }
+        if (storm.timer) {
+            features.getAnimationFrame(storm.snow);
+        }
+    };
+
+    this.mouseMove = function (e) {
+        if (!storm.followMouse) {
+            return true;
+        }
+        var x = parseInt(e.clientX, 10);
+        if (x < screenX2) {
+            windOffset = -windMultiplier + (x / screenX2 * windMultiplier);
+        } else {
+            x -= screenX2;
+            windOffset = (x / screenX2) * windMultiplier;
+        }
+    };
+
+    this.createSnow = function (limit, allowInactive) {
+        var i;
+        for (i = 0; i < limit; i++) {
+            storm.flakes[storm.flakes.length] = new storm.SnowFlake(parseInt(rnd(flakeTypes), 10));
+            if (allowInactive || i > storm.flakesMaxActive) {
+                storm.flakes[storm.flakes.length - 1].active = -1;
+            }
+        }
+        storm.targetElement.appendChild(docFrag);
+    };
+
+    this.timerInit = function () {
+        storm.timer = true;
+        storm.snow();
+    };
+
+    this.init = function () {
+        var i;
+        for (i = 0; i < storm.meltFrameCount; i++) {
+            storm.meltFrames.push(1 - (i / storm.meltFrameCount));
+        }
+        storm.randomizeWind();
+        storm.createSnow(storm.flakesMax); // create initial batch
+        storm.events.add(window, 'resize', storm.resizeHandler);
+        storm.events.add(window, 'scroll', storm.scrollHandler);
+        if (storm.freezeOnBlur) {
+            if (isIE) {
+                storm.events.add(document, 'focusout', storm.freeze);
+                storm.events.add(document, 'focusin', storm.resume);
+            } else {
+                storm.events.add(window, 'blur', storm.freeze);
+                storm.events.add(window, 'focus', storm.resume);
+            }
+        }
+        storm.resizeHandler();
+        storm.scrollHandler();
+        if (storm.followMouse) {
+            storm.events.add(isIE ? document : window, 'mousemove', storm.mouseMove);
+        }
+        storm.animationInterval = Math.max(20, storm.animationInterval);
+        storm.timerInit();
+    };
+
+    this.start = function (bFromOnLoad) {
+        if (!didInit) {
+            didInit = true;
+        } else if (bFromOnLoad) {
+            // already loaded and running
+            return true;
+        }
+        if (typeof storm.targetElement === 'string') {
+            var targetID = storm.targetElement;
+            storm.targetElement = document.getElementById(targetID);
+            if (!storm.targetElement) {
+                throw new Error('Snowstorm: Unable to get targetElement "' + targetID + '"');
+            }
+        }
+        if (!storm.targetElement) {
+            storm.targetElement = (document.body || document.documentElement);
+        }
+        if (storm.targetElement !== document.documentElement && storm.targetElement !== document.body) {
+            // re-map handler to get element instead of screen dimensions
+            storm.resizeHandler = storm.resizeHandlerAlt;
+            //and force-enable pixel positioning
+            storm.usePixelPosition = true;
+        }
+        storm.resizeHandler(); // get bounding box elements
+        storm.usePositionFixed = (storm.usePositionFixed && !noFixed && !storm.flakeBottom); // whether or not position:fixed is to be used
+        if (window.getComputedStyle) {
+            // attempt to determine if body or user-specified snow parent element is relatlively-positioned.
+            try {
+                targetElementIsRelative = (window.getComputedStyle(storm.targetElement, null).getPropertyValue('position') === 'relative');
+            } catch (e) {
+                // oh well
+                targetElementIsRelative = false;
+            }
+        }
+        fixedForEverything = storm.usePositionFixed;
+        if (screenX && screenY && !storm.disabled) {
+            storm.init();
+            storm.active = true;
+        }
+    };
+
+    function doDelayedStart() {
+        window.setTimeout(function () {
+            storm.start(true);
+        }, 20);
+        // event cleanup
+        storm.events.remove(isIE ? document : window, 'mousemove', doDelayedStart);
+    }
+
+    function doStart() {
+        if (!storm.excludeMobile || !isMobile) {
+            doDelayedStart();
+        }
+        // event cleanup
+        storm.events.remove(window, 'load', doStart);
+    }
+
+    // hooks for starting the snow
+    if (storm.autoStart) {
+        storm.events.add(window, 'load', doStart, false);
+    }
+
+    return this;
+
+}(window, document));

public/js/liveClock.js

@@ -0,0 +1,6 @@
+function time() {
+    var span = document.getElementById("clock");
+    var d = new Date();
+    span.textContent = d.toLocaleString('en-US', {hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false, timeZone: 'Europe/London' })
+}
+setInterval(time, 1000);

public/js/schemeSwap.js

@@ -26,10 +26,11 @@ function getCookie(cname) {
  * @param {number} exdays Cookie lifespan (days)
  */
 function setCookie(cname, cvalue, exdays) {
+    const hostname = window.location.hostname;
     const d = new Date();
     d.setTime(d.getTime() + (exdays*24*60*60*1000));
     let expires = "expires="+ d.toUTCString();
-    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/;SameSite=Strict;Domain=.diskfloppy.me";
+    document.cookie = `${cname}=${cvalue};${expires};path=/;SameSite=Strict;Domain=${hostname}`
 }
 
 /**

public/pub

@@ -1 +0,0 @@
-/srv/pubfiles

public/robots.txt

@@ -19,3 +19,11 @@ Disallow: /
 User-Agent: PerplexityBot
 Disallow: /
 
+User-agent: anthropic-ai
+Disallow: /
+
+User-agent: Claude-Web
+Disallow: /
+
+User-agent: ClaudeBot
+Disallow: /

public/sitemap.xml

@@ -1,46 +1,28 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--suppress ALL -->
-<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
     <url>
-        <loc>https://www.diskfloppy.me</loc>
-        <lastmod>2023-10-10</lastmod>
-        <changefreq>always</changefreq>
-        <priority>0.5</priority>
+        <loc>https://wah.moe/</loc>
+        <lastmod>2024-12-28T18:33:23+01:00</lastmod>
+        <priority>1.0</priority>
     </url>
     <url>
-        <loc>https://www.diskfloppy.me/pub</loc>
-        <lastmod>2023-10-10</lastmod>
-        <changefreq>always</changefreq>
-        <priority>0.5</priority>
+        <loc>https://wah.moe/bookmarks</loc>
+        <lastmod>2024-12-28T18:33:23+01:00</lastmod>
+        <priority>1.0</priority>
     </url>
     <url>
-        <loc>https://www.diskfloppy.me/computers</loc>
-        <lastmod>2023-10-10</lastmod>
-        <changefreq>always</changefreq>
-        <priority>0.5</priority>
+        <loc>https://wah.moe/guestbook</loc>
+        <lastmod>2024-12-28T18:33:23+01:00</lastmod>
+        <priority>1.0</priority>
     </url>
     <url>
-        <loc>https://www.diskfloppy.me/guestbook</loc>
-        <lastmod>2023-10-10</lastmod>
-        <changefreq>always</changefreq>
-        <priority>0.5</priority>
+        <loc>https://wah.moe/music</loc>
+        <lastmod>2024-12-28T18:33:23+01:00</lastmod>
+        <priority>1.0</priority>
     </url>
     <url>
-        <loc>https://www.diskfloppy.me/weather</loc>
-        <lastmod>2023-10-10</lastmod>
-        <changefreq>always</changefreq>
-        <priority>0.5</priority>
-    </url>
-    <url>
-        <loc>https://www.diskfloppy.me/music</loc>
-        <lastmod>2023-10-10</lastmod>
-        <changefreq>always</changefreq>
-        <priority>0.5</priority>
-    </url>
-    <url>
-        <loc>https://www.diskfloppy.me/bookmarks</loc>
-        <lastmod>2023-10-10</lastmod>
-        <changefreq>always</changefreq>
-        <priority>0.5</priority>
+        <loc>https://wah.moe/rosco</loc>
+        <lastmod>2024-12-28T18:33:23+01:00</lastmod>
+        <priority>1.0</priority>
     </url>
 </urlset>

resources/views/bookmarks.blade.php

@@ -1,18 +1,24 @@
 <x-layout>
     <x-slot:title>Bookmarks</x-slot:title>
     @foreach($categories as $category)
-        <table class="info-table" role="presentation">
-            <caption>
-                <h2>{{ $category->name }}</h2>
-                <hr>
-            </caption>
-            <tbody>
-            @foreach($category->sites as $site)
-                <tr>
-                    <td><a href="{{ $site->url }}">{{ $site->name }}</a> - {{ $site->description }}</td>
-                </tr>
+        <div class="bookmark-category">
+            <h2>{{ $category->name }}</h2>
+            @if($category->id == 1)
+                <p><em>(These are shuffled every load)</em></p>
+                @php
+                    $sites = $category->sites->shuffle();
+                @endphp
+            @else
+                @php
+                    $sites = $category->sites;
+                @endphp
+            @endif
+            <hr>
+            <ul>
+            @foreach($sites as $site)
+                    <li><a href="{{ $site->url }}">{{ $site->name }}</a> - {{ $site->description }}</li>
             @endforeach
-            </tbody>
-        </table>
+            </ul>
+        </div>
     @endforeach
 </x-layout>

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>

resources/views/components/current-track.blade.php

@@ -1,4 +1,10 @@
-<div class="info-table current-track">
-    <h2>Last/Current Track:</h2>
-    <a href="{{ $track["url"] }}">{{ $track["title"] }} • {{ $track["artist"] }}</a><br>
+<div class="current-track">
+    <div>
+        <img src="{{ $track["image"] }}" alt="Album cover for {{ $track["title"] }} by {{ $track["artist"] }}">
+    </div>
+    <div>
+        <h2>{{ $track["header"] }}:</h2>
+        <a href="{{ $track["url"] }}">{{ $track["title"] }}</a><br>
+        by {{ $track["artist"] }}<br>
+    </div>
 </div>

resources/views/components/discord-status.blade.php

@@ -0,0 +1,7 @@
+@if($status == null)
+    <p>Status Unavailable</p>
+@else
+    <span>I'm</span>
+    <h2 class="online-status" style="color: {{ $status["color"] }};text-shadow: var(--firefox-shadow) {{ $status["color"] }}4f !important">{{ $status["text"] }}!</h2>
+@endif
+<p><strong>Time in Britain:</strong> <span id="clock"></span></p>

resources/views/components/layout.blade.php

@@ -1,6 +1,3 @@
-@php // Get colorscheme from cookie and apply immediately
-    $colorscheme = request()->cookie('colorscheme', 'catppuccin-macchiato');
-@endphp
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -8,97 +5,58 @@
     <meta charset="utf-8">
     <meta property="og:type" content="website">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="theme-color" content="#333333">
-    <link rel="stylesheet" href="{{ asset("/css/colorschemes/$colorscheme.css") }}" id="css-colorscheme"/>
+    <meta name="theme-color" content="#f27405">
+    <title>wah! (dot moe)</title>
     <link rel="stylesheet" href="{{ asset('/css/master.css') }}"/>
     <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>
-    {!! (intval(date('n')) == 12) ? '<script src="/js/christmas/snow.js"></script>' : '' !!}
+    @if ($isChristmas)<script src="{{ asset('/js/christmas/snowstorm.js') }}"></script>@endif
+
 
     <!-- Page-specific -->
-    <title>{{ $title ?? 'Unknown' }} - {{ str_replace("www.", "", Request::getHost()) }}</title>
-    <meta property="og:title" content="{{ str_replace("www.", "", Request::getHost()) }} | {{ $title }}">
+    <meta property="og:title" content="wah! (dot moe) - {{ $title }}">
     <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>
+<body>
+    <div class="page-container">
+        <div id="header">
+            <div>
+                <img src="{{ asset('/images/logo.png') }}" width="65">
+            </div>
+            <div>
+                <h1>wah!</h1>
+                <p>
+                    (dot moe)
+                </p>
+                <x-navigation></x-navigation>
+            </div>
         </div>
-    </div> <!-- footer -->
-</div> <!-- page -->
+        <div id="content">
+            {{ $slot }}
+        </div>
+        <div id="footer">
+            <div>
+                <span>
+                    &copy; RoscoeDaWah 2021-{{ date('Y') }}<br>
+                    v{{ config('app.version') }}, <a href="https://git.frzn.dev/RoscoeDaWah/wah.moe/releases/latest">Source</a><br>
+                    Served by {{ gethostname() }}
+                </span>
+            </div>
+            <div>
+                <img src="{{ URL::asset('images/buttons/wah.png') }}" alt="wah! (dot moe)">
+                <a href="https://aliceisvery.gay/"><img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}" alt="ConfusionUnknown"></a>
+                <a href="https://julimiro.eu/"><img src="{{ URL::asset('images/buttons/juli.gif') }}" alt="Julimiro.eu"></a>
+                <a href="https://x86.isafox.gay/"><img src="{{ URL::asset('images/buttons/x86.gif') }}" alt="x86Overflow"></a>
+                <a href="https://thinliquid.dev/"><img src="{{ URL::asset('images/buttons/thnlqd.png') }}" alt="thinliquid"></a>
+                <a href="https://dimden.dev/"><img src="https://dimden.dev/services/images/88x31.gif" alt="dimden.dev"></a><br>
+                <a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img src="{{ URL::asset('images/buttons/csshard.gif') }}" alt="CSS is hard"></a>
+                <a href="https://linux.org/"><img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" alt="Linux NOW!"></a>
+                <img src="{{ URL::asset('images/buttons/paws-aliased.png') }}" alt="Made with my own two paws">
+                <img src="{{ URL::asset('images/buttons/transrights.gif') }}" alt="Trans Rights NOW!">
+                <a href="https://www.vim.org/"><img src="{{ URL::asset('images/buttons/vim.gif') }}" alt="Vim"></a>
+                <img src="{{ URL::asset('images/buttons/aliasing.png') }}" alt="I Heart Aliasing">
+            </div>
+        </div>
+    </div>
 </body>
 </html>

resources/views/components/minimal-error.blade.php

@@ -23,6 +23,6 @@
                     Agent: &nbsp;&nbsp;Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:122.0) Gecko/20100101 Firefox/122.0	</code>
             </td></tr></table>
     <hr align="left">
-    <p>&copy; floppydisk 2021-2024</p>
+    <p>&copy; RoscoeDaWah 2021-2024</p>
 </body>
 </html>

resources/views/components/minimal.blade.php

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta property="og:type" content="website">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="theme-color" content="#f27405">
+    <link rel="stylesheet" href="{{ asset('/css/master.css') }}"/>
+    <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"/>
+    <title>{{ $title ?? 'Unknown' }}</title>
+</head>
+<body>
+{{ $slot }}
+</body>
+</html>

resources/views/components/navbar.blade.php

@@ -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>

resources/views/components/navigation.blade.php

@@ -0,0 +1,11 @@
+<nav>
+    <strong>Pages:</strong>
+    <a href="/">home</a> |
+    <a href="//wiki.wah.moe">wah-ki</a> |
+    <a href="//git.wah.moe">git</a> |
+    <a href="/pub">files</a> |
+    <a href="/bookmarks">bookmarks</a> |
+    <a href="/guestbook">guestbook</a> |
+    <a href="/music">music</a> |
+    <a href="/rosco">rosco</a>
+</nav>

resources/views/components/never-said.blade.php

@@ -0,0 +1,3 @@
+<p class="quote">
+    <strong>{{ $quote["name"] }}:</strong> "{{ $quote["quote"] }}"<br>
+</p>

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>

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>

resources/views/components/wah.blade.php

@@ -0,0 +1,10 @@
+<div class="wah">
+    <h3>Random Wah!</h3>
+    @if ($wah !== "")
+        <img src="{{ $wah }}" alt="Random image featuring a Red Panda">
+        <p>Image "stolen" from <a href="https://tinyfox.dev/">tinyfox.dev</a></p>
+    @else
+        <img src="https://placehold.co/250x250" alt="250x250 Placeholder Image">
+        <p>Unable to retrieve image</p>
+    @endif
+</div>

resources/views/components/weather.blade.php

@@ -0,0 +1,15 @@
+<p><strong>Weather Conditions:</strong></p>
+<hr style="margin: 4px 0">
+@if($conditions == null)
+    <p>Data Unavailable</p>
+@else
+    <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>
+@endif

resources/views/computers.blade.php

@@ -1,182 +0,0 @@
-<x-layout>
-    <x-slot:title>Computers</x-slot:title>
-    <table class="computers">
-        <tr>
-            <th>PICTURES</th>
-            <th>SPECS &amp; DESCRIPTION</th>
-        </tr>
-        <tr>
-            <td>Random Whitebox</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>486DX2 (50MHz)</li>
-                    <li>16MB RAM</li>
-                    <li>280MB HDD</li>
-                    <li>Windows NT 3.51</li>
-                </ul>
-                <p class="description">
-                    Had been monitoring the ventilation system in a school since the late 1990s,
-                    only stopped because the power supply internally exploded. Replaced the PSU with
-                    a standard ATX PSU and an ATX to AT adaptor and it sprung back to life.
-                    Motherboard is a Gigabyte GA486IM with 4 PCI slots, 4 ISA slots and 2 VLB slots.
-                    Has two identical ISA serial/parallel/game-port cards with one acting as the
-                    HDD/FDD controller. Also has a Realtek NIC with both RJ45 and BNC. GPU is a
-                    Cirrus Logic card and is astoundingly shit.
-                </p>
-            </td>
-        </tr>
-        <tr>
-            <td>2023 MacBook Pro 14"</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Apple M3 Pro</li>
-                    <li>18GB RAM</li>
-                    <li>500GB SSD</li>
-                    <li>macOS Sonoma</li>
-                </ul>
-            </td>
-        </tr>
-        <tr>
-            <td>2018 MacBook Pro 13"</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel i5-8259U @ 2.3GHz</li>
-                    <li>Intel Iris Plus Graphics 655</li>
-                    <li>8GB RAM</li>
-                    <li>250GB SSD</li>
-                    <li>macOS Sonoma</li>
-                </ul>
-                <p class="description">
-                    Old main computer. Really like the touch bar, absolutely hate the butterfly
-                    keyboard.
-                </p>
-            </td>
-        </tr>
-        <tr>
-            <td>2012 Lenovo ThinkPad T430</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Core i7</li>
-                    <li>16GB RAM</li>
-                    <li>Windows 7 Professional / NixOS</li>
-                </ul>
-                <p class="description">
-                    One of my main computers. Has been modified to use a classic keyboard instead of
-                    the stock Lenovo keyboard.
-                </p>
-            </td>
-        </tr>
-        <tr>
-            <td>2005 IBM ThinkPad X41T</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Pentium M @ 1.6GHz</li>
-                    <li>Mobile Intel Express Chipset Family (128MB)</li>
-                    <li>1.5GB RAM</li>
-                    <li>40GB HDD</li>
-                    <li>Windows XP Tablet PC Edition</li>
-                </ul>
-            </td>
-        </tr>
-        <tr>
-            <td>1999 Dell OptiPlex GX1</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Pentium II (Deschutes) @ 400MHz</li>
-                    <li>ATI 3D Rage Pro (4MB)</li>
-                    <li>639MB</li>
-                    <li>40GB HDD</li>
-                    <li>MS-DOS 6.22 &amp; WFW 3.10</li>
-                </ul>
-                <p class="description">
-                    Cool computer that uses Slot 1 CPUs. After a lot of trial and error I managed to
-                    max out the memory. Has a riser that sports 2 PCI and 2 ISA slots (one PCI and
-                    ISA share the same slot).
-                </p>
-            </td>
-        </tr>
-        <tr>
-            <td>2003 IBM ThinkPad T40</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Pentium M @ 1.3GHz</li>
-                    <li>ATI Mobility Radeon 7500 (32MB)</li>
-                    <li>1GB RAM</li>
-                    <li>30GB HDD</li>
-                    <li>Windows 2000 Professional</li>
-                </ul>
-                <p class="description">
-                    Useful laptop thanks to its parallel port. Has the ubiquitous GPU solder issues
-                    which I &quot;&quot;&quot;&quot;fixed&quot;&quot;&quot;&quot; by jamming a CF card
-                    between the GPU chip and the keyboard.
-                </p>
-            </td>
-        </tr>
-        <tr>
-            <td>2010 HP Compaq Elite 8100</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Core i7</li>
-                    <li>16GB RAM</li>
-                    <li>some SSD and an HDD</li>
-                    <li>Windows Vista Ultimate (64-bit)</li>
-                </ul>
-            </td>
-        </tr>
-        <tr>
-            <td>2014 Mac mini</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Core i5-4278U @ 2.6GHz</li>
-                    <li>Intel Iris Graphics</li>
-                    <li>8GB RAM</li>
-                    <li>1TB HDD</li>
-                    <li>VMware ESXi 6.7.0u3</li>
-                </ul>
-                <p class="description">
-                    Was used as my VM host for a few years. Has now been superseded by an
-                    actual 1U rack-mount server.
-                </p>
-            </td>
-        </tr>
-        <tr>
-            <td>1996 Fujitsu Milan</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Pentium</li>
-                    <li>32MB RAM</li>
-                    <li>1215MB HDD</li>
-                    <li>Windows 98 SE</li>
-                </ul>
-                <p class="description">
-                    Was originally a family members' laptop. Unfortunately the HDD side of the
-                    HDD/FDD cable ripped while I was removing the drive to clean the computer.
-                    Still scouring eBay for a replacement cable (or more likely, an entire
-                    parts machine).
-                </p>
-            </td>
-        </tr>
-        <tr>
-            <td>1999 Compaq Armada M300</td>
-            <td>
-                <span class="section-title">Quick Specs</span>
-                <ul>
-                    <li>Intel Pentium III</li>
-                </ul>
-                <p class="description">
-                    Nice little laptop. Mysteriously dead.
-                </p>
-            </td>
-        </tr>
-    </table>
-</x-layout>

resources/views/errors/guestbook-invalid.blade.php

@@ -0,0 +1,12 @@
+<x-minimal>
+    <x-slot:title>Error dsdf!</x-slot:title>
+    <div class="page-container">
+        <div>
+            <h1 style="margin-top: 0">Error 400: Invalid message!</h1>
+            <hr>
+            <p>Whoa there! Your form submission seems to contain a URL (or one of the fields was left blank)!</p>
+            <br>
+            Click <a href="/guestbook">here</a> to go back to the guestbook.
+        </div>
+    </div>
+</x-minimal>

resources/views/errors/guestbook-ratelimit.blade.php

@@ -1,9 +1,13 @@
 <x-minimal>
     <x-slot:title>Error 429: Overclocking Detected!</x-slot:title>
-    <h1>Error 429: Overclocking Detected!</h1>
-    <hr>
-    <p>Whoa there! Your submissions are going at warp speed.</p>
-    <p>Remember you can only submit an entry <u>once every hour</u>!</p>
-    <br>
-    Click <a href="/guestbook">here</a> to go back to the guestbook.
+    <div class="page-container">
+        <div>
+            <h1 style="margin-top: 0">Error 429: Overclocking Detected!</h1>
+            <hr>
+            <p>Whoa there! Your submissions are going at warp speed.</p>
+            <p>Remember you can only submit an entry <u>once every hour</u>!</p>
+            <br>
+            Click <a href="/guestbook">here</a> to go back to the guestbook.
+        </div>
+    </div>
 </x-minimal>

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="gb-entry">
+            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>

resources/views/home.blade.php

@@ -1,45 +1,30 @@
 <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>
-        <hr>
-        <ul>
-            <li>{{ $age }} y/o, he/him, British</li>
-            <li>Theatre Technician, &quot;Web Developer&quot; and NixOS User</li>
-            <li>Loves ETC desks, prefers Generics to LEDs for some reason</li>
-            <li>Has a crippling Soundcraft addiction</li>
-            <li>Spends way too much time on his computer</li>
-            <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>
-        <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>
-            <li><strong>Photography</strong> - <a href="https://www.flickr.com/photos/floppydisk/">Flickr</a></li>
-            <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>
-        <hr>
-        <p>
-            <script type="text/javascript" src="{{ asset("/js/neverSaid.js") }}"></script>
-            <noscript>Oops! You need JavaScript enabled to view this content.</noscript>
-        </p>
-    </div>
-    <div class="info-section">
-        <h2>Contact &amp; social</h2>
-        <hr>
-        <p>
-            <strong>E-mail:</strong> <a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a><br>
-            <strong>Mastodon:</strong> <a rel="me" href="https://c.im/@floppydisk">@floppydisk@c.im</a><br>
-            <strong>Matrix:</strong> <a href="https://matrix.to/#/@floppydisk:arcticfoxes.net">@floppydisk:arcticfoxes.net</a>
-        </p>
-    </div>
+    <x-wah></x-wah>
+    <p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide
+        <strong>W</strong>eb.
+    </p>
+    <br>
+    <p>Some quick facts about me:</p>
+    <ul>
+        <li>{{ $age }} y/o, he/him, British</li>
+        <li>Theatre Technician and &quot;Web Developer&quot;</li>
+        <li>Loves ETC desks, prefers Generics to LEDs for some reason</li>
+        <li>Spends way too much time on his computer</li>
+        <li>Favorite games: <a href="https://steamcommunity.com/id/RoscoeDaWah/recommended/420530/">OneShot</a>,
+            Minecraft, Stardew Valley, N++ and Starbound</li>
+        <li><a href="http://wxqa.com/">CWOP</a> member</li>
+    </ul>
+    <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/RoscoeDaWah">GitHub</a>)</li>
+        <li><strong>Photography</strong> - <a href="https://www.flickr.com/photos/roscoedawah/">Flickr</a></li>
+        <li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/RoscoeDaWah/">Steam Profile</a>
+        </li>
+    </ul>
 </x-layout>

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>

resources/views/rosco.blade.php

@@ -0,0 +1,13 @@
+<x-layout>
+    <x-slot:title>Rosco</x-slot:title>
+    <div class="rosco-gallery">
+        @foreach($images as $image)
+            <div class="rosco">
+                <img src="{{ $image["path"] }}" @if(isset($image["description"])) alt="{{ $image["description"] }}" @endif>
+                @if(isset($image["description"]))
+                    <p>{{$image["description"]}}</p>
+                @endif
+            </div>
+        @endforeach
+    </div>
+</x-layout>

routes/web.php

@@ -1,11 +1,11 @@
 <?php
 
 use App\Http\Controllers\BookmarksController;
-use App\Http\Controllers\CalculatorsController;
-use App\Http\Controllers\ComputersController;
 use App\Http\Controllers\GuestbookController;
 use App\Http\Controllers\HomeController;
 use App\Http\Controllers\MusicController;
+use App\Http\Controllers\PrivacyController;
+use App\Http\Controllers\RoscoController;
 use Illuminate\Support\Facades\Route;
 
 /*
@@ -19,12 +19,11 @@
 |
 */
 
-// Run the PageView middleware for *all* public GET routes
 Route::get('/', [HomeController::class, 'show']);
 Route::get('/bookmarks', [BookmarksController::class, 'show']);
 Route::get('/guestbook', [GuestbookController::class, 'show']);
-Route::get('/calculators', [CalculatorsController::class, 'show']);
-Route::get('/computers', [ComputersController::class, 'show']);
 Route::get('/music', [MusicController::class, 'show']);
+Route::get('/rosco', [RoscoController::class, 'show']);
 Route::post('/guestbook', [GuestbookController::class, 'addEntry'])
+    ->middleware('validator')
     ->middleware('rate_limit');