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

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