Sure is a new site design

This commit is contained in:
floppydiskette 2024-11-28 00:07:08 +00:00
parent 1d39acd298
commit f5444a9bf6
Signed by: fwoppydwisk
SSH key fingerprint: SHA256:Hqn452XQ1ETzUt/FthJu6+OFkS4NBxCv5VQSEvuk7CE
18 changed files with 342 additions and 261 deletions

1
.gitignore vendored
View file

@ -21,3 +21,4 @@ yarn-error.log
/log /log
/storage /storage
/tmp /tmp
/public/pub

View file

@ -0,0 +1,39 @@
<?php
namespace App\View\Components;
use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\Support\Facades\Cache;
use Illuminate\Support\Facades\Config;
use Illuminate\Support\Facades\Http;
use Illuminate\View\Component;
class Wah extends Component
{
/**
* Create a new component instance.
*/
public function __construct() {}
public function getWah(): string {
try {
$response = Http::get('https://api.tinyfox.dev/img.json?animal=wah');
$data = $response->json();
return "https://tinyfox.dev".$data["loc"];
} catch (Exception $ex) {
return "";
}
}
/**
* Get the view / contents that represent the component.
*/
public function render(): View|Closure|string {
return view('components.wah', [
'wah' => $this->getWah(),
]);
}
}

View file

