From 725712aa35a989f1c2f179e210b8fa1c310e39e9 Mon Sep 17 00:00:00 2001
From: Frankie B <git@diskfloppy.me>
Date: Fri, 12 Jan 2024 18:57:10 +0000
Subject: Add custom error pages, pixel images, etc (also improve computers)
---
public/css/colorschemes/catppuccin-macchiato.css | 1 +
public/css/master.css | 101 +++++++++++++----
public/css/minimal.css | 23 +---
public/images/computers/icons/display.png | Bin 0 -> 572 bytes
public/images/computers/icons/expansion1.png | Bin 0 -> 463 bytes
public/images/computers/icons/expansion2.png | Bin 0 -> 471 bytes
public/images/computers/icons/floppy35.png | Bin 0 -> 549 bytes
public/images/computers/icons/floppy525.png | Bin 0 -> 561 bytes
public/images/computers/icons/hdd.png | Bin 0 -> 440 bytes
public/images/computers/icons/mem1.png | Bin 0 -> 468 bytes
public/images/computers/icons/mem2.png | Bin 0 -> 380 bytes
public/images/computers/icons/msdos.png | Bin 0 -> 606 bytes
public/images/computers/icons/network.png | Bin 0 -> 667 bytes
public/images/computers/icons/printer.png | Bin 0 -> 644 bytes
public/images/computers/icons/proc.png | Bin 0 -> 575 bytes
public/images/computers/icons/scsi.png | Bin 0 -> 427 bytes
public/images/computers/icons/win311.png | Bin 0 -> 458 bytes
public/images/computers/icons/windows9x.png | Bin 0 -> 543 bytes
resources/views/errors/401.blade.php | 5 +
resources/views/errors/402.blade.php | 5 +
resources/views/errors/403.blade.php | 5 +
resources/views/errors/404.blade.php | 30 ++++++
resources/views/errors/418.blade.php | 5 +
resources/views/errors/419.blade.php | 5 +
resources/views/errors/429.blade.php | 5 +
resources/views/errors/500.blade.php | 5 +
resources/views/errors/503.blade.php | 5 +
resources/views/errors/layout.blade.php | 53 +++++++++
resources/views/errors/minimal.blade.php | 21 ++++
resources/views/includes/footer.blade.php | 16 +--
resources/views/includes/header.blade.php | 18 ++--
resources/views/pages/computers.blade.php | 132 ++++++++++++++++++++++-
resources/views/pages/home.blade.php | 1 +
33 files changed, 381 insertions(+), 55 deletions(-)
create mode 100644 public/images/computers/icons/display.png
create mode 100644 public/images/computers/icons/expansion1.png
create mode 100644 public/images/computers/icons/expansion2.png
create mode 100644 public/images/computers/icons/floppy35.png
create mode 100644 public/images/computers/icons/floppy525.png
create mode 100644 public/images/computers/icons/hdd.png
create mode 100644 public/images/computers/icons/mem1.png
create mode 100644 public/images/computers/icons/mem2.png
create mode 100644 public/images/computers/icons/msdos.png
create mode 100644 public/images/computers/icons/network.png
create mode 100644 public/images/computers/icons/printer.png
create mode 100644 public/images/computers/icons/proc.png
create mode 100644 public/images/computers/icons/scsi.png
create mode 100644 public/images/computers/icons/win311.png
create mode 100644 public/images/computers/icons/windows9x.png
create mode 100644 resources/views/errors/401.blade.php
create mode 100644 resources/views/errors/402.blade.php
create mode 100644 resources/views/errors/403.blade.php
create mode 100644 resources/views/errors/404.blade.php
create mode 100644 resources/views/errors/418.blade.php
create mode 100644 resources/views/errors/419.blade.php
create mode 100644 resources/views/errors/429.blade.php
create mode 100644 resources/views/errors/500.blade.php
create mode 100644 resources/views/errors/503.blade.php
create mode 100644 resources/views/errors/layout.blade.php
create mode 100644 resources/views/errors/minimal.blade.php
diff --git a/public/css/colorschemes/catppuccin-macchiato.css b/public/css/colorschemes/catppuccin-macchiato.css
index 3409b30..e431dd6 100644
--- a/public/css/colorschemes/catppuccin-macchiato.css
+++ b/public/css/colorschemes/catppuccin-macchiato.css
@@ -1,5 +1,6 @@
:root {
--background: #181926;
+ --background-light: #363a4f;
--foreground: #cad3f5;
--links: #8aadf4;
--warning: #ff7272;
diff --git a/public/css/master.css b/public/css/master.css
index 5bebdd5..84b0ddf 100644
--- a/public/css/master.css
+++ b/public/css/master.css
@@ -217,9 +217,40 @@ table.computers {
width: 100%;
}
-td.computer {
- width: 50%;
- border: 0;
+table.computers td:first-child {
+ text-align: center;
+ font-weight: bold;
+}
+table.computers td ul {
+ margin: 0;
+ padding-left: 20px;
+}
+
+table.computers section-title {
+ text-decoration: underline;
+ font-style: italic;
+ font-weight: bold;
+}
+
+table.computers p.description {
+ font-style: italic;
+ margin: 5px 0 2px 0;
+}
+
+table.computers th {
+ background-color: var(--background-light);
+}
+
+table.computers td,
+table.computers th {
+ border: var(--foreground) solid 1px;
+ padding: 5px;
+}
+
+
+
+img.pixel {
+ image-rendering: pixelated;
}
div.footer {
@@ -227,6 +258,10 @@ div.footer {
margin-bottom: 5px;
}
+div.footer a:hover {
+ text-decoration: none;
+}
+
table.commits tr td {
border: none;
padding-right: 5px;
@@ -356,33 +391,63 @@ a:hover {
text-decoration: underline;
}
-.computer {
- width: 100%;
+.spec {
+ padding-left: 20px;
}
-.computer td {
- border: none;
+.spec-title {
+ font-weight: bold;
}
-.computer h1,
-.computer hr {
- margin: 0;
+.project-grid {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: repeat(0, 1fr);
+ grid-column-gap: 0;
+ grid-row-gap: 0;
+ height: 100%;
}
-.computer .computer-image {
- width: 256px;
+.project-grid div {
+ padding: 5px;
}
-.spec {
- padding-left: 20px;
+.project-section-title,
+.project-grid div h1,
+.project-grid div p {
+ margin: 5px 0;
}
-.spec-title {
- font-weight: bold;
+.project-section-title {
+ margin-top: 20px;
+ padding-bottom: 5px;
+ border-bottom: 1px solid var(--foreground);
}
-.computer-specs {
- margin-top: 5px;
+.project-grid div h1 {
+ margin-top: 10px;
+}
+
+.project-grid div a {
+ text-decoration: none;
+ padding: 2px 2px 0 2px;
+ margin: 0;
+ font-size: 10pt;
+}
+
+.project-grid .project-links a {
+ color: var(--links);
+ border: 1px solid var(--foreground);
+ border-left: none;
+}
+
+.project-grid .project-links a:first-child {
+ border: 1px solid var(--foreground);
+}
+
+.project-grid .project-links a:hover {
+ background-color: var(--foreground);
+ color: var(--background);
}
.error-box {
diff --git a/public/css/minimal.css b/public/css/minimal.css
index 93d31f1..b64e0e9 100644
--- a/public/css/minimal.css
+++ b/public/css/minimal.css
@@ -1,25 +1,12 @@
-html {
- color-scheme: dark;
-}
-
-body {
- font-family: sans-serif;
- margin: 0;
- margin-left: 10px;
- color: #cad3f5;
- background-color: #181926;
-}
-
-table.gb-entry_details tr td {
- padding-right: 5px;
-}
-
* { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }
html { color-scheme: dark; }
body { color: #cad3f5; background-color: #181926; }
-h1, h2, ul, p { margin: 0; }
+h1, h2, h4, ul, p { margin: 0; }
h1 { font-weight: normal; }
+h4 { margin-bottom: 5px; }
ul { padding: 5px 30px; }
a { color: #8aadf4; text-decoration: none; }
a:hover { text-decoration: underline; }
-code { font-family: monospace; font-size: 24px; }
+code { font-family: monospace; }
+code.addr { font-size: 24px; }
+table { border: 1px solid #cad3f5; }
diff --git a/public/images/computers/icons/display.png b/public/images/computers/icons/display.png
new file mode 100644
index 0000000..7df70e9
Binary files /dev/null and b/public/images/computers/icons/display.png differ
diff --git a/public/images/computers/icons/expansion1.png b/public/images/computers/icons/expansion1.png
new file mode 100644
index 0000000..cbde656
Binary files /dev/null and b/public/images/computers/icons/expansion1.png differ
diff --git a/public/images/computers/icons/expansion2.png b/public/images/computers/icons/expansion2.png
new file mode 100644
index 0000000..67452fa
Binary files /dev/null and b/public/images/computers/icons/expansion2.png differ
diff --git a/public/images/computers/icons/floppy35.png b/public/images/computers/icons/floppy35.png
new file mode 100644
index 0000000..9c2b5e6
Binary files /dev/null and b/public/images/computers/icons/floppy35.png differ
diff --git a/public/images/computers/icons/floppy525.png b/public/images/computers/icons/floppy525.png
new file mode 100644
index 0000000..511bcd9
Binary files /dev/null and b/public/images/computers/icons/floppy525.png differ
diff --git a/public/images/computers/icons/hdd.png b/public/images/computers/icons/hdd.png
new file mode 100644
index 0000000..cf02818
Binary files /dev/null and b/public/images/computers/icons/hdd.png differ
diff --git a/public/images/computers/icons/mem1.png b/public/images/computers/icons/mem1.png
new file mode 100644
index 0000000..1f61096
Binary files /dev/null and b/public/images/computers/icons/mem1.png differ
diff --git a/public/images/computers/icons/mem2.png b/public/images/computers/icons/mem2.png
new file mode 100644
index 0000000..9f4eca6
Binary files /dev/null and b/public/images/computers/icons/mem2.png differ
diff --git a/public/images/computers/icons/msdos.png b/public/images/computers/icons/msdos.png
new file mode 100644
index 0000000..61251a7
Binary files /dev/null and b/public/images/computers/icons/msdos.png differ
diff --git a/public/images/computers/icons/network.png b/public/images/computers/icons/network.png
new file mode 100644
index 0000000..108fcc6
Binary files /dev/null and b/public/images/computers/icons/network.png differ
diff --git a/public/images/computers/icons/printer.png b/public/images/computers/icons/printer.png
new file mode 100644
index 0000000..b60c2f1
Binary files /dev/null and b/public/images/computers/icons/printer.png differ
diff --git a/public/images/computers/icons/proc.png b/public/images/computers/icons/proc.png
new file mode 100644
index 0000000..2b38b71
Binary files /dev/null and b/public/images/computers/icons/proc.png differ
diff --git a/public/images/computers/icons/scsi.png b/public/images/computers/icons/scsi.png
new file mode 100644
index 0000000..0446891
Binary files /dev/null and b/public/images/computers/icons/scsi.png differ
diff --git a/public/images/computers/icons/win311.png b/public/images/computers/icons/win311.png
new file mode 100644
index 0000000..572511d
Binary files /dev/null and b/public/images/computers/icons/win311.png differ
diff --git a/public/images/computers/icons/windows9x.png b/public/images/computers/icons/windows9x.png
new file mode 100644
index 0000000..1fee0a5
Binary files /dev/null and b/public/images/computers/icons/windows9x.png differ
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: {{ gethostname() }}<br>
+ Your IP: {{ Request::ip() }}<br>
+ Epoch: {{ now()->timestamp }}<br>
+ Agent: 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>© 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: {{ gethostname() }}<br>
+ Your IP: {{ Request::ip() }}<br>
+ Root: {!! url('') !!}<br>
+ Path: /{{ Request::path() }}/<br>
+ Epoch: {{ now()->timestamp }}<br>
+ Agent: 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>© 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">
+ <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!">
</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>
<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>
<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>
<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>
<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>
© 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>
+ <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>
</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 & 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 & 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">
--
cgit v1.2.3-54-g00ecf