grain.social/grain

Switch repository

Loading…

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/png" href="%sveltekit.assets%/favicon.png" />
    <link rel="manifest" href="%sveltekit.assets%/manifest.json" />
    <meta name="theme-color" content="#080b12" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <script>
      // Resolve the theme before first paint so there is no flash of the wrong palette.
      (function () {
        try {
          var pref = localStorage.getItem("grain:theme");
          if (pref !== "light" && pref !== "dark") pref = "system";
          var resolved =
            pref === "system"
              ? window.matchMedia("(prefers-color-scheme: light)").matches
                ? "light"
                : "dark"
              : pref;
          document.documentElement.dataset.theme = resolved;
          document
            .querySelector('meta[name="theme-color"]')
            .setAttribute("content", resolved === "light" ? "#ffffff" : "#080b12");
        } catch (e) {}
      })();
    </script>
    <link rel="apple-touch-icon" href="%sveltekit.assets%/icon-192.png" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600&display=block"
      rel="stylesheet"
    />
    <script>
      document.fonts.ready.then(() => document.documentElement.classList.add("fonts-loaded"));
    </script>
    %sveltekit.head%
  </head>
  <body data-sveltekit-preload-data="hover">
    <script
      data-goatcounter="https://grain.goatcounter.com/count"
      async
      src="//gc.zgo.at/count.js"
    ></script>
    <div style="display: contents">%sveltekit.body%</div>
  </body>
</html>