Something went wrong. Try again.
2025 refresh of the landing page in Astro
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110---import Navigation from "../components/Navigation.astro";import Wordmark from "../components/Wordmark.astro";import "../styles/global.css";
import "@fontsource-variable/jetbrains-mono";import "@fontsource/instrument-serif/400.css";import "@fontsource/instrument-serif/400-italic.css";import "@fontsource/newsreader/400.css";import "@fontsource/newsreader/500.css";import "@fontsource/newsreader/400-italic.css";
type NavVariant = "home" | "pds";type PdsPage = "home" | "about" | "migrate";
interface Props { title?: string; description?: string; navVariant?: NavVariant; /** Which PDS subsite page is active, for nav link highlighting. Ignored outside navVariant="pds". */ pdsPage?: PdsPage;}
const { title = "dummy.cafe", description = "building cool things on the Atmosphere — a hosting provider for your Atmosphere account - realms, a chatroom you truly own - open-source tools for a more open internet", navVariant = "home", pdsPage = "home",} = Astro.props;
const canonicalURL = new URL(Astro.url.pathname, "https://dummy.cafe");---
<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="generator" content={Astro.generator} />
<title>{title}</title> <link rel="canonical" href={canonicalURL.href} />
<meta name="description" content={description} /> <meta property="og:title" content={title} /> <meta property="og:description" content={description} /> <meta property="og:url" content={canonicalURL.href} /> <meta property="og:type" content="website" /> <meta property="og:site_name" content="dummy.cafe" /> <meta property="og:image" content="https://dummy.cafe/assets/brand/og-card.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content={title} /> <meta name="twitter:description" content={description} /> <meta name="twitter:image" content="https://dummy.cafe/assets/brand/og-card.png" />
<script type="application/ld+json" is:inline set:html={JSON.stringify({ "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "name": "dummy.cafe", "url": "https://dummy.cafe", "logo": "https://dummy.cafe/assets/brand/og-card.png", "sameAs": [ "https://bsky.app/profile/dummy.cafe", "https://github.com/sponsors/dummycafe" ] }, { "@type": "WebSite", "name": "dummy.cafe", "url": "https://dummy.cafe" } ] })} />
<script src="https://uptime.betterstack.com/widgets/announcement.js" data-id="147391" async type="text/javascript" is:inline ></script> </head> <body class="min-h-screen flex flex-col"> <Navigation variant={navVariant} pdsPage={pdsPage} /> <main id="top" class="flex-1 flex flex-col"> <slot /> </main> {navVariant === "pds" && ( <footer class="pt-10 pb-15 border-t border-rule mono text-[12px] text-ink-dim"> <div class="max-w-[980px] mx-auto px-7 flex justify-between items-baseline gap-5 flex-wrap"> <span class="inline-flex items-baseline gap-[10px]"> <Wordmark size="footer" mode="ink" /> <span>hosting provider</span> </span> <span class="flex items-baseline gap-[16px] flex-wrap"> <a href="/pds/terms" class="border-ink-faint hover:border-ink hover:text-ink-soft">terms</a> <a href="/pds/privacy" class="border-ink-faint hover:border-ink hover:text-ink-soft">privacy</a> <a href="/" class="text-ink-soft hover:text-ink border-ink-faint hover:border-ink">back to dummy.cafe</a> </span> </div> </footer> )} </body></html>