Add table-based legacy design

This commit is contained in:
Roscoe 2025-08-10 02:54:16 +01:00
commit 57bb0e03a3
Signed by: RoscoeDaWah
SSH key fingerprint: SHA256:Hqn452XQ1ETzUt/FthJu6+OFkS4NBxCv5VQSEvuk7CE
35 changed files with 886 additions and 526 deletions

View file

@ -16,7 +16,7 @@
<hr>
<ul>
@foreach($sites as $site)
<li><a href="{{ $site->url }}">{{ $site->name }}</a> - {{ $site->description }}</li>
<li><a href="{{ $site->url }}"><font color="#000000">{{ $site->name }}</font></a> - {{ $site->description }}</li>
@endforeach
</ul>
</div>

View file

@ -1,10 +1,23 @@
@if (isLegacy())
<table border="0" cellpadding="0" cellspacing="0"><tr>
<td><img src="{{ $artUrl }}" alt="Album cover for {{ $track["title"] }} by {{ $track["artist"] }}"></td>
<td width="10px">&nbsp;</td>
<td>
<h2>{{ $track["header"] }}:</h2>
<a href="{{ $track["url"] }}"><font color="#000000">{{ $track["title"] }}</font></a><br>
by {{ $track["artist"] }}<br>
</td>
</tr></table>
<br>
@else
<div class="current-track">
<div>
<img src="{{ $track["image"] }}" alt="Album cover for {{ $track["title"] }} by {{ $track["artist"] }}">
<img src="{{ $artUrl }}" alt="Album cover for {{ $track["title"] }} by {{ $track["artist"] }}">
</div>
<div>
<h2>{{ $track["header"] }}:</h2>
<a href="{{ $track["url"] }}">{{ $track["title"] }}</a><br>
<a href="{{ $track["url"] }}"><font color="#000000">{{ $track["title"] }}</font></a><br>
by {{ $track["artist"] }}<br>
</div>
</div>
@endif

View file

@ -1,7 +1,12 @@
@if (isLegacy())
<table border="1" cellspacing="0" cellpadding="5">
<font size="+2"><b>Top 10 Tracks (Last 30 days):</b></font>
@else
<table class="music-top10">
<caption>
<h2 style="margin-bottom: 5px">Top 10 Tracks (Last 30 days):</h2>
</caption>
@endif
<tr>
<th><b>#</b></th>
<th><b>Track</b></th>

View file

@ -1,6 +1,6 @@
<tr>
<td>{{ $count }}</td>
<td><a href="{{ $track["url"] }}">{{ $track["title"] }}</a></td>
<td><a href="{{ $track["url"] }}"><font color="#000000">{{ $track["title"] }}</font></a></td>
<td>{{ $track["artist"] }}</td>
<td>{{ $track["plays"] }}</td>
</tr>

View file

@ -0,0 +1,102 @@
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!--suppress ALL -->
<html>
<head>
<meta charset="utf-8">
<title>wah! (dot moe) - {{ $title }}</title>
</head>
<body background="/images/roscoe_tile.jpg" bgcolor="#6595fb" text="#000000" link="#FFFFFF" alink="#999999" vlink="#FFFFFF">
<table bgcolor="#6595fb" width="850px" cellpadding="0" cellspacing="0" border="0">
<!-- HEADER -->
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" class="nopad">
<tr>
<td width="90px">
<img src="/images/logo-v2.gif">
</td>
<td valign="middle"><font color="#FFFFFF" face="sans-serif">
<font size="+10"><b><i>wah! (dot moe)</i></b></font><br>
<i>"i mean it looks alright, but then you realise its all tables" ~ alice</i>
</font></td>
</tr>
</table>
</td>
</tr>
<!-- HEADER END -->
<!-- TOP NAV -->
<tr><td height="5px" bgcolor="#3366FF"><font size="-2">&nbsp;</font></td></tr>
<tr>
<td>
<table bgcolor="#3366FF" border="0" class="nopad" cellpadding="0" cellspacing="0">
<tr>
<td width="10px" bgcolor="#3366FF">&nbsp;</td>
<td bgcolor="#3366FF" width="100%"><font face="sans-serif" color="#FFFFFF">
<x-navigation></x-navigation>
</font></td>
<td width="5px" bgcolor="#3366FF" >&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr><td height="5px" bgcolor="#3366FF"><font size="-2">&nbsp;</font></td></tr>
<!-- TOP NAV END -->
<!-- CONTENT -->
<tr><td height="5px" bgcolor="#FFFFFF"><font size="-2">&nbsp;</font></td></tr>
<tr>
<td>
<table bgcolor="#FFFFFF" border="0" class="nopad" cellpadding="0" cellspacing="0">
<tr>
<td width="10px" bgcolor="#FFFFFF">&nbsp;</td>
<td bgcolor="#ffffff" width="100%"><font face="sans-serif">
{{ $slot }}
</font></td>
<td width="5px" bgcolor="#FFFFFF" >&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr><td height="5px" bgcolor="#FFFFFF"><font size="-2">&nbsp;</font></td></tr>
<!-- CONTENT END -->
<!-- BOTTOM NAV -->
<tr><td height="5px" bgcolor="#3366FF"><font size="-2">&nbsp;</font></td></tr>
<tr>
<td>
<table bgcolor="#3366FF" border="0" class="nopad" cellpadding="0" cellspacing="0">
<tr>
<td width="10px" bgcolor="#3366FF">&nbsp;</td>
<td bgcolor="#3366FF" width="100%"><font face="sans-serif" color="#FFFFFF">
<x-navigation></x-navigation>
</font></td>
<td width="5px" bgcolor="#3366FF" >&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr><td height="5px" bgcolor="#3366FF"><font size="-2">&nbsp;</font></td></tr>
<!-- BOTTOM NAV END -->
<!-- FOOTER -->
<tr><td height="5px"><font size="-2">&nbsp;</font></td></tr>
<tr>
<td>
<table border="0" class="nopad" cellpadding="0" cellspacing="0">
<tr>
<td width="10px">&nbsp;</td>
<td width="100%"><font face="sans-serif" color="#FFFFFF">
&copy; RoscoeDaWah 2021-2025
</font></td>
<td width="5px">&nbsp;</td>
</tr>
</table>
</td>
</tr>
<tr><td height="5px"><font size="-2">&nbsp;</font></td></tr>
<!-- FOOTER END -->
</table>
</body>
</html>

