oh my god....

app/Helpers/LegacyHelper.php

@@ -0,0 +1,4 @@
+<?php
+function isLegacy() : bool {
+    return (request()->getHost() == "100.92.22.57" || request()->getHost() == "192.168.137.1");
+}

app/Providers/HelperServiceProvider.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+
+class HelperServiceProvider extends ServiceProvider
+{
+    /**
+     * Register services.
+     */
+    public function register(): void {
+        require_once app_path('Helpers/LegacyHelper.php');
+    }
+
+    /**
+     * Bootstrap services.
+     */
+    public function boot(): void {}
+}

public/css/master-legacy.css

@@ -0,0 +1,308 @@
+table, td, th {
+    /*border: red 2px solid*/
+}
+
+/* ───────────────────────────────────── Global ───────────────────────────────────── */
+html {
+    height: 100%;
+    color-scheme: light;
+    scrollbar-color: #f27405 #f2efbd;
+}
+
+body {
+    color: #2a271c;
+    min-height: 100%;
+    background-color: hsla(0, 0%, 0%, 0);
+    padding: 10px;
+    font-family: "PT Serif";
+}
+
+/*body::before {*/
+/*    content: "";*/
+/*    position: fixed;*/
+/*    top: 0;*/
+/*    left: 0;*/
+/*    background-image: url("/images/background.jpg");*/
+/*    width: 100%;*/
+/*    height: 100%;*/
+/*    z-index: -1;*/
+/*    opacity: 0.8;*/
+/*    background-size: cover;*/
+/*    background-attachment: fixed;*/
+/*    overflow: hidden;*/
+/*}*/
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    margin: 20px 0 0 0;
+}
+
+p,
+ul,
+ol,
+dl,
+menu,
+dir {
+    margin: 0;
+}
+
+hr {
+    border: none;
+    border-top: #f27405 2px solid;
+}
+
+a {
+    color: #374729;
+    text-decoration: underline dotted;
+}
+
+a:hover {
+    color: #26311c;
+    text-decoration: underline solid;
+}
+
+div.page-container {
+    width: 800px;
+    margin: 5px auto;
+}
+
+div.page-container table.section {
+    background-color: #f2efbd;
+    border: #f27405 2px solid;
+    margin-bottom: 20px;
+}
+
+div.page-container > div:last-child {
+    margin-bottom: 0;
+}
+
+table.section {
+    width: 100%;
+}
+
+table#header td.logo {
+    width: 75px;
+}
+
+table#header h1,
+h2.gb-legacy-warn{
+    margin: 0;
+}
+
+table#header td {
+    vertical-align: center;
+}
+
+td.fullwidth {
+    width: 100%;
+}
+
+a img {
+    border:none;
+}
+
+td.footer-buttons {
+    text-align: right;
+}
+
+/** ------- **/
+
+header {
+    display: grid;
+    grid-template-columns: 66px 1fr;
+    grid-template-rows: 1fr;
+    grid-column-gap: 15px;
+    grid-row-gap: 0;
+    align-items: center;
+}
+
+header img {
+    margin-right: 10px;
+    image-rendering: pixelated;
+}
+
+header h1 {
+    margin: 0;
+    font-style: italic;
+}
+
+header h1,
+header p {
+    display: inline;
+}
+
+main>div {
+    position: relative;
+}
+
+main>div::after {
+    display: block;
+    content: "";
+    clear: both;
+}
+
+div#footer {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: 1fr;
+    grid-column-gap: 0;
+    grid-row-gap: 0;
+    align-items: center;
+}
+
+div#footer div:last-child {
+    text-align: right;
+}
+
+div#footer div:last-child img {
+    image-rendering: pixelated;
+    margin: 0;
+    padding: 0;
+    width: 88px;
+    height: 31px;
+}
+
+/** Wah! **/
+div.wah {
+    float: right;
+    border: #f27405 2px solid;
+    padding: 5px;
+    background-color: #f2efbd;
+}
+
+div.wah img {
+    display: block;
+}
+
+div.wah h3,
+div.wah p {
+    text-align: center;
+    margin: 5px 0;
+    font-style: italic;
+}
+
+div.wah p {
+    margin-bottom: 0;
+}
+
+div.wah img {
+    width: 250px;
+}
+
+/** Guestbook **/
+table.form input,
+table.form textarea,
+table.form button {
+    background-color: #f2efbd;
+    border: #f27405 2px solid;
+}
+
+table.form input,
+table.form textarea {
+    width: 250px;
+}
+
+table.form textarea {
+    resize: none;
+}
+
+table.form button:hover {
+    background-color: #f27405;
+    color: #f2efbd;
+    filter: none;
+}
+
+table.form tr td,
+table.gb-entry-form-container td:last-child {
+    vertical-align: top;
+}
+
+div.gb-entry {
+    border: #f27405 2px solid;
+    background-color: #f2efbd;
+    width: 75%;
+    padding: 10px;
+}
+
+/** Music **/
+table.music-top10 {
+    border: #f27405 2px solid;
+    background-color: #f2efbd;
+    border-collapse: collapse;
+}
+
+table.music-top10 th,
+table.music-top10 td {
+    padding: 2px 5px;
+}
+
+table.music-top10 th:first-child {
+    text-align: left;
+}
+
+table.music-top10 tr:first-child th {
+    border-right: #f27405 2px solid;
+    border-bottom: #f27405 2px solid;
+}
+
+table.music-top10 tr:first-child th:last-child {
+    border-right: none;
+}
+
+table.music-top10 tr td {
+    border-right: #f27405 2px solid;
+}
+
+table.music-top10 tr td:last-child {
+    border-right: none;
+}
+table.music-top10 tr:first-child th,
+table.music-top10 tr td:first-child {
+    background-color: #d72b04;
+}
+
+div.current-track {
+    display: grid;
+    grid-template-columns: 180px auto;
+    grid-template-rows: 1fr;
+    grid-column-gap: 10px;
+    align-items: center;
+}
+
+div.current-track img {
+    float: left;
+    border: #f27405 2px solid;
+    width: 174px;
+    height: 174px;
+}
+
+/** Bookmarks **/
+div.bookmark-category:first-child h2 {
+    margin: 0;
+}
+
+
+
+/* ────────────────────────────────── Rosco & Leko ────────────────────────────────── */
+div.rosco-leko-gallery {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+div.rosco-leko-gallery > div {
+    border: #f27405 2px solid;
+    padding: 5px;
+    background-color: #f2efbd;
+    margin: 10px;
+    height: auto;
+}
+
+div.rosco-leko-gallery > div,
+div.rosco-leko-gallery > div img {
+    max-width: 220px;
+}

resources/views/components/layout-err.blade.php

@@ -20,7 +20,7 @@
                     Root: &nbsp;&nbsp;&nbsp;{!! url('') !!}<br>
                     Path: &nbsp;&nbsp;&nbsp;@if(Request::path() == "/")/@else/{{ Request::path() }}/@endif<br>
                     Epoch: &nbsp;&nbsp;{{ now()->timestamp }}<br>
-                    Agent: &nbsp;&nbsp;Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:122.0) Gecko/20100101 Firefox/122.0	</code>
+                    Agent: &nbsp;&nbsp;{{ request()->userAgent() }}</code>
             </td></tr></table>
     <hr align="left">
     <p>&copy; RoscoeDaWah 2021-2024</p>

