@extends('layouts.default')
@section('title', 'Home')
@section('description', 'This is the personal homepage of floppydisk.')
@section('content')
    <div class="me">
        <img src="/images/me_200x200.jpg" alt="Me" width="200" height="200">
        <p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.
    </div>

    <table class="infotable">
        <tr>
            <td>
                <h1>Fun Facts</h1>
            </td>
        </tr>
        <tr>
            <td>
                <hr>
            </td>
        </tr>
        <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>
    </table>
    <br>

    <table class="infotable">
        <tr>
            <td colspan="2">
                <h1>Interests</h1>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <hr>
            </td>
        </tr>
        <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="infotable">
        <tr>
            <td colspan="2">
                <h1>Contact &amp; social</h1>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <hr>
            </td>
        </tr>
        <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>
@stop