View file

@ -27,7 +27,7 @@
<div id="header">
<header>
<div>
<img src="{{ asset('/images/logo.png') }}" width="65" alt="A pixel art depiction of a paw, in three alternating shades of orange.">
<img src="{{ asset('/images/wah-paw-v2.gif') }}" width="84" alt="A pixel art depiction of a paw, in three alternating shades of orange.">
</div>
<div>
<h1>wah!</h1>
@ -41,6 +41,7 @@
<div id="content">
<main>
{{ $slot }}
<div class="clear"></div>
</main>
</div>
<div>

View file

@ -1,9 +1,12 @@
<nav>
<strong>Pages:</strong>
<a href="/">home</a> |
@if(!isLegacy())
<a href="//wiki.wah.moe">wah-ki</a> |
@endif
<a href="//git.wah.moe">git</a> |
<a href="/pub">files</a> |
<a href="gopher://wah.moe">gopher</a> |
<a href="/bookmarks">bookmarks</a> |
<a href="/guestbook">guestbook</a> |
<a href="/music">music</a> |

View file

@ -1,3 +1,4 @@
@if(!isLegacy())
<div class="wah">
<h3>Random Wah!</h3>
@if ($wah !== "")
@ -8,3 +9,4 @@
<p>Unable to retrieve image</p>
@endif
</div>
@endif

View file