@ -1,130 +1,237 @@
:root { :root {
--pattern: hsl(280, 63%, 81%); --background: #f2efbd;
--links: hsl(280, 50%, 57%); --foreground: #2a271c;
--background: hsl(280, 20%, 88%); --border-color: #f27405;
--border: 1px solid hsl(0, 0%, 20%); --border: var(--border-color) 2px solid;
--foreground: hsl(0, 0%, 0%); --shadow-color: hsla(11, 96%, 43%, 0.4);
--shadow: drop-shadow(8px 8px var(--shadow-color));
--shadow-small: drop-shadow(3px 3px var(--shadow-color));
--links: hsl(183, 93%, 27%);
--links-hover: hsl(183, 93%, 15%);
--table-header: hsla(11, 96%, 43%, 0.2);
}
html {
height: 100%;
color-scheme: light;
} }
body { body {
background-image: url("/images/background.svg"); color: var(--foreground);
background-color: var(--pattern); min-height: 100%;
background-size: 150px; background-color: hsla(0, 0%, 0%, 0);
margin: 0; padding: 10px;
font-family: "Gill Sans", sans-serif; }
/*noinspection CssUnknownTarget*/
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
background-image: url("/images/background.jpg");
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.8;
background-size: cover;
background-attachment: fixed;
overflow: hidden;
} }
h1, h1,
h2, h2,
h3, h3,
h4, h4,
h5,
h6 {
margin: 20px 0 0 0;
}
p, p,
ul, ul,
ol { ol,
dl,
menu,
dir {
margin: 0; margin: 0;
} }
hr {
border: none;
border-top: var(--border);
}
a { a {
color: var(--links); color: var(--links);
text-decoration: underline dotted; text-decoration: underline dotted;
} }
a:hover { a:hover {
opacity: 80%; color: var(--links-hover);
text-decoration: underline solid; text-decoration: underline solid;
} }
a.button,
a.button:hover {
text-decoration: none;
}
a.button:hover img {
opacity: 80%;
}
img.pixel {
image-rendering: pixelated;
}
div.page-container { div.page-container {
color: var(--foreground); width: 800px;
height: calc(100vh - 20px); margin: 5px auto;
width: calc(100vw - 20px);
display: grid;
grid-template-columns: minmax(auto, 400px) minmax(50vw, auto);
grid-template-rows: 1fr;
grid-column-gap: 1vw;
grid-row-gap: 0px;
} }
div.page-container > div:first-child > div:first-child { div.page-container > div {
margin-top: 0; background-color: var(--background);
filter: var(--shadow);
padding: 10px;
border: var(--border);
margin-bottom: 20px;
/* temporary */
/* height: 600px; */
} }
div.page-container > div:first-child > div:last-child { div.page-container > div:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
div.page-container { div#header h1 {
margin: 10px; margin: 0;
} font-style: italic;
div.page-container > div:first-child > div {
margin: 10px 0;
} }
div.page-container > div:nth-child(2), div#header h1,
div.page-container > div:first-child > div, div#header p {
div.page-container > div:last-child { display: inline;
padding: 10px; }
height: auto;
background-color: var(--background); div#content {
position: relative;
}
div#content::after {
display: block;
content: "";
clear: both;
}
div.wah {
float: right;
border: var(--border); border: var(--border);
padding: 5px;
filter: var(--shadow-small);
background-color: var(--background);
} }
div.page-container > div:first-child { div.wah img {
height: fit-content; display: block;
height: auto;
} }
div.page-container > div:first-child, div.wah h3,
div.page-container > div:nth-child(2) { div.wah p {
overflow: scroll; text-align: center;
margin: 5px 0;
font-style: italic;
} }
div.page-container > div.footer { div.wah p {
grid-area: 2 / 1 / 3 / 3; margin-bottom: 0;
margin-top: 10px; }
div.wah img {
width: 250px;
}
div#footer {
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: auto 1fr;
grid-template-rows: 1fr; grid-template-rows: 1fr;
grid-column-gap: 0; grid-column-gap: 0px;
grid-row-gap: 0; grid-row-gap: 0px;
align-items: center;
} }
div.footer > div:first-child { div#footer div:last-child {
margin-left: 5px;
}
div.footer > div:last-child {
text-align: right; text-align: right;
} }
div.footer > div { div#footer div:last-child img {
vertical-align: middle; image-rendering: pixelated;
height: fit-content; margin: 0;
width: 100%; padding: 0;
margin: auto; width: 88px;
height: 31px;
} }
div.pa .navlinks { /** Guestbook **/
padding-left: 10px; table.form input,
table.form textarea,
table.form button {
background-color: var(--background);
border: var(--border);
filter: var(--shadow-small);
} }
.navbar-icon { table.form input,
margin-right: 0.25em; table.form textarea {
width: 250px;
} }
.online-status { table.form button:hover {
display: inline; background-color: var(--border-color);
color: var(--background);
filter: none;
}
table.form tr td,
table.gb-entry-form-container td:last-child {
vertical-align: top;
}
div.gb-entry {
border: var(--border);
filter: var(--shadow-small);
background-color: var(--background);
width: 75%;
padding: 10px;
}
/** Music **/
table.music-top10 {
border: var(--border);
filter: var(--shadow-small);
background-color: var(--background);
border-collapse: collapse;
}
table.music-top10 th,
table.music-top10 td {
padding: 2px 5px;
}
table.music-top10 th:first-child {
text-align: left;
}
table.music-top10 tr:first-child th {
border-right: var(--border);
border-bottom: var(--border);
}
table.music-top10 tr:first-child th:last-child {
border-right: none;
}
table.music-top10 tr td {
border-right: var(--border);
}
table.music-top10 tr td:last-child {
border-right: none;
}
table.music-top10 tr:first-child th,
table.music-top10 tr td:first-child {
background-color: var(--table-header);
}
/** Bookmarks **/
div.bookmark-category:first-child h2 {
margin: 0;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 837 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 495 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 996 B

View file

@ -1 +0,0 @@
/srv/pubfiles

View file

@ -3,37 +3,27 @@
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>https://www.diskfloppy.me/</loc> <loc>https://www.diskfloppy.me/</loc>
<lastmod>2024-09-01T17:44:54+01:00</lastmod> <lastmod>2024-11-27T23:59:26+00:00</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://www.diskfloppy.me/pub/</loc> <loc>https://www.diskfloppy.me/pub/</loc>
<lastmod>2024-09-01T17:44:54+01:00</lastmod> <lastmod>2024-11-27T23:59:26+00:00</lastmod>
<priority>0.8</priority> <priority>0.8</priority>
</url> </url>
<url>
<loc>https://www.diskfloppy.me/computers</loc>
<lastmod>2024-09-01T17:44:56+01:00</lastmod>
<priority>1.0</priority>
</url>
<url>
<loc>https://www.diskfloppy.me/calculators</loc>
<lastmod>2024-09-01T17:44:56+01:00</lastmod>
<priority>1.0</priority>
</url>
<url> <url>
<loc>https://www.diskfloppy.me/bookmarks</loc> <loc>https://www.diskfloppy.me/bookmarks</loc>
<lastmod>2024-09-01T17:44:57+01:00</lastmod> <lastmod>2024-11-27T23:59:26+00:00</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://www.diskfloppy.me/guestbook</loc> <loc>https://www.diskfloppy.me/guestbook</loc>
<lastmod>2024-09-01T17:44:57+01:00</lastmod> <lastmod>2024-11-27T23:59:26+00:00</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
<url> <url>
<loc>https://www.diskfloppy.me/music</loc> <loc>https://www.diskfloppy.me/music</loc>
<lastmod>2024-09-01T17:44:58+01:00</lastmod> <lastmod>2024-11-27T23:59:26+00:00</lastmod>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
</urlset> </urlset>

View file

@ -1,7 +1,7 @@
<x-layout> <x-layout>
<x-slot:title>Bookmarks</x-slot:title> <x-slot:title>Bookmarks</x-slot:title>
@foreach($categories as $category) @foreach($categories as $category)
<div class="section"> <div class="bookmark-category">
<h2>{{ $category->name }}</h2> <h2>{{ $category->name }}</h2>
@if($category->id == 1) @if($category->id == 1)
<p><em>(These are shuffled every load)</em></p> <p><em>(These are shuffled every load)</em></p>

View file

@ -1,4 +1,4 @@
<div class="section current-track"> <div class="current-track">
<h2>Last/Current Track:</h2> <h2>Last/Current Track:</h2>
<a href="{{ $track["url"] }}">{{ $track["title"] }} {{ $track["artist"] }}</a><br> <a href="{{ $track["url"] }}">{{ $track["title"] }} {{ $track["artist"] }}</a><br>
</div> </div>

View file

@ -1,6 +1,3 @@
@php // Get colorscheme from cookie and apply immediately
$colorscheme = request()->cookie('colorscheme', 'catppuccin-macchiato');
@endphp
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
@ -8,13 +5,10 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#333333"> <meta name="theme-color" content="#f27405">
<link rel="stylesheet" href="{{ asset("/css/colorschemes/$colorscheme.css") }}" id="css-colorscheme"/>
<link rel="stylesheet" href="{{ asset('/css/master.css') }}"/> <link rel="stylesheet" href="{{ asset('/css/master.css') }}"/>
<link rel="icon" type="image/png" href="{{ asset('/favicon-32x32.png') }}" sizes="32x32"/> <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"/> <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>' : '' !!} {!! (intval(date('n')) == 12) ? '<script src="/js/christmas/snow.js"></script>' : '' !!}
<!-- Page-specific --> <!-- Page-specific -->
@ -23,110 +17,40 @@
<meta property="og:image" content="/favicon-128x128.png"> <meta property="og:image" content="/favicon-128x128.png">
</head> </head>
<body> <body>
<div class="page-container"> <div class="page-container">
<div> <div id="header">
<div id="site-header"> <h1>wah!</h1>
<h1>niko's site</h1> <p>
(dot moe)
</p>
<x-navigation></x-navigation>
</div> </div>
<div><x-navigation/></div> <div id="content">
<div class="section centerbox"><x-discord-status/></div> {{ $slot }}
<div class="section"><x-weather/></div>
</div>
<div>
{{ $slot }}
</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>
<div> <div id="footer">
<a href="https://confusionunknown.nekoweb.org/" class="button"> <div>
<img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}" width="88" height="31" <span>
class="pixel" alt="confusionunknown"> &copysr; floppydisk 2021-{{ date('Y') }}<br>
</a> v{{ config('app.version') }}, <a href="https://git.frzn.dev/fwoppydwisk/diskfloppy.me/releases/latest">Source</a><br>
<a href="https://julimiro.eu/" class="button"> Served by {{ gethostname() }}
<img src="{{ URL::asset('images/buttons/juli.gif') }}" width="88" height="31" </span>
class="pixel" alt="julimiro"> </div>
</a> <div>
<a href="https://x86.breadtf.com/" class="button"> <img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}">
<img src="{{ URL::asset('images/buttons/x86.gif') }}" width="88" height="31" <img src="{{ URL::asset('images/buttons/juli.gif') }}">
class="pixel" alt="x86Overflow"> <img src="{{ URL::asset('images/buttons/x86.gif') }}">
</a> <img src="{{ URL::asset('images/buttons/thnlqd.png') }}">
<img src="{{ URL::asset('images/buttons/transrights.gif') }}" width="88" height="31" <img src="https://dimden.dev/services/images/88x31.gif">
class="pixel" alt="Trans rights now!"> <img src="{{ URL::asset('images/buttons/csshard.gif') }}"><br>
<img src="{{ URL::asset('images/buttons/yuri.gif') }}" width="88" height="31" <img src="{{ URL::asset('images/buttons/linuxnow.gif') }}">
class="pixel" alt="Catgirl yuri now!"> <img src="{{ URL::asset('images/buttons/paws.gif') }}">
<img src="{{ URL::asset('images/buttons/brokenimage.gif') }}" width="88" height="31" <img src="{{ URL::asset('images/buttons/transrights.gif') }}">
class="pixel" alt="Made with my own two paws"><br> <img src="{{ URL::asset('images/buttons/debian.gif') }}">
<a href="https://dimden.dev/" class="button"> <img src="{{ URL::asset('images/buttons/vim.gif') }}">
<img src="https://dimden.dev/services/images/88x31.gif" width="88" height="31" <img src="{{ URL::asset('images/buttons/aliasing.png') }}">
class="pixel" alt="dimden.dev"> </div>
</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>
<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>
<img src="{{ URL::asset('images/buttons/aliasing.png') }}" width="88" height="31"
class="pixel" alt="I heart aliasing!">
<img src="{{ URL::asset('images/buttons/paws.gif') }}" width="88" height="31"
class="pixel" alt="Made with my own two paws">
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>
{{--<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 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>,--}}
{{-- <a href="/privacy">Privacy Policy?</a><br>--}}
{{-- Served by {{ gethostname() }}--}}
{{-- </div>--}}
{{-- <div>--}}
{{-- </div>--}}
{{-- </footer>--}}
{{-- </div>--}}
{{--</div>--}}
{{--</body>--}}
{{--</html>--}}

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta property="og:type" content="website">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#f27405">
<link rel="stylesheet" href="{{ asset('/css/master.css') }}"/>
<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"/>
<title>{{ $title ?? 'Unknown' }}</title>
</head>
<body>
{{ $slot }}
</body>
</html>

