Update sitemap

.gitignore

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

README.md

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

app/Http/Controllers/HomeController.php

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

app/View/Components/DiscordStatus.php

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

app/View/Components/Navbar.php

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

app/View/Components/NeverSaid.php

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

app/View/Components/TohQuote.php

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

app/View/Components/Weather.php

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

assets/logo.svg

@@ -0,0 +1,51 @@
+<?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;"/>
+            </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>
+        </g>
+    </g>
+</svg>

config/app.php

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

config/quotes.php

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

config/services.php

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

public/css/colorschemes/catppuccin-frappe.css

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

public/css/colorschemes/catppuccin-latte.css

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

public/css/colorschemes/catppuccin-macchiato.css

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

public/css/colorschemes/catppuccin-mocha.css

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

public/css/master.css

@@ -1,274 +1,72 @@
-/*@import "colorschemes/catppuccin-macchiato.css";*/
+@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;
+}
+
+@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 {
+    height: 100%;
+}
 
 body {
-    font-family: sans-serif;
-    margin: 0;
-    color: var(--foreground);
     background-color: var(--background);
-    text-align: left;
+    color: var(--foreground);
 }
 
-ul {
+body,
-    list-style-type: square;
+button,
-}
+select {
-
+    font-family: russiangothic, ms ui gothic, "nec_apc3", Tahoma, sans-serif;
-hr {
-    border: 1px solid var(--foreground);
-    border-bottom: none;
-}
-
-div.page {
-    min-width: 780px;
-    max-width: 800px;
-    padding-left: 0.5em;
-    padding-right: 0.5em;
-    margin: auto;
-}
-
-h1.inline {
-    margin-top: 0;
-    clear: none;
-    display: inline;
 }
 
 h1,
 h2,
-h3 {
+h3,
-    margin-top: 0;
+h4 {
-    clear: left;
+    font-family: "pixel nes", sans-serif;
 }
 
-img {
+h1,
-    border: none;
+h2,
-    max-width: 100%;
+h3,
-}
+h4,
-
+ul,
-img.right {
+p {
-    float: right;
-    margin-left: 0.5em;
-}
-
-table.form td {
-    border: none;
-}
-
-/* -------------------------------------------------------------------------- */
-
-div.code-block {
-    background-color: var(--background);
-    border: 2px solid var(--foreground);
-    padding: 10px;
-    display: inline-block;
-    text-align: left;
-    max-width: 90%;
-    min-width: 400px;
-    margin: 10px;
-}
-
-div.code-block hr {
-    margin-top: 5px;
-    margin-bottom: 5px;
-}
-
-div.code-block h1 {
     margin: 0;
-    font-family: monospace;
-}
-
-div.code-block h1 small {
-    color: var(--foreground);
-    font-size: 12px;
-}
-
-div.code-block pre hr {
-    margin-bottom: 5px;
-}
-
-div.code-block pre code {
-    background-color: var(--background);
-}
-
-pre {
-    display: inline;
-    max-width: 95%;
-    overflow: auto;
-}
-
-.header a {
-    text-decoration: none;
-}
-
-.theme-selector {
-    text-align: right;
-    vertical-align: middle;
-}
-
-.nav-wrapper {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: 1fr;
-    grid-column-gap: 0;
-    grid-row-gap: 0;
-}
-
-.nav-wrapper div:nth-child(2) {
-    text-align: right;
-}
-
-.theme-selector label {
-    font-weight: bold;
-}
-
-.theme-selector label::after {
-    content: ': ';
-}
-
-nav {
-    margin-bottom: 0.3em;
-    text-align: left;
-}
-
-nav img {
-    width: 32px;
-}
-
-nav h1 {
-    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-        Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue",
-        sans-serif;
-    font-weight: normal;
-    font-size: 30px;
-    margin: 10px 10px 10px 0;
-}
-
-div.date {
-    text-align: center;
-}
-
-div.note {
-    font-style: italic;
-}
-
-table {
-    border-collapse: collapse;
-    border-color: var(--foreground);
-}
-
-table.weather th {
-    font-weight: normal;
-}
-
-table.weather td {
-    font-weight: bold;
-    text-align: right;
-}
-
-div.rss {
-    position: absolute;
-    top: 1em;
-    right: 1em;
-}
-
-div.archived {
-    margin-top: 0.5em;
-}
-
-div.archived span.date {
-    font-style: italic;
-    margin-right: 0.2em;
-}
-
-video {
-    max-width: 100%;
-}
-
-table td {
-    border: 1px solid var(--foreground);
-}
-
-td {
-    padding: 0;
-    vertical-align: top;
-}
-
-.header .title {
-    color: var(--foreground);
-}
-
-.header {
-    font-size: 100%;
-    font-weight: normal;
-    padding-bottom: 0;
-    text-align: center;
-}
-
-h1 {
-    font-size: 150%;
-}
-h1 {
-    font-size: 150%;
-}
-
-h2 {
-    font-size: 130%;
-}
-
-h3 {
-    font-size: 115%;
-}
-
-table.computers {
-    width: 100%;
-}
-
-table.computers td:first-child {
-    text-align: center;
-    font-weight: bold;
-}
-table.computers td ul {
-    margin: 0;
-    padding-left: 20px;
-}
-
-table.computers .section-title {
-    text-decoration: underline;
-    font-style: italic;
-    font-weight: bold;
-}
-
-table.computers p.description {
-    font-style: italic;
-    margin: 5px 0 2px 0;
-}
-
-table.computers th {
-    background-color: var(--background-secondary);
-}
-
-table.computers td,
-table.computers th {
-    border: var(--foreground) solid 1px;
-    padding: 5px;
-}
-
-
-
-img.pixel {
-    image-rendering: pixelated;
-}
-
-div.footer {
-    text-align: center;
-    margin-bottom: 5px;
-}
-
-div.footer a.button {
-    text-decoration: none;
-}
-
-table.commits tr td {
-    border: none;
-    padding-right: 5px;
 }
 
 a {
@@ -276,237 +74,175 @@ a {
     text-decoration: underline dotted;
 }
 
-table.form tr td {
-    border: none;
-}
-
-table.form tr td label {
-    padding-right: 5px;
-}
-
-table.form tr td span.text-danger {
-    padding-left: 5px;
-    color: var(--warning);
-}
-
-input.file {
-    border: 0 !important;
-}
-
-table.form tr td textarea,
-table.form tr td input,
-table.form tr td button,
-button,
-form.import input::file-selector-button,
-form.import button {
-    background-color: var(--background);
-    border: var(--foreground) solid 1px;
-}
-
-table.form label {
-    margin: 5px 0;
-}
-
-form.import button,
-form.import input::file-selector-button,
-table.form tr td button {
-    color: var(--foreground);
-    background-color: var(--background-secondary);
-}
-
-form.import button:hover,
-button:hover,
-form.import input::file-selector-button:hover,
-table.form tr td button:hover {
-    color: var(--background);
-    background-color: var(--foreground);
-}
-
-table.gb-entry-form-container {
-    width: 100%;
-}
-
-table.gb-entry-form-container tr td {
-    border: none;
-    vertical-align: top;
-}
-
-table.gb-entry-form-container tr td p,
-table.gb-entry-form-container tr td ul {
-    margin: 0;
-}
-
-table.form tbody tr td textarea {
-    width: 210px;
-}
-
-table.gb-entry tr td {
-    border: solid var(--foreground) 1px;
-    width: 500px;
-    vertical-align: top;
-    padding: 5px;
-}
-
-table.gb-entry {
-    margin-bottom: 5px;
-}
-
-table.gb-entry hr {
-    border: 1px dotted var(--foreground);
-    border-bottom: none;
-}
-
-table.gb-entry address {
-    font-size: 0.8pc;
-}
-
-table.gb-admin {
-    margin-bottom: 5px;
-    width: 500px;
-    border: var(--foreground) solid;
-}
-
-table.gb-admin tr td {
-    border-right: none;
-    border-bottom: none;
-    vertical-align: top;
-    padding: 5px;
-}
-
-table.gb-admin tr td.gb-del {
-    border-left: none;
-    vertical-align: top;
-    padding: 5px;
-    width: 32px;
-}
-
-table.gb-admin tr td.gb-message {
-    border-top: none;
-    vertical-align: top;
-    padding: 5px;
-}
-
-table.info-table tr td {
-    border: none;
-    padding-right: 5px;
-}
-
-table.info-table {
-    width: 100%;
-}
-
-table.info-table tr td h1,
-table.info-table tr td h2,
-table.info-table tr td small {
-    margin: 0;
-}
-
-caption h1,
-caption h2 {
-    margin: 0;
-}
-
-caption {
-    text-align: left;
-}
-
-table.info-table tr td small {
-    margin-bottom: 5px;
-}
-.me img {
-    float: right;
-    margin: 5px;
-}
-
-.me p {
-    text-align: justify;
-}
-
 a:hover {
     text-decoration: underline;
 }
 
-.spec {
+ul {
-    padding-left: 20px;
+    list-style: square;
+    padding-left: 0;
+    list-style-position: inside;
 }
 
-.spec-title {
+.container {
-    font-weight: bold;
+    display: flex;
+    /*align-items: center;*/
+    justify-content: center;
 }
 
-.project-grid {
+.page {
-    display: grid;
+    min-width: var(--page-width);
-    grid-template-columns: repeat(2, 1fr);
+    max-width: var(--page-width);
-    grid-template-rows: repeat(0, 1fr);
-    grid-column-gap: 0;
-    grid-row-gap: 0;
-    height: 100%;
 }
 
-.project-grid div {
+.navbar {
-    padding: 5px;
+    border: var(--foreground) solid 1px;
 }
 
-.project-section-title,
+.navbar ul {
-.project-grid div h1,
+    list-style-type: none;
-.project-grid div p {
-    margin: 5px 0;
-}
-
-.project-section-title {
-    margin-top: 20px;
-    padding-bottom: 5px;
-    border-bottom: 1px solid var(--foreground);
-}
-
-.project-grid div h1 {
-    margin-top: 10px;
-}
-
-.project-grid div a {
-    text-decoration: underline dotted;
-    padding: 2px 2px 0 2px;
     margin: 0;
-    font-size: 10pt;
+    padding: 0;
+    overflow: hidden;
 }
 
-.project-grid .project-links a {
+.navbar li {
-    color: var(--links);
+    float: left;
-    border: 1px solid var(--foreground);
+    border-right: solid var(--foreground) 1px;
-    border-left: none;
 }
 
-.project-grid .project-links a:first-child {
+.navbar li a {
-    border: 1px solid var(--foreground);
+    display: block;
+    text-align: center;
+    color: var(--foreground);
+    text-decoration: none;
+    padding: 5px 7px 5px 5px;
 }
 
-.project-grid .project-links a:hover {
+.navbar li a:hover {
     background-color: var(--foreground);
     color: var(--background);
 }
 
-.error-box {
+.pathbar {
-    width: 500px;
+    border: 1px solid var(--foreground);
-    border: 5px solid var(--warning-box-border);
-    background-color: var(--warning-box-bg);
     padding: 5px;
 }
-.error-box a,
+
-.error-box p {
+.content {
-    margin: 0;
+    display: flex;
-    color: var(--foreground)
+    flex-wrap: wrap;
+    gap: 10px;
+    padding: 0;
 }
 
-label[for="scheme-selector"] {
+.section {
-    font-weight: bold;
+    border: var(--foreground) 1px solid;
+    padding: 10px;
 }
 
-#scheme-selector {
+.sidebar {
-    border: var(--foreground) solid 1px;
+    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);
-    color: var(--foreground)
+    border: 1px solid var(--foreground);
+    color: var(--foreground);
+    padding: 0.25em;
 }
 
+button {
+    background-color: var(--background);
+    color: var(--foreground);
+    border: 1px solid var(--foreground);
+    padding: 0.25em 0.5em;
+}
+
+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 {
+    margin-bottom: 0;
+}
+
+.navbar-icon {
+    margin-right: 0.25em;
+}
+
+.navlinks {
+    padding-left: 10px;
+}
+
+.online-status {
+    display: inline;
+}
+
+.centerbox {
+    text-align: center;
+}
+
+.quote {
+    padding-left: 10px;
+    border-left: solid 2px var(--foreground);
+}
+
+.music-top10 {
+    width: 100%;
+}
 
 .music-top10 td,
 .music-top10 th {
@@ -533,7 +269,10 @@ .music-top10 tr th:first-child {
 }
 
 .music-top10 td {
-    white-space: nowrap; text-overflow:ellipsis; overflow: hidden;
+    max-width: 200px;
+    white-space: nowrap;
+    text-overflow:ellipsis;
+    overflow: hidden;
 }
 
 .music-top10 tr td:first-child {
@@ -542,122 +281,50 @@ .music-top10 tr td:first-child {
 
 .music-top10 tr td:nth-child(2),
 .music-top10 tr td:nth-child(3) {
-    width: 50%;
 }
 
-.current-track {
-    width: 100%;
-}
 
 .current-track h2 {
     margin: 0;
 }
 
-.info-section {
+table.computers {
-    margin-top: 20px;
+    table-layout: auto;
+    width: 75%;
 }
 
-.info-section ul {
+table.computers td ul {
-    list-style-position: inside;
-    list-style-type: none;
-    padding-left: 0;
     margin: 0;
+    padding-left: 20px;
 }
 
-.info-section ul li:before {
+table.computers .section-title {
-    content: "◆ ";
+    text-decoration: underline;
+    font-style: italic;
+    font-weight: bold;
 }
 
-.info-section h2 {
+table.computers p.description {
-    margin: 0;
+    font-style: italic;
+    margin: 5px 0 2px 0;
 }
 
-.info-section p {
+table.computers th {
-    margin: 0;
-}
-
-.contact-section {
-    display: grid;
-    grid-template-rows: 1fr 1fr;
-}
-
-.banner {
-    padding: 5px;
-    margin-top: 10px;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: 1fr;
-    grid-column-gap: 0;
-    grid-row-gap: 0;
-}
-
-.banner div:nth-child(1) {
-    text-align: left;
-}
-
-.banner div:nth-child(2) {
-    text-align: right;
-}
-
-.red-banner {
-    border: 3px solid var(--foreground);
     background-color: var(--background-secondary);
 }
 
-.info-admin td,
+table.computers td:first-child {
-.info-admin th {
+    white-space: nowrap;
-    border: 1px solid var(--foreground);
+}
+
+table.computers td,
+table.computers th {
+    border: var(--foreground) solid 1px;
     padding: 5px;
 }
 
-.info-admin th {
+.calculator-spec-table td {
-    background-color: var(--background-secondary);
+    border: var(--foreground) solid 1px;
-}
-
-.info-admin th.blank {
-    border: none;
-    background-color: var(--background);
-}
-
-.info-admin button {
-    border: 1px solid var(--foreground);
-    background-color: var(--background);
-    color: var(--foreground);
-}
-
-.info-admin button:hover {
-    background-color: var(--foreground);
-    color: var(--background);
-}
-
-.info-admin button:active {
-    background-color: var(--background-secondary);
-    color: var(--foreground);
-}
-
-.info-admin-section h2 {
-    margin-bottom: 5px;
-}
-
-.fullwidth {
-    width: 100%;
-}
-
-.fullwidth td:last-child {
-    width: 0;
-}
-
-.guestbook-message {
-    text-wrap: normal;
-    width: 100%;
-}
-
-td.diagonal-line {
-    background: linear-gradient(to right bottom, var(--background) 0%,var(--background) 49.9%,var(--foreground) 50%,var(--foreground) 51%,var(--background) 51.1%,var(--background) 100%);
-}
-
-form.import h2 {
-    margin: 10px 0 5px 0;
 }
 
 .calculator-spec-table td {
@@ -667,18 +334,3 @@ .calculator-spec-table td {
 .calculator-spec-table tr td:first-child {
     background-color: var(--background-secondary);
 }
-
-a:hover img.navbar-icon {
-    opacity: 80%;
-}
-
-.footer p {
-    vertical-align: middle;
-    margin: 0;
-    line-height: 1.2;
-}
-
-.footer button,
-.footer select{
-    padding: 5px 10px;
-}

public/js/liveClock.js

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

public/js/schemeSwap.js

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

public/sitemap.xml

@@ -1,46 +1,39 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
-<!--suppress ALL -->
+		<!--	created with www.mysitemapgenerator.com	-->
-<urlset xmlns="https://www.sitemaps.org/schemas/sitemap/0.9">
+		<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
-    <url>
+<url>
-        <loc>https://www.diskfloppy.me</loc>
+	<loc>https://www.diskfloppy.me/</loc>
-        <lastmod>2023-10-10</lastmod>
+	<lastmod>2024-09-01T17:44:54+01:00</lastmod>
-        <changefreq>always</changefreq>
+	<priority>1.0</priority>
-        <priority>0.5</priority>
+</url>
-    </url>
+<url>
-    <url>
+	<loc>https://www.diskfloppy.me/pub/</loc>
-        <loc>https://www.diskfloppy.me/pub</loc>
+	<lastmod>2024-09-01T17:44:54+01:00</lastmod>
-        <lastmod>2023-10-10</lastmod>
+	<priority>0.8</priority>
-        <changefreq>always</changefreq>
+</url>
-        <priority>0.5</priority>
+<url>
-    </url>
-    <url>
 	<loc>https://www.diskfloppy.me/computers</loc>
-        <lastmod>2023-10-10</lastmod>
+	<lastmod>2024-09-01T17:44:56+01:00</lastmod>
-        <changefreq>always</changefreq>
+	<priority>1.0</priority>
-        <priority>0.5</priority>
+</url>
-    </url>
+<url>
-    <url>
+	<loc>https://www.diskfloppy.me/calculators</loc>
-        <loc>https://www.diskfloppy.me/guestbook</loc>
+	<lastmod>2024-09-01T17:44:56+01:00</lastmod>
-        <lastmod>2023-10-10</lastmod>
+	<priority>1.0</priority>
-        <changefreq>always</changefreq>
+</url>
-        <priority>0.5</priority>
+<url>
-    </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>
+	<lastmod>2024-09-01T17:44:57+01:00</lastmod>
-        <changefreq>always</changefreq>
+	<priority>1.0</priority>
-        <priority>0.5</priority>
+</url>
-    </url>
+<url>
+	<loc>https://www.diskfloppy.me/guestbook</loc>
+	<lastmod>2024-09-01T17:44:57+01:00</lastmod>
+	<priority>1.0</priority>
+</url>
+<url>
+	<loc>https://www.diskfloppy.me/music</loc>
+	<lastmod>2024-09-01T17:44:58+01:00</lastmod>
+	<priority>1.0</priority>
+</url>
 </urlset>

resources/views/bookmarks.blade.php

@@ -1,18 +1,24 @@
 <x-layout>
     <x-slot:title>Bookmarks</x-slot:title>
     @foreach($categories as $category)
-        <table class="info-table" role="presentation">
+        <div class="section">
-            <caption>
             <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>
-            </caption>
+            <ul>
-            <tbody>
+            @foreach($sites as $site)
-            @foreach($category->sites as $site)
+                    <li><a href="{{ $site->url }}">{{ $site->name }}</a> - {{ $site->description }}</li>
-                <tr>
-                    <td><a href="{{ $site->url }}">{{ $site->name }}</a> - {{ $site->description }}</td>
-                </tr>
             @endforeach
-            </tbody>
+            </ul>
-        </table>
+        </div>
     @endforeach
 </x-layout>

resources/views/calculators.blade.php

@@ -1,18 +1,20 @@
 <x-layout>
     <x-slot:title>Calculators</x-slot:title>
-        <h1>CASIO fx-CG50</h1>
+    <div class="section">
+        <h2>CASIO fx-CG50</h2>
         <p>TBD</p>
-        <h2>Pictures</h2>
+        <br>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/casio-fx-cg50/1s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view">
         <img src="{{ asset('images/calculators/casio-fx-cg50/2s.jpeg') }}" width="15%" alt="Casio fx-CG50 Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/casio-fx-cg50/3s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view (top half)">
         <img src="{{ asset('images/calculators/casio-fx-cg50/4s.jpeg') }}" width="15%" alt="Casio fx-CG50 Front view (bottom half)">
-
+    </div>
-        <hr>
+    <div class="section">
-
+        <h2>CASIO fx-120 (1977-78)</h2>
-        <h1>CASIO fx-120 (1977-78)</h1>
         <p>TBD</p>
-        <h2>Specifications</h2>
+        <br>
+        <p><strong>Specifications</strong></p>
         <table class="calculator-spec-table">
             <tr>
                 <td><b>Size</b></td>
@@ -43,42 +45,40 @@
                 <td>12-digit VFD (NEC LD8197A)</td>
             </tr>
         </table>
-        <h2>Pictures</h2>
+        <br>
-        <p>Click images to view full size</p>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/casio-fx-120/1s.jpeg') }}" width="15%" alt="Casio fx-120 Front view">
         <img src="{{ asset('images/calculators/casio-fx-120/2s.jpeg') }}" width="15%" alt="Casio fx-120 Front view (top half)">
         <img src="{{ asset('images/calculators/casio-fx-120/3s.jpeg') }}" width="15%" alt="Casio fx-120 Front view (bottom half)">
         <img src="{{ asset('images/calculators/casio-fx-120/4s.jpeg') }}" width="15%" alt="Casio fx-120 Rear view (battery and expansion covers removed">
-
+    </div>
-        <hr>
+    <div class="section">
-
+        <h2>CASIO fx-82 (1982-85)</h2>
-        <h1>CASIO fx-82 (1982-85)</h1>
         <p>TBD</p>
-        <h2>Pictures</h2>
+        <br>
-        <p>Click images to view full size</p>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/casio-fx-82/1s.jpeg') }}" width="15%" alt="Casio fx-82 Front view">
         <img src="{{ asset('images/calculators/casio-fx-82/2s.jpeg') }}" width="15%" alt="Casio fx-82 Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/casio-fx-82/3s.jpeg') }}" width="15%" alt="Casio fx-82 Front view (top half)">
         <img src="{{ asset('images/calculators/casio-fx-82/4s.jpeg') }}" width="15%" alt="Casio fx-82 Front view (bottom half)">
-
+    </div>
-        <hr>
+    <div class="section">
-
+        <h2>Texas Instruments TI-30 (1976-90)</h2>
-        <h1>Texas Instruments TI-30 (1976-90)</h1>
         <p>TBD</p>
-        <h2>Pictures</h2>
+        <br>
-        <p>Click images to view full size</p>
+        <p><strong>Pictures</strong></p>
         <img src="{{ asset('images/calculators/ti-30/1s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (with manual)">
         <img src="{{ asset('images/calculators/ti-30/2s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/ti-30/3s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (top half)">
         <img src="{{ asset('images/calculators/ti-30/4s.jpeg') }}" width="15%" alt="Texas Instruments TI-30 Front view (bottom half)">
-
+    </div>
-        <hr>
+    <div class="section">
-
+        <h2>Texet 880 Executive (1977-78)</h2>
-        <h1>Texet 880 Executive (1977-78)</h1>
         <p>The calculator measures 74.2mm x 135mm x 22.2mm. It weighs 86g without the battery installed, which is a 9v PP3-type battery. Rather than the usual press-stud type holder, the housing has two metal slide clips. There is also what I assume to be a sponge at one end which is supposed to aid in holding the battery in, however it appears to have gone completely hard and I will most likely replace it in the future. There's small adaptor hole at the top, of which the input isn't specified (though it's generally agreed that it's 4.5v centre-positive).</p>
         <p>The case is black &amp; silvery colored with a thin brushed metallic front panel. The eight-digit bubble display has an absolutely <i>terrible</i> viewing angle, which means you either have to be holding it under your coat or against your face to read it!</p>
-        The keypad is particularly strange in the way that it has 3 cancel buttons, <pre>[CE]</pre>, <pre>[C]</pre> and <pre>[CA]</pre>, while the <pre>[CS]</pre> button is a Clear Sign button, <i>not</i> another cancel! The keys themselves are particularly stiff, and you really have to push them to get them to register. Many 880s suffered something referred to as the "pseudo fixed decimal bug" where, if you typed in <pre>1 + 1.00 = </pre>, it would display <pre>2.00</pre> instead of the expected <pre>2</pre>
+        The keypad is particularly strange in the way that it has 3 cancel buttons, [CE], [C] and [CA], while the [CS] button is a Clear Sign button, <i>not</i> another cancel! The keys themselves are particularly stiff, and you really have to push them to get them to register. Many 880s suffered something referred to as the "pseudo fixed decimal bug" where, if you typed in 1 + 1.00 = , it would display 2.00 instead of the expected 2
-        <h2>Specifications</h2>
+        <br>
+        <p><strong>Specifications</strong></p>
         <table class="calculator-spec-table">
             <tr>
                 <td><b>Size</b></td>
@@ -105,10 +105,10 @@
                 <td>8-digit LED</td>
             </tr>
         </table>
-        <h2>Pictures</h2>
+        <p><strong>Pictures</strong></p>
-        <p>Click images to view full size</p>
         <img src="{{ asset('images/calculators/texet-880/1s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view">
         <img src="{{ asset('images/calculators/texet-880/2s.jpeg') }}" width="15%" alt="Texet 880 Executive Rear view (battery cover removed)">
         <img src="{{ asset('images/calculators/texet-880/3s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view (top half)">
         <img src="{{ asset('images/calculators/texet-880/4s.jpeg') }}" width="15%" alt="Texet 880 Executive Front view (bottom half)">
+    </div>
 </x-layout>

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

@@ -1,4 +1,4 @@
-<div class="info-table current-track">
+<div class="section current-track">
     <h2>Last/Current Track:</h2>
     <a href="{{ $track["url"] }}">{{ $track["title"] }} • {{ $track["artist"] }}</a><br>
 </div>

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

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

resources/views/components/layout.blade.php

@@ -14,6 +14,7 @@
     <link rel="icon" type="image/png" href="{{ asset('/favicon-32x32.png') }}" sizes="32x32"/>
     <link rel="icon" type="image/png" href="{{ asset('/favicon-16x16.png') }}" sizes="16x16"/>
     <script src="{{ asset('/js/schemeSwap.js') }}"></script>
+    <script src="{{ asset('/js/liveClock.js') }}"></script>
     {!! (intval(date('n')) == 12) ? '<script src="/js/christmas/snow.js"></script>' : '' !!}
 
     <!-- Page-specific -->
@@ -22,83 +23,66 @@
     <meta property="og:image" content="/favicon-128x128.png">
 </head>
 <body onload="setSchemeSelector()">
-<div class="page">
+<div class="container">
-    <div id="header" class="header">
+    <div class="page">
-        <x-navbar title="{{ $title }}"/>
+        <header>
-        <hr>
+            <h1>{{ str_replace("www.", "", Request::getHost()) }}</h1>
-    </div> <!-- header -->
+        </header>
-    <div id="content" class="content" role="main">
+        <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 }}
-    </div> <!-- content -->
+            </main>
-    <div id="footer" class="footer">
+            <div class="sidebar">
-        <hr>
+                <div class="section"><nav><x-navigation/></nav></div>
-        <div class="footer" role="contentinfo">
+                <div class="section"><x-settings/></div>
+                <div class="section centerbox"><x-discord-status/></div>
+                <div class="section"><x-weather/></div>
+            </div>
+        </div>
+        <footer>
+            <div>
+                (c) floppydisk 2021-{{ date('Y') }}<br>
+                v{{ config('app.version') }}, <a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a><br>
+                Served by {{ gethostname() }}
+            </div>
+            <div>
                 <a href="https://dimden.dev/" class="button">
                     <img src="https://dimden.dev/services/images/88x31.gif" width="88" height="31"
                          class="pixel" alt="dimden.dev">
-            </a>&nbsp;
+                </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>&nbsp;
+                </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>&nbsp;
+                </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>&nbsp;
+                </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>&nbsp;
+                </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><br>
+                </a>
-            <p>This site is best viewed at 1024x768 with 16-bit color or better<br>
-            &copy; floppydisk 2021-{{ date('Y') }}, v{{ config('app.version') }}, <a
-                href="https://github.com/floppydisk05/diskfloppy.me">Source</a>,
-            Served by {{ gethostname() }}<br>
-            <label for="scheme-selector">Color Scheme:</label>
-            <select id="scheme-selector">
-                <optgroup label="Misc">
-                    <option value="c64">C64</option>
-                </optgroup>
-                <optgroup label="Light">
-                    <option value="catppuccin-latte">Catppuccin Latte</option>
-                    <option value="gruvbox">Gruvbox</option>
-                    <option value="man-page">Man Page</option>
-                    <option value="papercolor-light">Papercolor Light</option>
-                    <option value="rose-pine-dawn">Rosé Pine Dawn</option>
-                    <option value="solarized-light">Solarized Light</option>
-                    <option value="terminal-basic">Terminal Basic</option>
-                </optgroup>
-                <optgroup label="Dark">
-                    <option value="catppuccin-frappe">Catppuccin Frappé</option>
-                    <option value="catppuccin-macchiato" selected="selected">Catppuccin Macchiato</option>
-                    <option value="catppuccin-mocha">Catppuccin Mocha</option>
-                    <option value="gruvbox-dark">Gruvbox Dark</option>
-                    <option value="gruvbox-material">Gruvbox Material</option>
-                    <option value="maia">Maia</option>
-                    <option value="mono-amber">Mono Amber</option>
-                    <option value="mono-cyan">Mono Cyan</option>
-                    <option value="mono-green">Mono Green</option>
-                    <option value="mono-red">Mono Red</option>
-                    <option value="mono-white">Mono White</option>
-                    <option value="mono-yellow">Mono Yellow</option>
-                    <option value="papercolor-dark">Papercolor Dark</option>
-                    <option value="rose-pine">Rosé Pine</option>
-                    <option value="rose-pine-moon">Rose Pine Moon</option>
-                    <option value="shel">Shel</option>
-                    <option value="slate">Slate</option>
-                    <option value="solarized-dark">Solarized Dark</option>
-                </optgroup>
-            </select>
-            <button onclick="swapScheme()">Apply</button></p>
             </div>
-    </div> <!-- footer -->
+        </footer>
-</div> <!-- page -->
+    </div>
+</div>
 </body>
 </html>

resources/views/components/navbar.blade.php

@@ -1,16 +0,0 @@
-<nav>
-    <h1>{{ str_replace("www.", "", Request::getHost()) }} | <strong>{{ $title }}</strong></h1>
-    <div class="nav-wrapper">
-        <div>
-            <a href="/" title="Home"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" alt="Home" width="32" height="32"></a>
-            <a href="//git.diskfloppy.me/" title="cgit"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" alt="cgit" width="32" height="32"></a>
-            <a href="/pub/" title="Public Files"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" alt="Public Files" width="32" height="32"></a>
-            <a href="/computers/" title="Computers"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" alt="Computers" width="32" height="32"></a>
-            <a href="/calculators/" title="Calculators"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" alt="Calculators" width="32" height="32"></a>
-            <a href="/bookmarks/" title="Bookmarks"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" alt="Bookmarks" width="32" height="32"></a>
-            <a href="/guestbook/" title="Guestbook"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" alt="Guestbook" width="32" height="32"></a>
-            <a href="//weather.diskfloppy.me/" title="Weather"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" alt="Weather" width="32" height="32"></a>
-            <a href="/music/" title="Music"><img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" alt="Music" width="32" height="32"></a>&nbsp;&nbsp;
-        </div>
-    </div>
-</nav>

resources/views/components/navigation.blade.php

@@ -0,0 +1,30 @@
+<p><strong>Navigation:</strong></p>
+<div class="navlinks">
+<a href="/">
+    <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/home2.png') }}" width="16" height="16" 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>

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

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

resources/views/components/settings.blade.php

@@ -0,0 +1,37 @@
+<p><strong>Site Settings:</strong></p>
+<label for="scheme-selector">Colors:</label>
+<select id="scheme-selector">
+{{--    <optgroup label="Misc">--}}
+{{--        <option value="c64">C64</option>--}}
+{{--    </optgroup>--}}
+    <optgroup label="Light">
+        <option value="catppuccin-latte">Catppuccin Latte</option>
+{{--        <option value="gruvbox">Gruvbox</option>--}}
+{{--        <option value="man-page">Man Page</option>--}}
+{{--        <option value="papercolor-light">Papercolor Light</option>--}}
+{{--        <option value="rose-pine-dawn">Rosé Pine Dawn</option>--}}
+{{--        <option value="solarized-light">Solarized Light</option>--}}
+{{--        <option value="terminal-basic">Terminal Basic</option>--}}
+    </optgroup>
+    <optgroup label="Dark">
+        <option value="catppuccin-frappe">Catppuccin Frappé</option>
+        <option value="catppuccin-macchiato" selected="selected">Catppuccin Macchiato</option>
+        <option value="catppuccin-mocha">Catppuccin Mocha</option>
+{{--        <option value="gruvbox-dark">Gruvbox Dark</option>--}}
+{{--        <option value="gruvbox-material">Gruvbox Material</option>--}}
+{{--        <option value="maia">Maia</option>--}}
+{{--        <option value="mono-amber">Mono Amber</option>--}}
+{{--        <option value="mono-cyan">Mono Cyan</option>--}}
+{{--        <option value="mono-green">Mono Green</option>--}}
+{{--        <option value="mono-red">Mono Red</option>--}}
+{{--        <option value="mono-white">Mono White</option>--}}
+{{--        <option value="mono-yellow">Mono Yellow</option>--}}
+{{--        <option value="papercolor-dark">Papercolor Dark</option>--}}
+{{--        <option value="rose-pine">Rosé Pine</option>--}}
+{{--        <option value="rose-pine-moon">Rose Pine Moon</option>--}}
+{{--        <option value="shel">Shel</option>--}}
+{{--        <option value="slate">Slate</option>--}}
+{{--        <option value="solarized-dark">Solarized Dark</option>--}}
+    </optgroup>
+</select><br>
+<button onclick="swapScheme()">Apply</button>

resources/views/components/toh-quote.blade.php

@@ -0,0 +1,12 @@
+<p class="quote">
+    @foreach($quote["lines"] as $line)
+        <strong>{{ $line["character"] }}:</strong>
+        {{-- Literally only one thing will trigger this lmao --}}
+        @if($line["line"] == "*Rage squeals*")
+            {{ $line["line"] }}
+        @else
+            "{{ $line["line"] }}"
+        @endif<br>
+    @endforeach
+    <small>({{ $quote["attribution"] }})</small>
+</p>

resources/views/components/top-tracks.blade.php

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

resources/views/components/weather.blade.php

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

resources/views/computers.blade.php

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

@@ -56,9 +56,7 @@
         @php
             $user_agent = $parser->parse($entry->agent);
         @endphp
-        <table class="gb-entry" role="presentation">
+        <div class="section">
-            <tr>
-                <td>
             Submitted by <strong>{{ $entry->name }}</strong>
             on <strong>{{ $entry->created_at->format('Y-m-d') }}</strong>
             at <strong>{{ $entry->created_at->format('h:i:s A (e)') }}</strong>
@@ -71,9 +69,7 @@
                 <address>Posted using <strong>{{ $user_agent->ua->toString() }}</strong>
                     on <strong>{{ $user_agent->os->toString() }}</strong></address>
             @endif
-                </td>
+        </div>
-            </tr>
-        </table>
         <br>
     @endforeach
 </x-layout>

resources/views/home.blade.php

@@ -1,40 +1,37 @@
 <x-layout>
     <x-slot:title>Home</x-slot:title>
-    <p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.</p>
 
-    <div class="info-section">
+    <div class="section">
-        <h2>QuickFacts&trade;</h2>
+        <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>Favorite games: <a href="https://steamcommunity.com/id/fwoppydwisk/recommended/420530/">OneShot</a>, Minecraft, Stardew Valley, N++ and Starbound</li>
             <li><a href="http://wxqa.com/">CWOP</a> member</li>
         </ul>
-    </div>
+        <br>
-    <div class="info-section">
+        <p>Interests:</p>
-        <h2>Interests</h2>
-        <hr>
         <ul>
             <li><strong>Tech Theatre</strong> - Lighting, Stage Management, etc. (<a href="https://www.controlbooth.com/members/floppydisk.28673/">ControlBooth</a>)</li>
             <li><strong>Programming</strong> - HTML, CSS, JavaScript, C#, Java, PHP, Ruby, Python (<a href="https://github.com/floppydisk05">GitHub</a>)</li>
             <li><strong>Photography</strong> - <a href="https://www.flickr.com/photos/floppydisk/">Flickr</a></li>
-            <li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/floppydisk05/">Steam Profile</a></li>
+            <li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/fwoppydwisk/">Steam Profile</a></li>
         </ul>
     </div>
-    <div class="info-section">
+    <div class="section">
-        <h2>Things they never said</h2>
+        <h2>Random Quote</h2>
         <hr>
-        <p>
+        <x-toh-quote/>
-            <script type="text/javascript" src="{{ asset("/js/neverSaid.js") }}"></script>
-            <noscript>Oops! You need JavaScript enabled to view this content.</noscript>
-        </p>
     </div>
-    <div class="info-section">
+    <div class="section">
-        <h2>Contact &amp; social</h2>
+        <h2>Contact</h2>
         <hr>
         <p>
             <strong>E-mail:</strong> <a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a><br>

resources/views/music.blade.php

@@ -1,6 +1,5 @@
 <x-layout>
     <x-slot:title>Music</x-slot:title>
     <x-current-track :track="$current_track"/>
-    <hr>
     <x-top-tracks :tracks="$top_tracks"/>
 </x-layout>