resources/views/components/layout-legacy.blade.php

@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <!-- Global -->
+    <meta charset="utf-8">
+    <meta property="og:type" content="website">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="theme-color" content="#f27405">
+    <meta name="twitter:card" content="summary_large_image">
+    <title>wah! (dot moe)</title>
+    <link rel="stylesheet" href="{{ asset('/css/master-legacy.css') }}"/>
+    <link rel="icon" type="image/png" href="{{ asset('/favicon-32x32.png') }}" sizes="32x32"/>
+    <link rel="icon" type="image/png" href="{{ asset('/favicon-16x16.png') }}" sizes="16x16"/>
+    @if ($isChristmas)<script src="{{ asset('/js/christmas/snowstorm.js') }}"></script>@endif
+
+
+    <!-- Page-specific -->
+    <meta property="og:title" content="wah! (dot moe) - {{ $title }}">
+    <meta property="og:image" content="{{ $cardImage ?? "/favicon-128x128.png" }}">
+    <meta property="og:description" content="{{ $cardDescription ?? "" }}">
+</head>
+<body>
+    <div class="page-container">
+        <table id="header" class="section">
+            <tr>
+                <td class="logo"><img src="{{ asset('/images/logo.gif') }}" width="65" alt="A pixel art depiction of a paw, in three alternating shades of orange."></td>
+                <td><h1>wahLEGACY!</h1></td>
+                <td class="fullwidth"><p>(dot moe)</p></td>
+            </tr>
+            <tr>
+                <td colspan="3"><x-navigation></x-navigation></td>
+            </tr>
+        </table>
+        <table id="content" class="section">
+            <tr>
+                <td>
+                    {{ $slot }}
+                </td>
+            </tr>
+        </table>
+        <table id="footer" class="section">
+            <tr>
+                <td>
+                    &copy; RoscoeDaWah 2021-{{ date('Y') }}<br>
+                    v{{ config('app.version') }}, <a href="https://git.frzn.dev/RoscoeDaWah/wah.moe/releases/latest">Source</a><br>
+                    Served by {{ gethostname() }}
+                </td>
+                <td class="footer-buttons">
+                    <img src="{{ URL::asset('images/buttons/wah.gif') }}" alt="wah! (dot moe)">
+                    <a href="https://aliceisvery.gay/"><img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}" alt="ConfusionUnknown"></a>
+                    <a href="https://julimiro.eu/"><img src="{{ URL::asset('images/buttons/juli.gif') }}" alt="Julimiro.eu"></a>
+                    <a href="https://x86.isafox.gay/"><img src="{{ URL::asset('images/buttons/x86.gif') }}" alt="x86Overflow"></a>
+                    <a href="https://thinliquid.dev/"><img src="{{ URL::asset('images/buttons/thnlqd.gif') }}" alt="thinliquid"></a>
+                    <a href="https://dimden.dev/"><img src="{{ URL::asset('images/buttons/dimden.gif') }}" alt="Dimden's website"></a><br>
+                    <a href="https://developer.mozilla.org/en-US/docs/Web/CSS"><img src="{{ URL::asset('images/buttons/csshard.gif') }}" alt="CSS is hard"></a>
+                    <a href="https://linux.org/"><img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" alt="Linux NOW!"></a>
+                    <img src="{{ URL::asset('images/buttons/paws-aliased.gif') }}" alt="Made with my own two paws">
+                    <img src="{{ URL::asset('images/buttons/transrights.gif') }}" alt="Trans Rights NOW!">
+                    <a href="https://www.vim.org/"><img src="{{ URL::asset('images/buttons/vim.gif') }}" alt="Vim"></a>
+                    <img src="{{ URL::asset('images/buttons/aliasing.gif') }}" alt="I Heart Aliasing">
+                </td>
+            </tr>
+        </table>
+    </div>
+</body>
+</html>