View file

@ -1,14 +1,9 @@
<nav> <nav>
<p><strong>Navigation:</strong></p> <strong>Pages:</strong>
<div class="navlinks"> <a href="/">home</a> |
<a href="/">/home/niko</a><br> <a href="//git.wah.moe">git</a> |
<a href="//git.diskfloppy.me/">~/git</a><br> <a href="/pub">files</a> |
<a href="/pub/">~/pub</a><br> <a href="/bookmarks">bookmarks</a> |
<a href="/computers/">~/computers</a><br> <a href="/guestbook">guestbook</a> |
<a href="/calculators/">~/calculators</a><br> <a href="/music">music</a>
<a href="/bookmarks/">~/bookmarks</a><br>
<a href="/guestbook/">~/guestbook</a><br>
<a href="//weather.diskfloppy.me/">~/weather</a><br>
<a href="/music/">~/music</a><br>
</div>
</nav> </nav>

View file

@ -1,4 +1,3 @@
<div class="section">
<table class="music-top10"> <table class="music-top10">
<caption> <caption>
<h2 style="margin-bottom: 5px">Top 10 Tracks (Last 30 days):</h2> <h2 style="margin-bottom: 5px">Top 10 Tracks (Last 30 days):</h2>
@ -15,4 +14,3 @@
<x-track :track="$track" :count="$count"/> <x-track :track="$track" :count="$count"/>
@endforeach @endforeach
</table> </table>
</div>

