Add custom error pages, pixel images, etc (also improve computers)

15 files changed, 292 insertions, 19 deletions

diff --git a/resources/views/errors/401.blade.php b/resources/views/errors/401.blade.php
new file mode 100644
index 0000000..5c586db
--- /dev/null
+++ b/resources/views/errors/401.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Unauthorized'))
+@section('code', '401')
+@section('message', __('Unauthorized'))
diff --git a/resources/views/errors/402.blade.php b/resources/views/errors/402.blade.php
new file mode 100644
index 0000000..3bc23ef
--- /dev/null
+++ b/resources/views/errors/402.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Payment Required'))
+@section('code', '402')
+@section('message', __('Payment Required'))
diff --git a/resources/views/errors/403.blade.php b/resources/views/errors/403.blade.php
new file mode 100644
index 0000000..a5506f0
--- /dev/null
+++ b/resources/views/errors/403.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Forbidden'))
+@section('code', '403')
+@section('message', __($exception->getMessage() ?: 'Forbidden'))
diff --git a/resources/views/errors/404.blade.php b/resources/views/errors/404.blade.php
new file mode 100644
index 0000000..79ca498
--- /dev/null
+++ b/resources/views/errors/404.blade.php
@@ -0,0 +1,30 @@
+@extends('errors::minimal')
+@php
+abort(503)
+@endphp
+@section('content')
+
+<h1>Error 404 | <strong>Page not found!</strong></h1>
+<hr align="left">
+<h2>The page <code class="addr">/{{ Request::path() }}/</code> doesn't exist! Did you mean...</h2>
+<ul>
+    <li><a href="//www.diskfloppy.me/">diskfloppy.me</a></li>
+    <li><a href="//git.diskfloppy.me/">git.diskfloppy.me</a></li>
+    <li><a href="//weather.diskfloppy.me">weather.diskfloppy.me</a></li>
+    <li><a href="//dl.diskfloppy.me/">dl.diskfloppy.me</a></li>
+    <li><a href="https://status.diskfloppy.me">status.diskfloppy.me</a> (HTTPS Only)</li>
+    <li><a href="gopher://diskfloppy.me">gopher://diskfloppy.me</a></li>
+</ul>
+<p>Still haven't found what you were looking for or believe this is a server error? Contact the <a href="mailto:webmaster@diskfloppy.me">webmaster</a>!</p>
+<br>
+<h4>Diagnostic Info</h4>
+<table><tr><td>
+            <code>
+                Server: &nbsp;{{ gethostname() }}<br>
+                Your IP: {{ Request::ip() }}<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>
+        </td></tr></table>
+<hr align="left">
+<p>&copy; floppydisk 2021-2024</p>
+@endsection
diff --git a/resources/views/errors/418.blade.php b/resources/views/errors/418.blade.php
new file mode 100644
index 0000000..412ea92
--- /dev/null
+++ b/resources/views/errors/418.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('I\'m a teapot'))
+@section('code', '418')
+@section('message', __('I\'m a teapot'))
diff --git a/resources/views/errors/419.blade.php b/resources/views/errors/419.blade.php
new file mode 100644
index 0000000..c09216e
--- /dev/null
+++ b/resources/views/errors/419.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Page Expired'))
+@section('code', '419')
+@section('message', __('Page Expired'))
diff --git a/resources/views/errors/429.blade.php b/resources/views/errors/429.blade.php
new file mode 100644
index 0000000..f01b07b
--- /dev/null
+++ b/resources/views/errors/429.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Too Many Requests'))
+@section('code', '429')
+@section('message', __('Too Many Requests'))
diff --git a/resources/views/errors/500.blade.php b/resources/views/errors/500.blade.php
new file mode 100644
index 0000000..d9e95d9
--- /dev/null
+++ b/resources/views/errors/500.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Server Error'))
+@section('code', '500')
+@section('message', __('Server Error'))
diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
new file mode 100644
index 0000000..c5a9dde
--- /dev/null
+++ b/resources/views/errors/503.blade.php
@@ -0,0 +1,5 @@
+@extends('errors::minimal')
+
+@section('title', __('Service Unavailable'))
+@section('code', '503')
+@section('message', __('Service Unavailable'))
diff --git a/resources/views/errors/layout.blade.php b/resources/views/errors/layout.blade.php
new file mode 100644
index 0000000..019c2cd
--- /dev/null
+++ b/resources/views/errors/layout.blade.php
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+
+        <title>@yield('title')</title>
+
+        <!-- Styles -->
+        <style>
+            html, body {
+                background-color: #fff;
+                color: #636b6f;
+                font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+                font-weight: 100;
+                height: 100vh;
+                margin: 0;
+            }
+
+            .full-height {
+                height: 100vh;
+            }
+
+            .flex-center {
+                align-items: center;
+                display: flex;
+                justify-content: center;
+            }
+
+            .position-ref {
+                position: relative;
+            }
+
+            .content {
+                text-align: center;
+            }
+
+            .title {
+                font-size: 36px;
+                padding: 20px;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="flex-center position-ref full-height">
+            <div class="content">
+                <div class="title">
+                    @yield('message')
+                </div>
+            </div>
+        </div>
+    </body>
+</html>
diff --git a/resources/views/errors/minimal.blade.php b/resources/views/errors/minimal.blade.php
new file mode 100644
index 0000000..e15c833
--- /dev/null
+++ b/resources/views/errors/minimal.blade.php
@@ -0,0 +1,21 @@
+@extends('layouts.minimal')
+@section('content')
+    <h1>Error @yield('code') | <strong>@yield('message')</strong></h1>
+    <hr align="left">
+    <p>Here, have a cat...</p>
+    <img src="https://http.cat/@yield('code')" width="500"><br><br>
+    <p>If you believe this is a server error, contact the <a href="mailto:webmaster@diskfloppy.me">webmaster</a></p>
+    <br>
+    <h4>Diagnostic Info</h4>
+    <table><tr><td>
+                <code>
+                    Server: &nbsp;{{ gethostname() }}<br>
+                    Your IP: {{ Request::ip() }}<br>
+                    Root: &nbsp;&nbsp;&nbsp;{!! url('') !!}<br>
+                    Path: &nbsp;&nbsp;&nbsp;/{{ Request::path() }}/<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>
+            </td></tr></table>
+    <hr align="left">
+    <p>&copy; floppydisk 2021-2024</p>
+@endsection
diff --git a/resources/views/includes/footer.blade.php b/resources/views/includes/footer.blade.php
index 7f5b5d3..63bf17d 100644
--- a/resources/views/includes/footer.blade.php
+++ b/resources/views/includes/footer.blade.php
@@ -1,28 +1,28 @@
 <hr>
 <div class="footer" role="contentinfo">
-    <a href="https://www.debian.org/">
-        <img src="{{ URL::asset('images/buttons/debian.gif') }}"
-             width="88" height="31" alt="Powered by Debian">&nbsp;
+    <a href="https://www.w3schools.com/html/">
+        <img src="{{ URL::asset('images/buttons/html_learn_it_today.gif') }}"
+             class="pixel" width="88" height="31" alt="Learn HTML today!">&nbsp;
     </a>
     <a href="https://dimden.dev/">
         <img src="https://dimden.dev/services/images/88x31.gif" width="88" height="31"
-             alt="dimden.dev">
+             class="pixel" alt="dimden.dev">
     </a>&nbsp;
     <a href="https://www.linux.org/">
         <img src="{{ URL::asset('images/buttons/linuxnow.gif') }}" width="88"
-             height="31" alt="Linux NOW!">
+             class="pixel" height="31" alt="Linux NOW!">
     </a>&nbsp;
     <a href="https://www.vim.org/">
         <img src="{{ URL::asset('images/buttons/vim.gif') }}" width="88" height="31"
-             alt="vim">
+             class="pixel" alt="vim">
     </a>&nbsp;
     <a href="http://jigsaw.w3.org/css-validator/check/referer">
         <img src="{{ URL::asset('images/buttons/vcss-blue.gif') }}" width="88" height="31"
-            alt="Valid CSS!">
+             class="pixel" alt="Valid CSS!">
     </a>&nbsp;
     <a href="https://wiby.me/">
         <img src="{{ URL::asset('images/buttons/wiby.gif') }}" width="88" height="31"
-             alt="Wiby - Search Engine for the Classic Web">
+             class="pixel" alt="Wiby - Search Engine for the Classic Web">
     </a><br>
     This site is best viewed at 1024x768 with 16-bit color or better<br>
     &copy; floppydisk 2021-{{ date('Y') }}, v{{ config('app.version') }}, <a
diff --git a/resources/views/includes/header.blade.php b/resources/views/includes/header.blade.php
index 9efad05..1e833ac 100644
--- a/resources/views/includes/header.blade.php
+++ b/resources/views/includes/header.blade.php
@@ -2,15 +2,15 @@
         <h1>diskfloppy.me | <strong>@yield('title')</strong></h1>
         <div class="nav-wrapper">
             <div>
-                <a href="/" title="Home"><img src="/images/icons/nav/home.png" alt="Home" width="32" height="32"></a>
-                <a href="//git.diskfloppy.me/" title="cgit"><img src="/images/icons/nav/repo.png" alt="cgit" width="32" height="32"></a>
-                <a href="/pub/" title="Public Files"><img src="/images/icons/nav/pubfiles.png" alt="Public Files" width="32" height="32"></a>
-                <a href="/computers/" title="Computers"><img src="/images/icons/nav/computers.png" alt="Computers" width="32" height="32"></a>
-                <a href="/bookmarks/" title="Bookmarks"><img src="/images/icons/nav/bookmarks.png" alt="Bookmarks" width="32" height="32"></a>
-                <a href="/guestbook/" title="Guestbook"><img src="/images/icons/nav/guestbook.png" alt="Guestbook" width="32" height="32"></a>
-                <!--<a href="/contact/" title="Contact"><img src="/images/icons/nav/mail.png" alt="Contact" width="32" height="32"></a>-->
-                <a href="/weather/" title="Weather"><img src="/images/icons/nav/weather.png" alt="Weather" width="32" height="32"></a>
-                <a href="/music/" title="Music"><img src="/images/icons/nav/music.png" alt="Music" width="32" height="32"></a>&nbsp;&nbsp;
+                <a href="/" title="Home"><img class="pixel" src="/images/icons/nav/home.png" alt="Home" width="32" height="32"></a>
+                <a href="//git.diskfloppy.me/" title="cgit"><img class="pixel" src="/images/icons/nav/repo.png" alt="cgit" width="32" height="32"></a>
+                <a href="/pub/" title="Public Files"><img class="pixel" src="/images/icons/nav/pubfiles.png" alt="Public Files" width="32" height="32"></a>
+                <a href="/computers/" title="Computers"><img class="pixel" src="/images/icons/nav/computers.png" alt="Computers" width="32" height="32"></a>
+                <a href="/bookmarks/" title="Bookmarks"><img class="pixel" src="/images/icons/nav/bookmarks.png" alt="Bookmarks" width="32" height="32"></a>
+                <a href="/guestbook/" title="Guestbook"><img class="pixel" src="/images/icons/nav/guestbook.png" alt="Guestbook" width="32" height="32"></a>
+                <!--<a href="/contact/" title="Contact"><img class="pixel" src="/images/icons/nav/mail.png" alt="Contact" width="32" height="32"></a>-->
+                <a href="/weather/" title="Weather"><img class="pixel" src="/images/icons/nav/weather.png" alt="Weather" width="32" height="32"></a>
+                <a href="/music/" title="Music"><img class="pixel" src="/images/icons/nav/music.png" alt="Music" width="32" height="32"></a>&nbsp;&nbsp;
             </div>
         </div>
     </nav>
diff --git a/resources/views/pages/computers.blade.php b/resources/views/pages/computers.blade.php
index 99a8012..a7cec24 100644
--- a/resources/views/pages/computers.blade.php
+++ b/resources/views/pages/computers.blade.php
@@ -2,7 +2,135 @@
 @section('title', 'Computers')
 @section('description', 'Computers I own or have owned.')
 @section('content')
-    <table class="computer" role="presentation">
+    <table class="computers">
+        <tr>
+            <th>PICTURES</th>
+            <th>SPECS &amp; DESCRIPTION</th>
+        </tr>
+        <tr>
+            <td>2023 MacBook Pro 14"</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Apple M3 Pro</li>
+                    <li>18GB RAM</li>
+                    <li>500GB SSD</li>
+                    <li>macOS Sonoma</li>
+                </ul>
+                <p class="description">WHAT</p>
+            </td>
+        </tr>
+        <tr>
+            <td>2018 MacBook Pro 13"</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel i5-8259U @ 2.3GHz</li>
+                    <li>Intel Iris Plus Graphics 655</li>
+                    <li>8GB RAM</li>
+                    <li>250GB SSD</li>
+                    <li>macOS Sonoma</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>2012 Lenovo ThinkPad T430</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Core i7</li>
+                    <li>16GB RAM</li>
+                    <li>Windows 7 Professional</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>2005 IBM ThinkPad X41T</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Pentium M @ 1.6GHz</li>
+                    <li>Mobile Intel Express Chipset Family (128MB)</li>
+                    <li>1.5GB RAM</li>
+                    <li>40GB HDD</li>
+                    <li>Windows XP Tablet PC Edition</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>1999 Dell OptiPlex GX1</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Pentium II (Deschutes) @ 400MHz</li>
+                    <li>ATI 3D Rage Pro (4MB)</li>
+                    <li>639MB</li>
+                    <li>40GB HDD</li>
+                    <li>MS-DOS 6.22 &amp; WFW 3.10</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>2003 IBM ThinkPad T40</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Pentium M @ 1.3GHz</li>
+                    <li>ATI Mobility Radeon 7500 (32MB)</li>
+                    <li>1GB RAM</li>
+                    <li>30GB HDD</li>
+                    <li>Windows 2000 Professional</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>2010 HP Compaq Elite 8100</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Core i7</li>
+                    <li>16GB RAM</li>
+                    <li>some SSD and an HDD</li>
+                    <li>Windows Vista Ultimate (64-bit)</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>2014 Mac mini</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Core i5-4278U @ 2.6GHz</li>
+                    <li>Intel Iris Graphics</li>
+                    <li>8GB RAM</li>
+                    <li>1TB HDD</li>
+                    <li>VMware ESXi 6.7.0u3</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>1996 Fujitsu Milan</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Pentium</li>
+                    <li>32MB RAM</li>
+                    <li>1215MB HDD</li>
+                    <li>Windows 98 SE</li>
+                </ul>
+            </td>
+        </tr>
+        <tr>
+            <td>1999 Compaq Armada M300</td>
+            <td>
+                <section-title>Quick Specs</section-title>
+                <ul>
+                    <li>Intel Pentium III</li>
+                </ul>
+            </td>
+        </tr>
+    </table>
+    <!--<table class="computer" role="presentation">
         <tr>
             <td colspan="2"><h2>Custom Build</h2><hr></td>
         </tr>
@@ -296,7 +424,7 @@
                 </table>
             </td>
         </tr>
-    </table>
+    </table>-->
     <!--<table class="computer" role="presentation">
         <tr>
             <td colspan="2"><h2>Compaq Armada M300</h2><hr></td>
diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php
index fd6938c..6720660 100644
--- a/resources/views/pages/home.blade.php
+++ b/resources/views/pages/home.blade.php
@@ -2,6 +2,7 @@
 @section('title', 'Home')
 @section('description', 'This is the personal homepage of floppydisk.')
 @section('content')
+
     <p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.</p>
 
     <table class="info-table" role="presentation">