@ -5,7 +5,7 @@
<td>
<form method="POST" action="/guestbook">
@csrf
<x-honeypot/>
@if(!isLegacy())<x-honeypot/>@endif
<table class="form" role="presentation">
<tr>
<td>
@ -32,7 +32,16 @@
<tr>
<td></td>
<td>
@if(isLegacy())
<input type="submit" name="Submit" VALUE="Submit">
@else
<button type="submit">Submit</button>
@endif
</td>
</tr>
<tr>
<td></td>
<td>
</td>
</tr>
</table>
@ -44,12 +53,52 @@
<li>You can submit an entry <u>once every hour</u>.</li>
<li>Your IP address is logged but <u>not</u> publicly displayed.</li>
<li>Any entries that appear to be spam <u>will</u> be removed.</li>
@if (isLegacy())
<li>This form is broken in super-old browsers.</li>
<li>Entries submitted on this site are flagged for manual review.</li>
@endif
</ul>
</td>
</tr>
</table>
@if (isLegacy())
<font size="+2"><b>Entries ({{ count($entries) }} total)</b></font>
<table cellspacing="10" cellpadding="0" border="0">
@foreach ($entries as $entry)
{{-- Skip entries flagged as legacy --}}
@if($entry->legacy_flagged) @php continue @endphp @endif
@php
$user_agent = $parser->parse($entry->agent);
@endphp
<tr>
<td>
<table cellspacing="2" cellpadding="5" border="1" width="100%">
<tr><td>
Submitted by <b>{{ $entry->name }}</b>
on <b>{{ $entry->created_at->format('Y-m-d') }}</b>
at <b>{{ $entry->created_at->format('h:i:s A (e)') }}</b>
</td></tr>
<tr><td>{{ $entry->message }}</td></tr>
<tr><td>
@if($entry->agent === "Agent Unavailable")
<i>Agent unavailable</i>
@else
@if ($user_agent->ua->toString() == "Other" || $user_agent->os->toString() == "Other")
<i>Posted using <b>{{ $entry->agent }}</b></i>
@else
<i>Posted using <b>{{ $user_agent->ua->toString() }}</b>
on <b>{{ $user_agent->os->toString() }}</b></i>
@endif
@endif
</td></tr>
</table>
</td>
</tr>
@endforeach
</table>
@else
<hr>
<h2>Entries <small>({{ count($entries) }} total)</small></h2>
@foreach ($entries as $entry)
@ -66,10 +115,15 @@
@if($entry->agent === "Agent Unavailable")
<address>Agent unavailable</address>
@else
<address>Posted using <strong>{{ $user_agent->ua->toString() }}</strong>
on <strong>{{ $user_agent->os->toString() }}</strong></address>
@if ($user_agent->ua->toString() == "Other" || $user_agent->os->toString() == "Other")
<address>Posted using <strong>{{ $entry->agent }}</strong></address>
@else
<address>Posted using <strong>{{ $user_agent->ua->toString() }}</strong>
on <strong>{{ $user_agent->os->toString() }}</strong></address>
@endif
@endif
</div>
<br>
@endforeach
@endif
</x-layout>

View file

@ -5,25 +5,29 @@
<p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide
<strong>W</strong>eb.
</p>
<br>
@if(!isLegacy())
<br>
@endif
<p>Some quick facts about me:</p>
<ul>
<li>{{ $age }} y/o, he/him, British</li>
<li>Theatre Technician and &quot;Web Developer&quot;</li>
<li>Loves ETC desks, prefers Generics to LEDs for some reason</li>
<li>Spends way too much time on his computer</li>
<li>Favorite games: <a href="https://steamcommunity.com/id/RoscoeDaWah/recommended/420530/">OneShot</a>,
<li>Favorite games: <a href="https://steamcommunity.com/id/RoscoeDaWah/recommended/420530/"><font color="#000000">OneShot</font></a>,
Minecraft, Stardew Valley, N++ and Starbound</li>
<li><a href="http://wxqa.com/">CWOP</a> member</li>
<li><a href="http://wxqa.com/"><font color="#000000">CWOP</font></a> member</li>
</ul>
<br>
@if(!isLegacy())
<br>
@endif
<p>Interests:</p>
<ul>
<li><strong>Tech Theatre</strong> - Lighting, Stage Management, etc.</li>
<li><strong>Programming</strong> - HTML, CSS, JavaScript, C#, Java, PHP, Ruby, Python (<a
href="https://github.com/RoscoeDaWah">GitHub</a>)</li>
<li><strong>Photography</strong> - <a href="https://www.flickr.com/photos/roscoedawah/">Flickr</a></li>
<li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/RoscoeDaWah/">Steam Profile</a>
href="https://github.com/RoscoeDaWah"><font color="#000000">GitHub</font></a>)</li>
<li><strong>Photography</strong> - <a href="https://www.flickr.com/photos/roscoedawah/"><font color="#000000">Flickr</font></a></li>
<li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/RoscoeDaWah/"><font color="#000000">Steam Profile</font></a>
</li>
</ul>
</x-layout>

View file

@ -2,7 +2,16 @@
<x-slot:title>Absolute Pandamonium!</x-slot:title>
<x-slot:cardImage>{{ asset('/images/embeds/pandamonium.png') }}</x-slot:cardImage>
<x-slot:cardDescription>Follow the adventures of Rosco, Leko, Viz and AJ!</x-slot:cardDescription>
<div class="rosco-leko-gallery">
@if (isLegacy())
<p><i>Click images for full-size version (56k no!)</i></p>
@foreach($images as $image)
<a href="{{ str_replace('-legacy', '', $image["path"]) }}"><img src="{{ $image["path"] }}" @if(isset($image["description"])) alt="{{ $image["description"] }}" @endif></a>
@if(isset($image["description"]))
<p>{{$image["description"]}}</p>
@endif
@endforeach
@else
<div class="rosco-leko-gallery">
@foreach($images as $image)
<div>
<img src="{{ $image["path"] }}" @if(isset($image["description"])) alt="{{ $image["description"] }}" @endif>
@ -11,5 +20,6 @@
@endif
</div>
@endforeach
</div>
</div>
@endif
</x-layout>