aboutsummaryrefslogtreecommitdiff
path: root/resources/views/components
diff options
context:
space:
mode:
Diffstat (limited to 'resources/views/components')
-rw-r--r--resources/views/components/current-track.blade.php2
-rw-r--r--resources/views/components/discord-status.blade.php3
-rw-r--r--resources/views/components/layout.blade.php138
-rw-r--r--resources/views/components/navbar.blade.php16
-rw-r--r--resources/views/components/navigation.blade.php30
-rw-r--r--resources/views/components/never-said.blade.php3
-rw-r--r--resources/views/components/settings.blade.php37
-rw-r--r--resources/views/components/toh-quote.blade.php12
-rw-r--r--resources/views/components/top-tracks.blade.php2
-rw-r--r--resources/views/components/weather.blade.php11
10 files changed, 160 insertions, 94 deletions
diff --git a/resources/views/components/current-track.blade.php b/resources/views/components/current-track.blade.php
index d42ad3b..0770240 100644
--- a/resources/views/components/current-track.blade.php
+++ b/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>
diff --git a/resources/views/components/discord-status.blade.php b/resources/views/components/discord-status.blade.php
new file mode 100644
index 0000000..00d2c7a
--- /dev/null
+++ b/resources/views/components/discord-status.blade.php
@@ -0,0 +1,3 @@
+<span>I'm</span>
+<h2 class="online-status" style="color: {{ $status["color"] }};text-shadow: var(--firefox-shadow) {{ $status["color"] }}4f !important">{{ $status["text"] }}!</h2>
+<p><strong>Time in Britain:</strong> <span id="clock"></span></p>
diff --git a/resources/views/components/layout.blade.php b/resources/views/components/layout.blade.php
index 93fccef..7e36de5 100644
--- a/resources/views/components/layout.blade.php
+++ b/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 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">
+ <header>
+ <h1>{{ str_replace("www.", "", Request::getHost()) }}</h1>
+ </header>
+ <div class="navbar">
+ <p>
+ <strong>Current Path:</strong>
+ @if(Request::getRequestUri() == "/")
+ /
+ @else
+ {{ str_replace("/", " / ", rtrim(Request::getRequestUri(), "/")) }}
+ @endif
+ </p>
</div>
- </div> <!-- footer -->
-</div> <!-- page -->
+ <div class="content">
+ <main>
+ {{ $slot }}
+ </main>
+ <div class="sidebar">
+ <div class="section"><nav><x-navigation/></nav></div>
+ <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>
+ <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>
+ </footer>
+ </div>
+</div>
</body>
</html>
diff --git a/resources/views/components/navbar.blade.php b/resources/views/components/navbar.blade.php
deleted file mode 100644
index 1853a51..0000000
--- a/resources/views/components/navbar.blade.php
+++ /dev/null
@@ -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>
diff --git a/resources/views/components/navigation.blade.php b/resources/views/components/navigation.blade.php
new file mode 100644
index 0000000..dda02bd
--- /dev/null
+++ b/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">Home
+</a><br>
+<a href="//git.diskfloppy.me/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/repo.png') }}" width="16" height="16">Git
+</a><br>
+<a href="/pub/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/pubfiles.png') }}" width="16" height="16">Public Files
+</a><br>
+<a href="/computers/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/computers.png') }}" width="16" height="16">Computers
+</a><br>
+<a href="/calculators/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/calculators.png') }}" width="16" height="16">Calculators
+</a><br>
+<a href="/bookmarks/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/bookmarks.png') }}" width="16" height="16">Bookmarks
+</a><br>
+<a href="/guestbook/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/guestbook.png') }}" width="16" height="16">Guestbook
+</a><br>
+<a href="//weather.diskfloppy.me/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/weather.png') }}" width="16" height="16">Weather
+</a><br>
+<a href="/music/">
+ <img class="pixel navbar-icon" src="{{ asset('images/icons/nav/music.png') }}" width="16" height="16">Music
+</a><br>
+</div>
diff --git a/resources/views/components/never-said.blade.php b/resources/views/components/never-said.blade.php
new file mode 100644
index 0000000..9cb47b7
--- /dev/null
+++ b/resources/views/components/never-said.blade.php
@@ -0,0 +1,3 @@
+<p class="quote">
+ <strong>{{ $quote["name"] }}:</strong> "{{ $quote["quote"] }}"<br>
+</p>
diff --git a/resources/views/components/settings.blade.php b/resources/views/components/settings.blade.php
new file mode 100644
index 0000000..8851f6c
--- /dev/null
+++ b/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>
diff --git a/resources/views/components/toh-quote.blade.php b/resources/views/components/toh-quote.blade.php
new file mode 100644
index 0000000..d9dfab1
--- /dev/null
+++ b/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>
diff --git a/resources/views/components/top-tracks.blade.php b/resources/views/components/top-tracks.blade.php
index a8c94f2..0b563b4 100644
--- a/resources/views/components/top-tracks.blade.php
+++ b/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>
diff --git a/resources/views/components/weather.blade.php b/resources/views/components/weather.blade.php
new file mode 100644
index 0000000..b4dfcaa
--- /dev/null
+++ b/resources/views/components/weather.blade.php
@@ -0,0 +1,11 @@
+<p><strong>Weather Conditions:</strong></p>
+<hr style="margin: 4px 0">
+<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>
generated by cgit v1.2.3-54-g00ecf (git 2.39.0) at 2024-11-01 09:32:23 +0000