<head>
    <!-- Meta -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    @if (isset($socialSlot))
    {{ $socialSlot }}
    @else
    @include('partials.social-home-preview')
    @endif

    <!-- Sitemap -->
    <link rel="sitemap" type="application/xml" href="/sitemap.xml">

    <!-- Fonts -->
    <link rel="preconnect" href="https://fonts.bunny.net">
    <link rel="preload" href="https://fonts.bunny.net/figtree/files/figtree-latin-400-normal.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://fonts.bunny.net/figtree/files/figtree-latin-ext-400-normal.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://fonts.bunny.net/figtree/files/figtree-latin-600-normal.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://fonts.bunny.net/figtree/files/figtree-latin-ext-600-normal.woff2" as="font" type="font/woff2" crossorigin>

    <!-- Styles -->
    @vite(['resources/css/app.css', 'resources/js/app.js', 'resources/js/theme.js'])
    @livewireStyles

    <!-- Icons -->
    <link rel="icon" href="/images/cropped-HS-1-32x32.png" sizes="32x32">
    <link rel="icon" href="/images/cropped-HS-1-192x192.png" sizes="192x192">
    <link rel="apple-touch-icon" href="/images/cropped-HS-1-180x180.png">
    <meta name="msapplication-TileImage" content="/images/cropped-HS-1-270x270.png">

    <!-- Color -->
    <meta name="theme-color" content="#be123c">
    <meta name="msapplication-navbutton-color" content="#be123c">
    <meta name="apple-mobile-web-app-status-bar-style" content="#be123c">

    <script>
        document.documentElement.classList.add('dark');
    </script>

    <script>
        var _paq = window._paq = window._paq || [];
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function() {
            var u = "//hstream.moe/";
            _paq.push(['setTrackerUrl', u + 'app.php']);
            _paq.push(['setSiteId', '1']);
            var d = document,
                g = d.createElement('script'),
                s = d.getElementsByTagName('script')[0];
            g.async = true;
            g.src = u + 'app.js';
            s.parentNode.insertBefore(g, s);
        })();
    </script>
</head>
