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,3 +1,3 @@
-<img src="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/raw/branch/master/assets/logo.svg" alt="" height="100" align="center"/>
+<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/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

@@ -31,13 +31,15 @@ public function getDiscordPresence(): mixed {
 
         $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 {
+    public function getOnlineStatus(): ?array {
         $presence = $this->getDiscordPresence();
+        if ($presence == null) return null;
         return match ($presence["discord_status"]) {
             "online", "dnd" => [
                 "text" => "online",

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

@@ -3,6 +3,7 @@
 namespace App\View\Components;
 
 use Closure;
+use Exception;
 use Illuminate\Contracts\View\View;
 use Illuminate\Support\Facades\Cache;
 use Illuminate\Support\Facades\Config;
@@ -25,11 +26,16 @@ public function getWeatherData(): mixed {
             return Cache::get('weather_data');
         }
 
-        $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;
+        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;
+        }
+
     }
 
     /**

assets/logo.svg

@@ -1,50 +1,44 @@
 <?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 2797 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 id="Artboard1" transform="matrix(1.0925,0,0,0.235401,0,0)">
-        <rect x="0" y="0" width="2560" height="1440" style="fill:none;"/>
-        <clipPath id="_clip1">
-            <rect x="0" y="0" width="2560" height="1440"/>
-        </clipPath>
-        <g clip-path="url(#_clip1)">
-            <g transform="matrix(0.900331,0.765949,-0.165039,4.17845,-302.854,-1622.91)">
-                <path d="M442.969,579.781C443.665,592.993 450.271,598.556 461.745,601.338C464.179,601.686 466.961,602.033 469.742,602.729C486.084,605.51 502.426,606.901 518.42,606.901C617.167,606.901 703.397,553.008 703.397,454.609C703.397,435.137 699.92,413.58 692.27,390.284C672.451,329.437 610.909,304.055 552.147,304.055C531.633,304.055 511.119,307.184 493.038,313.095L437.406,316.224C432.886,316.224 429.409,320.396 429.409,324.917L442.969,579.781ZM519.811,381.244C527.808,379.158 536.501,377.767 544.846,377.767C609.17,377.767 609.518,446.612 609.518,452.522C609.518,496.68 576.139,525.539 535.805,525.539C533.024,525.539 530.242,525.539 527.461,525.192L519.811,381.244Z" style="fill:rgb(82,178,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
+<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(0.904463,-0.652716,0.140641,4.19763,-493.033,-677.805)">
-                <path d="M835.175,598.556C839.695,598.556 843.52,594.732 843.52,590.212L843.52,318.658C843.52,314.138 839.695,310.313 835.175,310.313L758.333,310.313C753.813,310.313 749.989,314.138 749.989,318.658L749.989,590.212C749.989,594.732 753.813,598.556 758.333,598.556L835.175,598.556Z" style="fill:rgb(126,196,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.909603,0.474567,-0.102255,4.22148,-417.761,-1667.16)">
-                <path d="M893.589,596.123C894.632,600.643 898.804,604.467 903.324,604.467C906.801,604.815 909.931,604.815 913.408,604.815C973.56,604.815 1042.75,570.74 1042.75,513.022C1042.75,495.637 1036.49,476.166 1021.89,454.609C1005.9,432.008 997.203,415.666 997.203,403.844C997.203,384.026 1018.41,375.681 1041.01,375.681L1043.1,375.681C1045.19,375.681 1050.4,373.595 1050.4,368.031C1050.4,367.336 1050.4,366.293 1050.05,365.25L1037.88,313.79C1035.8,306.488 1028.84,305.098 1015.28,305.098C956.87,305.098 894.284,336.043 894.284,390.98C894.284,408.017 900.543,427.488 914.798,449.045C933.574,478.252 939.833,488.683 939.833,500.157C939.833,522.062 914.103,534.58 890.459,534.58L889.069,534.58C886.982,534.58 881.767,536.318 881.767,541.534C881.767,542.229 881.767,543.272 882.115,543.968L893.589,596.123Z" style="fill:rgb(82,178,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.906906,-0.57507,0.12391,4.20897,-550.726,-504.967)">
-                <path d="M1335.86,576.304C1340.73,574.217 1342.12,570.74 1342.12,567.263C1342.12,551.617 1281.97,438.614 1260.41,438.614C1256.93,438.614 1253.81,440.353 1250.33,441.744L1206.17,457.738C1246.5,428.879 1307.7,385.416 1322.3,375.681C1326.13,373.247 1328.21,370.118 1328.21,366.641C1328.21,364.207 1327.17,361.773 1325.08,359.339L1287.53,312.747C1284.4,308.922 1281.62,307.532 1278.84,307.532C1263.19,307.532 1177.31,382.982 1173.14,386.807L1173.14,318.31C1173.14,314.138 1169.66,311.009 1165.84,311.009L1092.82,311.009C1088.65,311.009 1085.52,314.138 1085.52,318.31L1085.52,591.255C1085.52,595.079 1088.65,598.556 1092.82,598.556L1165.84,598.556C1169.66,598.556 1173.14,595.079 1173.14,591.255L1173.14,481.034L1187.39,470.951C1187.39,471.298 1187.74,471.994 1188.09,472.341C1202,490.074 1255.2,577.694 1269.45,597.513C1271.89,600.643 1274.32,602.033 1277.1,602.033C1279.88,602.033 1282.66,600.643 1286.14,599.252L1335.86,576.304Z" style="fill:rgb(126,196,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.912779,0.317071,-0.0683193,4.23623,-499.273,-1679.62)">
-                <path d="M1444.69,597.861C1449.21,597.861 1453.04,594.384 1453.39,589.864L1458.25,495.637L1513.88,501.548L1514.58,501.548C1519.1,501.548 1522.93,498.071 1523.27,493.899L1530.92,435.485L1530.92,434.442C1530.92,430.27 1527.79,426.793 1523.27,426.097L1462.43,419.839L1463.82,393.066L1547.27,397.586L1547.96,397.586C1552.48,397.586 1556.31,393.761 1556.31,389.589L1559.78,323.873L1559.78,323.178C1559.78,318.658 1555.96,314.833 1551.79,314.833L1455.82,309.618L1454.43,309.618L1391.15,306.141C1386.28,306.141 1382.45,309.618 1382.45,314.138L1368.2,585.344L1368.2,586.039C1368.2,590.212 1371.68,594.036 1375.85,594.036L1444.69,597.861Z" style="fill:rgb(82,178,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.896303,-0.861703,0.185671,4.15976,-621.087,269.662)">
-                <path d="M1761.8,602.729C1766.32,602.729 1769.79,598.904 1770.14,594.732L1774.31,524.496C1774.31,519.976 1770.84,515.804 1765.97,515.456L1684.95,511.284L1695.04,319.353C1695.04,314.486 1691.56,310.661 1687.04,310.313L1615.07,306.836L1614.37,306.836C1609.85,306.836 1606.37,310.313 1606.03,314.486L1591.77,585.692C1591.77,590.559 1595.25,594.384 1599.77,594.732L1672.09,598.209L1673.48,598.209L1761.1,602.729L1761.8,602.729Z" style="fill:rgb(126,196,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.906701,0.582018,-0.125407,4.20802,-532.373,-2342.54)">
-                <path d="M2115.41,453.566C2115.41,395.5 2073.68,303.707 1962.42,303.707C1901.22,303.707 1835.16,332.914 1812.56,397.934C1805.26,419.491 1801.78,440.005 1801.78,459.129C1801.78,545.706 1871.32,604.12 1950.6,604.12C2021.18,604.12 2115.41,549.183 2115.41,453.566ZM1962.42,527.278C1926.61,527.278 1893.23,497.376 1893.23,453.218C1893.23,421.577 1910.61,378.462 1961.03,378.462C2009.36,378.462 2027.79,418.796 2027.79,453.218C2027.79,492.508 2003.8,527.278 1962.42,527.278Z" style="fill:rgb(82,178,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.904845,-0.641214,0.138162,4.1994,-697.118,258.125)">
-                <path d="M2228.06,601.338C2231.54,601.338 2234.67,598.209 2235.01,594.384L2238.49,522.41C2251.7,526.235 2265.96,528.321 2280.56,528.321C2352.89,528.321 2396.7,483.468 2396.7,419.143C2396.7,352.037 2338.63,304.402 2274.3,304.402C2260.74,304.402 2246.84,306.836 2232.93,311.356L2169.3,308.227L2168.61,308.227C2164.78,308.227 2161.65,311.356 2161.65,314.833L2147.39,589.864C2147.39,594.036 2150.18,597.166 2154.35,597.513L2227.37,601.338L2228.06,601.338ZM2245.79,380.201C2251.36,378.81 2256.92,378.115 2261.79,378.115C2287.52,378.115 2306.99,395.152 2306.99,419.491C2306.99,421.925 2306.99,459.129 2268.74,459.129C2259.35,459.129 2249.62,456.695 2241.97,453.218L2245.79,380.201Z" style="fill:rgb(126,196,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.90412,0.662859,-0.142826,4.19604,-608.115,-2888.11)">
-                <path d="M2506.92,601.338C2510.39,601.338 2513.52,598.209 2513.87,594.384L2517.35,522.41C2530.56,526.235 2544.82,528.321 2559.42,528.321C2631.74,528.321 2675.55,483.468 2675.55,419.143C2675.55,352.037 2617.49,304.402 2553.16,304.402C2539.6,304.402 2525.69,306.836 2511.78,311.356L2448.16,308.227L2447.46,308.227C2443.64,308.227 2440.51,311.356 2440.51,314.833L2426.25,589.864C2426.25,594.036 2429.03,597.166 2433.2,597.513L2506.22,601.338L2506.92,601.338ZM2524.65,380.201C2530.21,378.81 2535.78,378.115 2540.64,378.115C2566.37,378.115 2585.85,395.152 2585.85,419.491C2585.85,421.925 2585.85,459.129 2547.6,459.129C2538.21,459.129 2528.47,456.695 2520.83,453.218L2524.65,380.201Z" style="fill:rgb(82,178,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.894756,-0.895654,0.192986,4.15258,-746.093,1363.07)">
-                <path d="M2864.35,600.643C2869.22,600.643 2873.39,597.166 2873.74,592.646L2878.61,500.157C2932.5,446.959 2983.96,347.865 2983.96,337.781C2983.96,334.304 2982.22,331.871 2977.7,330.132L2920.33,308.575C2918.25,307.879 2916.86,307.532 2915.12,307.532C2911.64,307.532 2909.21,309.27 2907.12,312.399C2898.43,326.655 2845.58,407.669 2840.36,407.669C2839.32,407.669 2838.28,406.626 2836.88,404.888L2772.91,311.356C2771.52,309.27 2767.69,306.141 2762.48,306.141C2761.43,306.141 2760.04,306.488 2758.65,306.836L2694.33,325.612C2690.85,326.655 2689.11,329.784 2689.11,332.914C2689.11,334.304 2689.46,335.695 2690.16,336.738L2784.73,491.117L2779.51,587.778L2779.51,588.473C2779.51,592.993 2783.34,596.47 2787.86,596.818L2864.35,600.643Z" style="fill:rgb(126,196,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.915332,0,0,4.24807,-717.873,-1220.78)">
-                <path d="M3011.78,561.005C3011.78,537.014 2992.31,517.195 2968.32,517.195C2943.98,517.195 2924.5,537.014 2924.5,561.005C2924.5,584.996 2943.98,604.467 2968.32,604.467C2992.31,604.467 3011.78,584.996 3011.78,561.005Z" style="fill:rgb(82,178,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.902541,0.707708,-0.15249,4.18871,-632.817,-3479.27)">
-                <path d="M3378.95,601.338C3384.16,601.338 3387.99,596.123 3388.34,591.255L3400.16,321.787L3400.16,321.092C3400.16,317.267 3398.07,312.399 3391.47,312.052L3322.27,308.575L3321.58,308.575C3316.71,308.575 3311.15,311.356 3309.76,313.095C3292.72,333.261 3260.03,384.373 3231.52,433.399C3230.83,434.442 3230.48,435.137 3229.78,435.137C3229.09,435.137 3228.74,434.79 3228.05,433.747C3199.53,384.721 3166.85,333.261 3149.81,313.095C3148.42,311.356 3141.47,308.575 3136.6,308.575L3135.91,308.575L3067.41,312.399C3060.8,313.095 3058.72,318.31 3058.72,322.135L3072.28,591.255C3072.28,596.123 3076.1,601.338 3081.66,601.338L3082.01,601.338L3148.77,595.775C3156.42,595.079 3161.29,587.778 3161.29,583.953L3161.29,583.605L3145.64,435.833L3145.64,433.399C3145.64,431.313 3145.99,429.922 3146.68,429.922C3147.73,429.922 3148.77,430.965 3150.16,432.704C3156.77,441.744 3182.15,493.899 3199.53,525.887C3201.62,530.06 3205.1,535.275 3211.36,535.275L3247.17,533.884C3254.82,533.537 3258.64,528.669 3260.03,525.887C3277.07,493.899 3302.45,439.658 3308.71,430.965C3310.1,429.227 3311.15,428.183 3311.84,428.183C3312.89,428.183 3313.23,429.574 3313.23,432.008L3313.23,433.747L3296.89,583.953L3296.89,584.301C3296.89,588.125 3300.37,595.775 3308.02,596.123L3378.6,601.338L3378.95,601.338Z" style="fill:rgb(126,196,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
-            </g>
-            <g transform="matrix(0.910865,-0.41918,0.0903206,4.22734,-803.541,271.709)">
-                <path d="M3625.12,594.036C3629.99,593.689 3633.47,589.516 3633.47,584.996L3631.03,524.496C3631.03,520.324 3627.21,516.499 3622.69,516.499L3621.99,516.499L3537.5,521.019L3535.76,488.683L3593.48,488.683C3598.35,488.683 3601.82,484.859 3602.17,479.991L3602.87,426.793L3602.87,426.097C3602.87,421.577 3598.7,418.1 3594.52,418.1L3532.28,418.1L3530.55,388.198L3611.56,384.026C3615.73,383.678 3619.56,379.853 3619.56,375.681L3619.56,374.985L3616.78,314.486C3616.43,310.313 3612.6,306.488 3608.43,306.488L3607.74,306.488L3515.25,311.356L3513.86,311.356L3450.57,314.833C3446.4,314.833 3442.58,318.658 3442.58,322.83L3442.58,323.526L3456.83,594.732C3457.18,598.904 3460.66,602.729 3464.83,602.729L3465.53,602.729L3533.33,599.252C3533.68,599.252 3534.37,598.904 3534.72,598.904L3625.12,594.036Z" style="fill:rgb(82,178,207);fill-rule:nonzero;stroke:white;stroke-width:8.5px;"/>
+            <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>

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",

composer.lock

@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "9ebfe85d188a66c9ab775b795cc6c06c",
+    "content-hash": "9bdf6eb9bee36a39d65606daa89e30ee",
     "packages": [
         {
             "name": "brick/math",
@@ -1191,6 +1191,150 @@
             ],
             "time": "2023-12-03T19:50:20+00:00"
         },
+        {
+            "name": "intervention/gif",
+            "version": "4.2.0",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Intervention/gif.git",
+                "reference": "42c131a31b93c440ad49061b599fa218f06f93be"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Intervention/gif/zipball/42c131a31b93c440ad49061b599fa218f06f93be",
+                "reference": "42c131a31b93c440ad49061b599fa218f06f93be",
+                "shasum": ""
+            },
+            "require": {
+                "php": "^8.1"
+            },
+            "require-dev": {
+                "phpstan/phpstan": "^1",
+                "phpunit/phpunit": "^10.0",
+                "slevomat/coding-standard": "~8.0",
+                "squizlabs/php_codesniffer": "^3.8"
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Intervention\\Gif\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Oliver Vogel",
+                    "email": "oliver@intervention.io",
+                    "homepage": "https://intervention.io/"
+                }
+            ],
+            "description": "Native PHP GIF Encoder/Decoder",
+            "homepage": "https://github.com/intervention/gif",
+            "keywords": [
+                "animation",
+                "gd",
+                "gif",
+                "image"
+            ],
+            "support": {
+                "issues": "https://github.com/Intervention/gif/issues",
+                "source": "https://github.com/Intervention/gif/tree/4.2.0"
+            },
+            "funding": [
+                {
+                    "url": "https://paypal.me/interventionio",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/Intervention",
+                    "type": "github"
+                },
+                {
+                    "url": "https://ko-fi.com/interventionphp",
+                    "type": "ko_fi"
+                }
+            ],
+            "time": "2024-09-20T13:35:02+00:00"
+        },
+        {
+            "name": "intervention/image",
+            "version": "3.9.1",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/Intervention/image.git",
+                "reference": "b496d1f6b9f812f96166623358dfcafb8c3b1683"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/Intervention/image/zipball/b496d1f6b9f812f96166623358dfcafb8c3b1683",
+                "reference": "b496d1f6b9f812f96166623358dfcafb8c3b1683",
+                "shasum": ""
+            },
+            "require": {
+                "ext-mbstring": "*",
+                "intervention/gif": "^4.2",
+                "php": "^8.1"
+            },
+            "require-dev": {
+                "mockery/mockery": "^1.6",
+                "phpstan/phpstan": "^1",
+                "phpunit/phpunit": "^10.0",
+                "slevomat/coding-standard": "~8.0",
+                "squizlabs/php_codesniffer": "^3.8"
+            },
+            "suggest": {
+                "ext-exif": "Recommended to be able to read EXIF data properly."
+            },
+            "type": "library",
+            "autoload": {
+                "psr-4": {
+                    "Intervention\\Image\\": "src"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Oliver Vogel",
+                    "email": "oliver@intervention.io",
+                    "homepage": "https://intervention.io/"
+                }
+            ],
+            "description": "PHP image manipulation",
+            "homepage": "https://image.intervention.io/",
+            "keywords": [
+                "gd",
+                "image",
+                "imagick",
+                "resize",
+                "thumbnail",
+                "watermark"
+            ],
+            "support": {
+                "issues": "https://github.com/Intervention/image/issues",
+                "source": "https://github.com/Intervention/image/tree/3.9.1"
+            },
+            "funding": [
+                {
+                    "url": "https://paypal.me/interventionio",
+                    "type": "custom"
+                },
+                {
+                    "url": "https://github.com/Intervention",
+                    "type": "github"
+                },
+                {
+                    "url": "https://ko-fi.com/interventionphp",
+                    "type": "ko_fi"
+                }
+            ],
+            "time": "2024-10-27T10:15:54+00:00"
+        },
         {
             "name": "jean85/pretty-package-versions",
             "version": "2.0.6",
@@ -9087,12 +9231,12 @@
     ],
     "aliases": [],
     "minimum-stability": "stable",
-    "stability-flags": [],
+    "stability-flags": {},
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
         "php": "^8.1"
     },
-    "platform-dev": [],
+    "platform-dev": {},
     "plugin-api-version": "2.6.0"
 }

config/app.php

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

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,336 +1,296 @@
-@font-face {
-    font-family: 'BigBlue TerminalPlus';
-    src: url('/fonts/BigBlue_TerminalPlus.woff2') format('woff2'),
-    url('/fonts/BigBlue_TerminalPlus.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-    font-display: swap;
+: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);
 }
 
-@font-face {
-    font-family: pixel nes;
-    src: url("/fonts/Pixel_NES.eot?") format("eot"),
-    url("/fonts/Pixel_NES.woff") format("woff"),
-    url("/fonts/Pixel_NES.ttf") format("truetype");
-    font-style: normal;
-    font-weight: 400;
-}
-
-@font-face {
-    font-family: nec_apc3;
-    src: url("/fonts/Web437_NEC_APC3_8x16.woff") format("woff");
-    font-style: normal;
-    font-weight: 400;
-}
-
-@font-face {
-    font-family: nec_apc3;
-    src: url("/fonts/Web437_Nix8810_M16.woff") format("woff");
-    font-style: normal;
-    font-weight: 700;
-}
-
-@supports (-moz-appearance:none) {
-    h2 {
-        text-shadow: var(--firefox-shadow) var(--shadow) !important;
-    }
-}
-
-html,
-body,
-.container {
+html {
     height: 100%;
+    color-scheme: light;
+    scrollbar-color: var(--border-color) var(--background);
 }
 
 body {
-    background-color: var(--background);
     color: var(--foreground);
+    min-height: 100%;
+    background-color: hsla(0, 0%, 0%, 0);
+    padding: 10px;
+    font-family: serif;
 }
 
-body,
-button,
-select {
-    font-family: russiangothic, ms ui gothic, "nec_apc3", Tahoma, sans-serif;
-}
-
-h1,
-h2,
-h3,
-h4 {
-    font-family: "pixel nes", sans-serif;
+/*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,
 h4,
+h5,
+h6 {
+    margin: 20px 0 0 0;
+}
+
+p,
 ul,
-p {
+ol,
+dl,
+menu,
+dir {
     margin: 0;
 }
 
+hr {
+    border: none;
+    border-top: var(--border);
+}
+
 a {
     color: var(--links);
     text-decoration: underline dotted;
 }
 
 a:hover {
-    text-decoration: underline;
+    color: var(--links-hover);
+    text-decoration: underline solid;
 }
 
-ul {
-    list-style: square;
-    padding-left: 0;
-    list-style-position: inside;
+div.page-container {
+    width: 800px;
+    margin: 5px auto;
 }
 
-.container {
-    display: flex;
-    /*align-items: center;*/
-    justify-content: center;
-}
-
-.page {
-    min-width: var(--page-width);
-    max-width: var(--page-width);
-}
-
-.navbar {
-    border: var(--foreground) solid 1px;
-}
-
-.navbar ul {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    overflow: hidden;
-}
-
-.navbar li {
-    float: left;
-    border-right: solid var(--foreground) 1px;
-}
-
-.navbar li a {
-    display: block;
-    text-align: center;
-    color: var(--foreground);
-    text-decoration: none;
-    padding: 5px 7px 5px 5px;
-}
-
-.navbar li a:hover {
-    background-color: var(--foreground);
-    color: var(--background);
-}
-
-.pathbar {
-    border: 1px solid var(--foreground);
-    padding: 5px;
-}
-
-.content {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 10px;
-    padding: 0;
-}
-
-.section {
-    border: var(--foreground) 1px solid;
-    padding: 10px;
-}
-
-.sidebar {
-    flex-basis: var(--sidebar-width);
-    flex-grow: 1;
-}
-
-main {
-    flex-basis: 0;
-    flex-grow: 999;
-    min-inline-size: 50%;
-}
-
-.navbar,
-.content,
-header,
-footer {
-    margin: 10px 10px 0 0;
-}
-
-header,
-footer,
-.navbar {
-    padding: 5px;
-}
-
-footer {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: 1fr;
-    grid-column-gap: 0;
-    grid-row-gap: 0;
-}
-
-footer div:last-child {
-    text-align: right;
-}
-
-select {
-    background-color: var(--background-secondary);
-    border: 1px solid var(--foreground);
-    color: var(--foreground);
-    padding: 0.25em;
-}
-
-button {
+div.page-container > div {
     background-color: var(--background);
-    color: var(--foreground);
-    border: 1px solid var(--foreground);
-    padding: 0.25em 0.5em;
+    filter: var(--shadow);
+    padding: 10px;
+    border: var(--border);
+    margin-bottom: 20px;
+    /* temporary */
+    /* height: 600px; */
 }
 
-button:hover {
-    background-color: var(--foreground);
-    color: var(--background);
-}
-
-img.pixel {
-    image-rendering: pixelated;
-}
-
-a.button,
-a.button:hover {
-    text-decoration: none;
-}
-
-a.button:hover img {
-    opacity: 80%;
-}
-
-main > .section,
-.sidebar > .section {
-    margin-bottom: 10px;
-}
-
-main > .section:last-child,
-.sidebar > .section:last-child {
+div.page-container > div:last-child {
     margin-bottom: 0;
 }
 
-.navbar-icon {
-    margin-right: 0.25em;
+div#header {
+    display: grid;
+    grid-template-columns: 66px 1fr;
+    grid-template-rows: 1fr;
+    grid-column-gap: 15px;
+    grid-row-gap: 0px;
+    align-items: center;
 }
 
-.navlinks {
-    padding-left: 10px;
+div#header img {
+    filter: drop-shadow(2px 2px hsl(0, 0%, 66%));
+    margin-right: 10px;
+    image-rendering: pixelated;
 }
 
-.online-status {
+div#header h1 {
+    margin: 0;
+    font-style: italic;
+}
+
+div#header h1,
+div#header p {
     display: inline;
 }
 
-.centerbox {
-    text-align: center;
+div#content {
+    position: relative;
 }
 
-.quote {
-    padding-left: 10px;
-    border-left: solid 2px var(--foreground);
+div#content::after {
+    display: block;
+    content: "";
+    clear: both;
 }
 
-.music-top10 {
-    width: 100%;
+div#footer {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr;
+    grid-column-gap: 0px;
+    grid-row-gap: 0px;
+    align-items: center;
 }
 
-.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 {
+div#footer div:last-child {
     text-align: right;
 }
 
-.music-top10 td {
-    max-width: 200px;
-    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) {
-}
-
-
-.current-track h2 {
+div#footer div:last-child img {
+    image-rendering: pixelated;
     margin: 0;
+    padding: 0;
+    width: 88px;
+    height: 31px;
 }
 
-table.computers {
-    table-layout: auto;
-    width: 75%;
-}
-
-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:first-child {
-    white-space: nowrap;
-}
-
-table.computers td,
-table.computers th {
-    border: var(--foreground) solid 1px;
+/** Wah! **/
+div.wah {
+    float: right;
+    border: var(--border);
     padding: 5px;
+    filter: var(--shadow-small);
+    background-color: var(--background);
 }
 
-.calculator-spec-table td {
-    border: var(--foreground) solid 1px;
+div.wah img {
+    display: block;
 }
 
-.calculator-spec-table td {
-    padding: 5px 10px 5px 5px;
+div.wah h3,
+div.wah p {
+    text-align: center;
+    margin: 5px 0;
+    font-style: italic;
 }
 
-.calculator-spec-table tr td:first-child {
-    background-color: var(--background-secondary);
+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;
+}
+
+table.music-top10 tr:first-child th {
+    border-right: var(--border);
+    border-bottom: var(--border);
+}
+
+table.music-top10 tr:first-child th:last-child {
+    border-right: none;
+}
+
+table.music-top10 tr td {
+    border-right: var(--border);
+}
+
+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);
+}
+
+div.current-track {
+    display: grid;
+    grid-template-columns: 180px auto;
+    grid-template-rows: 1fr;
+    grid-column-gap: 10px;
+    align-items: center;
+}
+
+div.current-track img {
+    float: left;
+    filter: var(--shadow-small);
+    border: var(--border);
+    width: 174px;
+    height: 174px;
+}
+
+/** Bookmarks **/
+div.bookmark-category:first-child h2 {
+    margin: 0;
+}
+
+
+/** 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/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,11 +1,21 @@
 <x-layout>
     <x-slot:title>Bookmarks</x-slot:title>
     @foreach($categories as $category)
-        <div class="section">
+        <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($category->sites as $site)
+            @foreach($sites as $site)
                     <li><a href="{{ $site->url }}">{{ $site->name }}</a> - {{ $site->description }}</li>
             @endforeach
             </ul>

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

@@ -1,4 +1,10 @@
-<div class="section 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

@@ -1,3 +1,7 @@
-<span>I'm</span>
-<h2 class="online-status" style="color: {{ $status["color"] }};text-shadow: var(--firefox-shadow) {{ $status["color"] }}4f !important">{{ $status["text"] }}!</h2>
+@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,81 +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>
-    <script src="{{ asset('/js/liveClock.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="container">
-    <div class="page">
-        <header>
-            <h1>{{ str_replace("www.", "", Request::getHost()) }}</h1>
-        </header>
-        <div class="navbar">
-            <p>
-                <strong>Current Path:</strong>
-                @if(Request::getRequestUri() == "/")
-                    /
-                @else
-                    {{ str_replace("/", " / ", rtrim(Request::getRequestUri(), "/")) }}
-                @endif
-            </p>
-        </div>
-        <div class="content">
-            <main>
-                {{ $slot }}
-            </main>
-            <div class="sidebar">
-                <div class="section"><nav><x-navigation/></nav></div>
-                <div class="section"><x-settings/></div>
-                <div class="section centerbox"><x-discord-status/></div>
-                <div class="section"><x-weather/></div>
-            </div>
-        </div>
-        <footer>
+<body>
+    <div class="page-container">
+        <div id="header">
             <div>
-                (c) floppydisk 2021-{{ date('Y') }}<br>
-                v{{ config('app.version') }}, <a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a><br>
-                Served by {{ gethostname() }}
+                <img src="{{ asset('/images/logo.png') }}" width="65">
             </div>
             <div>
-                <a href="https://dimden.dev/" class="button">
-                    <img src="https://dimden.dev/services/images/88x31.gif" width="88" height="31"
-                         class="pixel" alt="dimden.dev">
-                </a>
-                <a href="https://www.linux.org/" class="button">
-                    <img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" width="88"
-                         class="pixel" height="31" alt="Linux NOW!">
-                </a>
-                <a href="https://www.vim.org/" class="button">
-                    <img src="{{ URL::asset('images/buttons/vim.gif') }}" width="88" height="31"
-                         class="pixel" alt="vim">
-                </a><br>
-                <a href="https://wave.webaim.org/" class="button">
-                    <img src="{{ URL::asset('images/buttons/evaluatedWAVE.png') }}" width="88" height="31"
-                         class="pixel" alt="Evaluated to be accessible!">
-                </a>
-                <a href="https://jigsaw.w3.org/css-validator/check/referer" class="button">
-                    <img src="{{ URL::asset('images/buttons/vcss-blue.gif') }}" width="88" height="31"
-                         class="pixel" alt="Valid CSS!">
-                </a>
-                <a href="https://wiby.me/" class="button">
-                    <img src="{{ URL::asset('images/buttons/wiby.gif') }}" width="88" height="31"
-                         class="pixel" alt="Wiby - Search Engine for the Classic Web">
-                </a>
+                <h1>wah!</h1>
+                <p>
+                    (dot moe)
+                </p>
+                <x-navigation></x-navigation>
             </div>
-        </footer>
+        </div>
+        <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>
-</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/navigation.blade.php

@@ -1,30 +1,11 @@
-<p><strong>Navigation:</strong></p>
-<div class="navlinks">
-<a href="/">
-    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" width="16" height="16" alt="">Home
-</a><br>
-<a href="//git.diskfloppy.me/">
-    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" width="16" height="16" alt="">Git
-</a><br>
-<a href="/pub/">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" width="16" height="16" alt="">Public Files
-</a><br>
-<a href="/computers/">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" width="16" height="16" alt="">Computers
-</a><br>
-<a href="/calculators/">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" width="16" height="16" alt="">Calculators
-</a><br>
-<a href="/bookmarks/">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" width="16" height="16" alt="">Bookmarks
-</a><br>
-<a href="/guestbook/">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" width="16" height="16" alt="">Guestbook
-</a><br>
-<a href="//weather.diskfloppy.me/">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" width="16" height="16" alt="">Weather
-</a><br>
-<a href="/music/">
-	<img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" width="16" height="16" alt="">Music
-</a><br>
-</div>
+<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/top-tracks.blade.php

@@ -1,4 +1,3 @@
-<div class="section">
 <table class="music-top10">
     <caption>
         <h2 style="margin-bottom: 5px">Top 10 Tracks (Last 30 days):</h2>
@@ -15,4 +14,3 @@
         <x-track :track="$track" :count="$count"/>
     @endforeach
 </table>
-</div>

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

@@ -1,11 +1,15 @@
 <p><strong>Weather Conditions:</strong></p>
 <hr style="margin: 4px 0">
-<p><strong>Temperature:</strong> {{ round(($conditions[0]["temp"] - 32) * (5/9), 1) }} degC</p>
-<p><strong>Rain:</strong> {{ ($conditions[0]["rain_rate_last"] * 0.2) }}mm/hr ({{ $conditions[0]["rainfall_daily"] }}mm today)</p>
-@if ($conditions[0]["wind_speed_last"] != 0)
-    <p><strong>Wind:</strong> {{ round($conditions[0]["wind_speed_last"], 1) }}mph ({{ $conditions[0]["wind_dir_last"] }} deg)</p>
+@if($conditions == null)
+    <p>Data Unavailable</p>
 @else
-    <p><strong>Wind:</strong> 0mph</p>
+    <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
-<p><strong>Humidity:</strong> {{ round($conditions[0]["hum"], 1) }}%</p>
-<p><strong>Pressure:</strong> {{ round($conditions[2]["bar_sea_level"], 1) }} inHg</p>

resources/views/computers.blade.php

@@ -1,253 +0,0 @@
-<x-layout>
-    <x-slot:title>Computers</x-slot:title>
-    <p>TBD</p>
-{{--    <table class="computers">--}}
-{{--        <tr>--}}
-{{--            <th>MODEL</th>--}}
-{{--            <th>CPU</th>--}}
-{{--            <th>GPU</th>--}}
-{{--            <th>STORAGE</th>--}}
-{{--            <th>RAM</th>--}}
-{{--            <th>OS</th>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Random Whitebox<br>(???)</td>--}}
-{{--            <td>486DX2</td>--}}
-{{--            <td></td>--}}
-{{--            <td>280MB HDD</td>--}}
-{{--            <td>16MB</td>--}}
-{{--            <td>MS-DOS 6.22 &amp; Windows for Workgroups 3.11</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>MacBook Pro 14"<br>(2023)</td>--}}
-{{--            <td colspan="2">M3 Pro</td>--}}
-{{--            <td>500GB SSD</td>--}}
-{{--            <td>18GB</td>--}}
-{{--            <td>macOS Sonoma</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>MacBook Pro 13"<br>(2018)</td>--}}
-{{--            <td>Intel i5-8592U (2.3GHz)</td>--}}
-{{--            <td>Intel Iris Plus 655</td>--}}
-{{--            <td>250GB SSD</td>--}}
-{{--            <td>8GB</td>--}}
-{{--            <td>macOS Mojave</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Lenovo ThinkPad T430<br>(2012)</td>--}}
-{{--            <td>Intel Core i7 (idk what it is)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>16GB</td>--}}
-{{--            <td>Windows 7 Pro / NixOS</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>IBM ThinkPad X41T<br>(2005)</td>--}}
-{{--            <td>Intel Pentium M (1.6GHz)</td>--}}
-{{--            <td>Mobile Intel Express Chipset (128MB)</td>--}}
-{{--            <td>40GB HDD</td>--}}
-{{--            <td>1.5GB</td>--}}
-{{--            <td>Windows XP Tablet PC Edition</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Dell OptiPlex GX1<br>(1999)</td>--}}
-{{--            <td>Intel Pentium II (Deschutes, 400MHz)</td>--}}
-{{--            <td>ATI 3D Rage Pro (4MB)</td>--}}
-{{--            <td>40GB HDD</td>--}}
-{{--            <td>639MB</td>--}}
-{{--            <td>Windows 2000</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>IBM ThinkPad T40<br>(2003)</td>--}}
-{{--            <td>Intel Pentium M (1.3GHz)</td>--}}
-{{--            <td>ATI Mobility Radeon 7500 (32MB)</td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>HP Compaq Elite 8100<br>(2010)</td>--}}
-{{--            <td>Intel Core i7 (something or other)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>16GB</td>--}}
-{{--            <td>Windows Vista Ultimate (64-bit)</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Mac mini<br>(2014)</td>--}}
-{{--            <td>Intel Core i5-4278U (2.6GHz)</td>--}}
-{{--            <td>Intel Iris Graphics</td>--}}
-{{--            <td>1TB HDD</td>--}}
-{{--            <td>8GB</td>--}}
-{{--            <td>Proxmox VE 8.2</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Fujitsu Milan<br>(1996)</td>--}}
-{{--            <td>Intel Pentium</td>--}}
-{{--            <td></td>--}}
-{{--            <td>1215MB HDD</td>--}}
-{{--            <td>32MB</td>--}}
-{{--            <td>Windows 98 SE</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Compaq Armada M300<br>(1999)</td>--}}
-{{--            <td>Intel Pentium III</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>SuperMicro X9SCM</td>--}}
-{{--            <td>Intel Pentium G850 (2.9GHz)</td>--}}
-{{--            <td>Matrox MGA G6200eW</td>--}}
-{{--            <td>2TB HDD / 80GB HDD</td>--}}
-{{--            <td>16GB</td>--}}
-{{--            <td>Proxmox VE 8.2</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Main PC</td>--}}
-{{--            <td>Intel Core i7-6700K (4GHz)</td>--}}
-{{--            <td>NVidia GTX 1060 (3GB)</td>--}}
-{{--            <td>(multiple)</td>--}}
-{{--            <td>64GB</td>--}}
-{{--            <td>Windows 10 Pro / NixOS</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Toshiba Qosmio F20<br>(2005)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>MacBook Pro 13"<br>(2009)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Packard-Bell EasyNote MIT-LYN01<br>(???)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>Windows XP Home</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Sony VAIO PCG-3B1M<br>(???)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>Windows Vista</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Dell OptiPlex 745 USFF<br>(2006)</td>--}}
-{{--            <td>Intel Pentium Dual Core</td>--}}
-{{--            <td>Intel Integrated</td>--}}
-{{--            <td>(multiple)</td>--}}
-{{--            <td>4GB</td>--}}
-{{--            <td>(multiple)</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Dell Inspiron 1525<br>(2008)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Random Whitebox 2</td>--}}
-{{--            <td>AMD Phenom II X6-1055T</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>8GB</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Dell Latitude D531<br>(2007)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>Windows XP Professional</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>IBM ThinkPad R40<br>(2003)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>Windows 2000</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Dell Latitude CPi<br>(2001)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>Windows 2000</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Dell Latitude CPx<br>(1999)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>Windows 98 SE</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Dell Latitude 4898T<br>(???)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Time 8375<br>(???)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Toshiba Satellite 200CDS<br>(1996)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>HP Compaq NC6000<br>(2004)</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>IBM Personal Computer 330<br>(1997)</td>--}}
-{{--            <td>Intel Pentium</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--        <tr>--}}
-{{--            <td>Shuttle XPC SN21G5<br>(2006)</td>--}}
-{{--            <td>AMD Athlon 64 X2</td>--}}
-{{--            <td></td>--}}
-{{--            <td></td>--}}
-{{--            <td>N/A</td>--}}
-{{--            <td>N/A</td>--}}
-{{--        </tr>--}}
-{{--    </table>--}}
-</x-layout>

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,7 +56,7 @@
         @php
             $user_agent = $parser->parse($entry->agent);
         @endphp
-        <div class="section">
+        <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>

resources/views/home.blade.php

@@ -1,42 +1,30 @@
 <x-layout>
     <x-slot:title>Home</x-slot:title>
 
-    <div class="section">
-        <h2>About Me</h2>
-        <hr>
-        <p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.</p>
-        <br>
-        <p>QuickFacts&trade;:</p>
-        <ul>
-            <li>{{ $age }} y/o, he/him, British</li>
-            <li>Theatre Technician, &quot;Web Developer&quot; and NixOS User</li>
-            <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>
-        <br>
-        <p>Interests:</p>
-        <ul>
-            <li><strong>Tech Theatre</strong> - Lighting, Stage Management, etc. (<a href="https://www.controlbooth.com/members/floppydisk.28673/">ControlBooth</a>)</li>
-            <li><strong>Programming</strong> - HTML, CSS, JavaScript, C#, Java, PHP, Ruby, Python (<a href="https://github.com/floppydisk05">GitHub</a>)</li>
-            <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="section">
-        <h2>Random Quote</h2>
-        <hr>
-        <x-toh-quote/>
-    </div>
-    <div class="section">
-        <h2>Contact</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/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');