48c2b5570b
docs: design content header sticky docs: content docs: update starting guide docs: corrections docs: oidc, sso & more feat: landing page style: card design style: colors style: zerobyte logo style: corner content style: docs cards ci(docs): auto deploy to cloudflare docs: 3-2-1 strategy
66 lines
2 KiB
TypeScript
66 lines
2 KiB
TypeScript
import { HeadContent, Scripts, createRootRoute } from "@tanstack/react-router";
|
|
import { RootProvider } from "fumadocs-ui/provider/tanstack";
|
|
|
|
import Header from "../components/Header";
|
|
|
|
import appCss from "../styles.css?url";
|
|
|
|
export const Route = createRootRoute({
|
|
head: () => ({
|
|
meta: [
|
|
{
|
|
charSet: "utf-8",
|
|
},
|
|
{
|
|
name: "viewport",
|
|
content: "width=device-width, initial-scale=1",
|
|
},
|
|
{
|
|
title: "Zerobyte | Backup automation for Restic",
|
|
},
|
|
{
|
|
name: "description",
|
|
content:
|
|
"Zerobyte is a web control plane for Restic backups with scheduling, encrypted repositories, monitoring, and restore workflows.",
|
|
},
|
|
],
|
|
links: [
|
|
{
|
|
rel: "stylesheet",
|
|
href: appCss,
|
|
},
|
|
{ rel: "icon", type: "image/png", href: "/images/favicon/favicon-96x96.png", sizes: "96x96" },
|
|
{ rel: "icon", type: "image/svg+xml", href: "/images/favicon/favicon.svg" },
|
|
{ rel: "shortcut icon", href: "/images/favicon/favicon.ico" },
|
|
{ rel: "apple-touch-icon", sizes: "180x180", href: "/images/favicon/apple-touch-icon.png" },
|
|
{ rel: "manifest", href: "/images/favicon/site.webmanifest" },
|
|
{ rel: "preconnect", href: "https://fonts.googleapis.com" },
|
|
{
|
|
rel: "preconnect",
|
|
href: "https://fonts.gstatic.com",
|
|
crossOrigin: "anonymous",
|
|
},
|
|
{
|
|
rel: "stylesheet",
|
|
href: "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap",
|
|
},
|
|
],
|
|
}),
|
|
shellComponent: RootDocument,
|
|
});
|
|
|
|
function RootDocument({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<html lang="en" data-theme="dark" className="dark">
|
|
<head>
|
|
<script defer data-domain="zerobyte.app" src="https://assets.foreach.li/js/script.js"></script>
|
|
<HeadContent />
|
|
</head>
|
|
<body className="font-sans antialiased [overflow-wrap:anywhere] selection:bg-strong-accent/24">
|
|
<Header />
|
|
<RootProvider theme={{ defaultTheme: "dark", enabled: false }}>{children}</RootProvider>
|
|
<Scripts />
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|