Something went wrong. Try again.
grain.social is a photo sharing platform built on atproto. grain.social
appview atproto photography
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051<!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" /> <title>grain</title> <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>