View file

@ -0,0 +1,5 @@
<div class="wah">
<h3>Random Wah!</h3>
<img src="{{ $wah }}">
<p>Image "stolen" from <a href="https://tinyfox.dev/">tinyfox.dev</a></p>
</div>

View file

@ -1,9 +1,13 @@
<x-minimal> <x-minimal>
<x-slot:title>Error 429: Overclocking Detected!</x-slot:title> <x-slot:title>Error 429: Overclocking Detected!</x-slot:title>
<h1>Error 429: Overclocking Detected!</h1> <div class="page-container">
<hr> <div>
<p>Whoa there! Your submissions are going at warp speed.</p> <h1 style="margin-top: 0">Error 429: Overclocking Detected!</h1>
<p>Remember you can only submit an entry <u>once every hour</u>!</p> <hr>
<br> <p>Whoa there! Your submissions are going at warp speed.</p>
Click <a href="/guestbook">here</a> to go back to the guestbook. <p>Remember you can only submit an entry <u>once every hour</u>!</p>
<br>
Click <a href="/guestbook">here</a> to go back to the guestbook.
</div>
</div>
</x-minimal> </x-minimal>

View file

@ -56,7 +56,7 @@
@php @php
$user_agent = $parser->parse($entry->agent); $user_agent = $parser->parse($entry->agent);
@endphp @endphp
<div class="section"> <div class="gb-entry">
Submitted by <strong>{{ $entry->name }}</strong> Submitted by <strong>{{ $entry->name }}</strong>
on <strong>{{ $entry->created_at->format('Y-m-d') }}</strong> on <strong>{{ $entry->created_at->format('Y-m-d') }}</strong>
at <strong>{{ $entry->created_at->format('h:i:s A (e)') }}</strong> at <strong>{{ $entry->created_at->format('h:i:s A (e)') }}</strong>

