<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Global -->
    <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">
    <meta name="twitter:card" content="summary_large_image">
    <title>wah! (dot moe)</title>
    <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"/>
    @if ($event == 'christmas')<script src="{{ asset('/js/christmas/snowstorm.js') }}"></script>@endif
    @if ($event == 'april-fools' || $event == 'pride')<link rel="stylesheet" href="{{ asset('/css/alternate/rainbow.css') }}">@endif
    @if ($event == 'april-fools')<link rel="stylesheet" href="{{ asset('/css/alternate/aprilfools.css') }}">@endif
    <!-- Page-specific -->
    <meta property="og:title" content="wah! (dot moe) - {{ $title }}">
    <meta property="og:image" content="{{ $cardImage ?? "/favicon-128x128.png" }}">
    <meta property="og:description" content="{{ $cardDescription ?? "" }}">
</head>
<body>
    <a href="https://git.arimelody.me/ari/prideflag" target="_blank" id="prideflag">
        <img src="{{ asset('/images/progress.svg') }}" width="120" height="120" alt="progressive pride flag">
    </a>
    <div class="page-container">
        <header>
            <div>
                @if($event == 'april-fools' || $event == 'pride')<img src="{{ asset('/images/logo-rainbow.png') }}" width="84" alt="A pixel art depiction of a paw, in rainbow colours.">
                @else <img class="logo_paw" src="{{ asset('/images/logo-v2.png') }}" width="84" alt="A pixel art depiction of a paw, in three alternating shades of blue.">@endif
            </div>
            <div>
                <h1>wah!</h1>
                <p>
                    (dot moe)
                </p>
                <x-navigation></x-navigation>
            </div>
        </header>
        <hr>
        <main>
            {{ $slot }}
            <div class="clear"></div>
        </main>
        <hr>
        <footer>
            <div id="footer">
                <img src="{{ URL::asset('images/buttons/wah.png') }}" alt="wah! (dot moe)">
                <a href="https://aliceisvery.gay/"><img src="{{ URL::asset('images/buttons/cnfunknown.gif') }}" alt="ConfusionUnknown"></a>
                <a href="https://julimiro.eu/"><img src="{{ URL::asset('images/buttons/juli.gif') }}" alt="Julimiro.eu"></a>
                <a href="https://lunaisafox.xyz/"><img src="{{ URL::asset('images/buttons/x86.gif') }}" alt="x86Overflow"></a>
                <a href="https://lim95.com/gggg"><img src="{{ URL::asset('images/buttons/gggg.png') }}" alt="green guy goes grappling"></a>
                <a href="https://dimden.dev/"><img src="{{ URL::asset('images/buttons/dimden.gif') }}" alt="Dimden's website"></a>
                <a href="https://un1x.hs.vc/"><img src="{{ URL::asset('images/buttons/violet.png') }}" alt="Violet"></a>
                <a href="https://sillydomain.name/"><img src="{{ URL::asset('images/buttons/benjae.png') }}" alt="ben"></a>
                <a href="https://doskel.net/DSKLwiki"><img src="{{ URL::asset('images/buttons/doskel2.png') }}" alt="doskel"></a>
                <a href="https://synth.download"><img src="https://synth.download/assets/buttons/sneexy.svg" alt="Sneexy"></a><br>
                <img src="{{ URL::asset('images/buttons/servfail.png') }}" alt="Servfail DNS">
                <a href="https://www.freebsd.org/"><img src="{{ URL::asset('images/buttons/freebsd.gif') }}" alt="Powered by FreeBSD"></a>
                <img src="{{ URL::asset('images/buttons/paws-aliased.png') }}" alt="Made with my own two paws">
                <img src="{{ URL::asset('images/buttons/transrights.gif') }}" alt="Trans Rights NOW!">
                <a href="https://www.vim.org/"><img src="{{ URL::asset('images/buttons/vim.gif') }}" alt="Vim"></a>
                <img src="{{ URL::asset('images/buttons/aliasing.png') }}" alt="I Heart Aliasing">
                <img src="{{ URL::asset('images/buttons/csshard.gif') }}" alt="CSS is hard">
                <img src="{{ URL::asset('images/buttons/krisbtn.gif') }}" alt="Kris where tf are we">
                <a href="https://crosstalk.im/"><img src="{{ URL::asset('images/buttons/yahoo.gif') }}" alt="Send instant messages on Yahoo!"></a>
                <img src="{{ URL::asset('images/buttons/notcompliant.gif') }}" alt="HTML 4.0 Non-compliant">
                <div class="footer-footer">
                    <div>
                        <span>
                            &copy; RoscoeDaWah 2021-{{ date('Y') }}
                        </span>
                    </div>
                    <div>
                        <a href="https://webring.julimiro.eu/api/previous/wah.moe">&lt;</a> <a href="https://webring.julimiro.eu/">the basename ring</a> <a href="https://webring.julimiro.eu/api/next/wah.moe">&gt;</a>
                    </div>
                    <div>
                        <a href="https://git.frzn.dev/RoscoeDaWah/wah.moe/releases/tag/v{{ config('app.version') }}">v{{ config('app.version') }}</a> on {{ gethostname() }}
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>
