RoscoeDaWah/wah.moe
RoscoeDaWah/wah.moe
1
0
Fork 0
Code Issues Pull requests Projects Releases 23 Packages Activity Actions

Initial redesign commit

Browse source
This commit is contained in:
floppydiskette 2024-08-08 02:00:44 +01:00
commit 33c49199c7
25 changed files with 978 additions and 751 deletions
Download patch file Download diff file Expand all files Collapse all files

138
resources/views/components/layout.blade.php
View file

@ -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 id="header" class="header">
<x-navbar title="{{ $title }}"/>
<hr>
</div> <!-- header -->
<div id="content" class="content" role="main">
{{ $slot }}
</div> <!-- content -->
<div id="footer" class="footer">
<hr>
<div class="footer" role="contentinfo">
<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 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 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 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 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 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>
<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 class="container">
<div class="page">
<div class="header">
<h1>{{ str_replace("www.", "", Request::getHost()) }}</h1>
</div>
</div> <!-- footer -->
</div> <!-- page -->
<div class="navbar">
<p>
<strong>Current Path:</strong>
@if(Request::getRequestUri() == "/")
/
@else
{{ str_replace("/", " / ", rtrim(Request::getRequestUri(), "/")) }}
@endif
</p>
</div>
<div class="content">
<div class="main">
{{ $slot }}
</div>
<div class="sidebar">
<div class="section"><x-navigation/></div>
<div class="section"><x-settings/></div>
<div class="section centerbox"><x-online-status/></div>
<div class="section"><x-weather/></div>
</div>
</div>
<div class="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>
<a href="https://www.linux.org/" class="button">
<img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" width="88"
class="pixel" height="31" alt="Linux NOW!">
</a>
<a href="https://www.vim.org/" class="button">
<img src="{{ URL::asset('images/buttons/vim.gif') }}" width="88" height="31"
class="pixel" alt="vim">
</a><br>
<a href="https://wave.webaim.org/" class="button">
<img src="{{ URL::asset('images/buttons/evaluatedWAVE.png') }}" width="88" height="31"
class="pixel" alt="Evaluated to be accessible!">
</a>
<a href="https://jigsaw.w3.org/css-validator/check/referer" class="button">
<img src="{{ URL::asset('images/buttons/vcss-blue.gif') }}" width="88" height="31"
class="pixel" alt="Valid CSS!">
</a>
<a href="https://wiby.me/" class="button">
<img src="{{ URL::asset('images/buttons/wiby.gif') }}" width="88" height="31"
class="pixel" alt="Wiby - Search Engine for the Classic Web">
</a>
</div>
</div>
</div>
</div>
</body>
</html>

16
resources/views/components/navbar.blade.php
View file

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

30
resources/views/components/navigation.blade.php Normal file
View file

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

3
resources/views/components/online-status.blade.php Normal file
View file

@ -0,0 +1,3 @@
<span>I'm</span>
<h2 class="online-status">Online!</h2>
<p><strong>Time in Britain:</strong> <span id="clock"></span></p>

37
resources/views/components/settings.blade.php Normal file
View file

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

7
resources/views/components/weather.blade.php Normal file
View file

@ -0,0 +1,7 @@
<p><strong>Weather:</strong></p>
<p>
69C<br>
0mm/hr<br>
69%<br>
420inHg
</p>