View file

@ -1,42 +1,45 @@
<x-layout> <x-layout>
<x-slot:title>Home</x-slot:title> <x-slot:title>Home</x-slot:title>
<div class="section"> <x-wah></x-wah>
<h2>About Me</h2> <p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide
<hr> <strong>W</strong>eb.
<p>Hi! This is my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.</p> </p>
<br> <br>
<p>QuickFacts&trade;:</p> <p>Some quick facts about me:</p>
<ul> <ul>
<li>{{ $age }} y/o, he/him, British</li> <li>19 y/o, he/him, British</li>
<li>Theatre Technician, &quot;Web Developer&quot; and NixOS User</li> <li>Theatre Technician and &quot;Web Developer&quot;</li>
<li>Loves ETC desks, prefers Generics to LEDs for some reason</li> <li>Loves ETC desks, prefers Generics to LEDs for some reason</li>
<li>Has a crippling Soundcraft addiction</li> <li>Spends way too much time on his computer</li>
<li>Spends way too much time on his computer</li> <li>Favorite games: <a href="https://steamcommunity.com/id/fwoppydwisk/recommended/420530/">OneShot</a>,
<li>Favorite games: <a href="https://steamcommunity.com/id/fwoppydwisk/recommended/420530/">OneShot</a>, Minecraft, Stardew Valley, N++ and Starbound</li> Minecraft, Stardew Valley, N++ and Starbound</li>
<li><a href="http://wxqa.com/">CWOP</a> member</li> <li><a href="http://wxqa.com/">CWOP</a> member</li>
</ul> </ul>
<br> <br>
<p>Interests:</p> <p>Interests:</p>
<ul> <ul>
<li><strong>Tech Theatre</strong> - Lighting, Stage Management, etc. (<a href="https://www.controlbooth.com/members/floppydisk.28673/">ControlBooth</a>)</li> <li><strong>Tech Theatre</strong> - Lighting, Stage Management, etc. (<a
<li><strong>Programming</strong> - HTML, CSS, JavaScript, C#, Java, PHP, Ruby, Python (<a href="https://github.com/floppydisk05">GitHub</a>)</li> href="https://www.controlbooth.com/members/floppydisk.28673/">ControlBooth</a>)</li>
<li><strong>Photography</strong> - <a href="https://www.flickr.com/photos/floppydisk/">Flickr</a></li> <li><strong>Programming</strong> - HTML, CSS, JavaScript, C#, Java, PHP, Ruby, Python (<a
<li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/fwoppydwisk/">Steam Profile</a></li> href="https://github.com/floppydisk05">GitHub</a>)</li>
</ul> <li><strong>Photography</strong> - <a href="https://www.flickr.com/photos/floppydisk/">Flickr</a></li>
</div> <li><strong>Gaming</strong> - <a href="https://steamcommunity.com/id/fwoppydwisk/">Steam Profile</a>
<div class="section"> </li>
<h2>Random Quote</h2> </ul>
<hr>
<x-toh-quote/> {{-- <div class="section">--}}
</div> {{-- <h2>Random Quote</h2>--}}
<div class="section"> {{-- <hr>--}}
<h2>Contact</h2> {{-- <x-toh-quote/>--}}
<hr> {{-- </div>--}}
<p> {{-- <div class="section">--}}
<strong>E-mail:</strong> <a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a><br> {{-- <h2>Contact</h2>--}}
<strong>Mastodon:</strong> <a rel="me" href="https://c.im/@floppydisk">@floppydisk@c.im</a><br> {{-- <hr>--}}
<strong>Matrix:</strong> <a href="https://matrix.to/#/@floppydisk:arcticfoxes.net">@floppydisk:arcticfoxes.net</a> {{-- <p>--}}
</p> {{-- <strong>E-mail:</strong> <a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a><br>--}}
</div> {{-- <strong>Mastodon:</strong> <a rel="me" href="https://c.im/@floppydisk">@floppydisk@c.im</a><br>--}}
{{-- <strong>Matrix:</strong> <a href="https://matrix.to/#/@floppydisk:arcticfoxes.net">@floppydisk:arcticfoxes.net</a>--}}
{{-- </p>--}}
{{-- </div>--}}
</x-layout> </x-layout>