@extends('layouts.default')
@section('title', 'Home')
@section('description', 'This is the personal homepage of floppydisk.')
@section('content')
    <p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.

    <table class="info-table">
        <caption>
            <h1>Fun Facts</h1>
            <hr>
        </caption>
        <tr>
            <td>&#9670; I am (unfortunately) British</td>
        </tr>
        <tr>
            <td>&#9670; I watched the entirety of The Owl House (~18 hours) in under 48 hours.</td>
        </tr>
        <tr>
            <td>&#9670; I spend way too much time on my computer.</td>
        </tr>
        <tr>
            <td>&#9670; Some people say I suck at PHP, but that's clearly wrong :P</td>
        </tr>
        <tr>
            <td>&#9670; Some of my favorite games are: OneShot, Minecraft, Stardew Valley, N++ and Starbound</td>
        </tr>
    </table>
    <br>

    <table class="info-table">
        <caption>
            <h1>Interests</h1>
            <hr>
        </caption>
        <tr>
            <td>&#9670; <b>Tech Theatre</b></td>
            <td>- Lighting, Stage Management, etc.</td>
        </tr>
        <tr>
            <td>&#9670; <b>Programming</b></td>
            <td>- HTML, JavaScript, C#, Java, PHP, Ruby</td>
        </tr>
        <tr>
            <td>&#9670; <b>Photography</b></td>
            <td>- <a href="https://www.flickr.com/photos/floppydisk/">Flickr</a></td>
        </tr>
    </table>
    <br>

    <table class="info-table">
        <caption>
            <h1>Contact &amp; social</h1>
            <hr>
        </caption>
        <tr>
            <td><strong>E-mail:</strong></td>
            <td><a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a></td>
        </tr>
        <tr>
            <td><strong>Mastodon:</strong></td>
            <td><a rel="me" href="https://c.im/@floppydisk">@floppydisk@c.im</a></td>
        </tr>
        <tr>
            <td><strong>Matrix:</strong></td>
            <td><a href="https://matrix.to/#/@floppydisk:arcticfoxes.net">@floppydisk:arcticfoxes.net</a></td>
        </tr>
        <tr>
            <td><strong>GitHub:</strong></td>
            <td><a href="https://github.com/floppydisk05">floppydisk05</a></td>
        </tr>
    </table>
    <br>

    <table class="info-table">
        <caption>
            <h1>niko</h1>
            <hr>
        </caption>
        <tr>
            <td>
                <video width="320" height="320" controls>
                    <source src="/videos/silly.mp4" type="video/mp4">
                </video>
            </td>
        </tr>
    </table>

@stop