<!doctype html>
<html lang="en" class="">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#6E8567" media="(prefers-color-scheme: light)" />
    <meta name="theme-color" content="#1A2018" media="(prefers-color-scheme: dark)" />
    <title>Alvin Ashcraft's Morning Dew</title>
    <base href="/" />

    <!-- Favicons & app icons (the iOS Morning Dew app icon, with light/dark
         scheme variants in supporting browsers) -->
    <link rel="icon" type="image/png" sizes="32x32" href="/img/md-light-32.png" media="(prefers-color-scheme: light)" />
    <link rel="icon" type="image/png" sizes="32x32" href="/img/md-dark-32.png" media="(prefers-color-scheme: dark)" />
    <link rel="icon" type="image/png" sizes="32x32" href="/img/md-light-32.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/img/md-light-180.png" />
    <link rel="manifest" href="/site.webmanifest" />

    <!-- Open Graph / Twitter cards -->
    <meta property="og:site_name" content="Alvin Ashcraft's Morning Dew" />
    <meta property="og:title" content="Alvin Ashcraft's Morning Dew" />
    <meta property="og:description" content="A daily link blog for developers, focused on .NET, Windows, and modern web development." />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="https://alvinashcraft.com/img/md-light-1024.png" />
    <meta property="og:image:width" content="1024" />
    <meta property="og:image:height" content="1024" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:image" content="https://alvinashcraft.com/img/md-light-1024.png" />

    <!-- Identity verification (rel="me") for fediverse + IndieWeb consumers -->
    <link rel="me" href="https://hachyderm.io/@alvinashcraft" />
    <link rel="me" href="https://github.com/alvinashcraft" />

    <!-- Feeds -->
    <link rel="alternate" type="application/rss+xml" title="Morning Dew (RSS)" href="https://www.alvinashcraft.com/feed.xml" />
    <link rel="alternate" type="application/atom+xml" title="Morning Dew (Atom)" href="https://www.alvinashcraft.com/atom.xml" />
    <link rel="alternate" type="application/feed+json" title="Morning Dew (JSON Feed)" href="https://www.alvinashcraft.com/feed.json" />

    <!-- Fonts: Inter (UI) + Manrope (headings) + JetBrains Mono (code) -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;family=Manrope:wght@600;700&amp;family=JetBrains+Mono&amp;display=swap" rel="stylesheet" />

    <!-- MudBlazor + Morning Dew styles -->
    <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet" />
    <link href="css/app.tailwind.css" rel="stylesheet" />

    <!-- Apply persisted dark mode preference before Blazor renders, to avoid a flash -->
    <script>
        //<![CDATA[
        (function () {
            try {
                var stored = localStorage.getItem('mdblog.theme');
                var prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
                var dark = stored === 'dark' || (!stored && prefersDark);
                document.documentElement.classList.toggle('dark', dark);
            } catch (e) { /* ignore */ }
        })();
        //]]>
    </script>

    <!-- Google Analytics 4 — preserves measurement id from current site -->
    <script async="async" src="https://www.googletagmanager.com/gtag/js?id=G-5FC0M6G689"></script>
    <script>
        //<![CDATA[
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'G-5FC0M6G689');
        //]]>
    </script>
</head>

<body>
    <div id="app">
        <div class="grid place-items-center min-h-screen text-dew-muted">
            <div class="text-center">
                <picture>
                    <source srcset="/img/md-dark-192.png" media="(prefers-color-scheme: dark)" />
                    <img src="/img/md-light-192.png" width="120" height="120" alt="Morning Dew" class="mx-auto mb-3 rounded-xl shadow-sm" />
                </picture>
                <div class="brand-mark text-2xl mb-1">Morning Dew</div>
                <div class="text-sm">Loading…</div>
            </div>
        </div>
    </div>

    <div id="blazor-error-ui" style="display:none;">
        An unhandled error has occurred.
        <a href="" class="reload">Reload</a>
        <a class="dismiss">🗙</a>
    </div>

    <script src="_framework/blazor.webassembly.js"></script>
    <script src="_content/MudBlazor/MudBlazor.min.js"></script>
    <script src="js/theme.js"></script>
    <script src="js/giscus.js"></script>
</body>

</html>
