diff options
| author | 2023-04-18 03:02:17 +0800 | |
|---|---|---|
| committer | 2023-04-18 03:02:17 +0800 | |
| commit | 4919f028c884a041da7ff098abb02389b4eac598 (patch) | |
| tree | b0f482568c4b8c8a680ce6e2e70a7b7ca87dc190 /envshare/app/layout.tsx | |
| parent | b135aac8531c1e1488147ad8c6f98eddbdbe0c99 (diff) | |
| download | HydroRoll-4919f028c884a041da7ff098abb02389b4eac598.tar.gz HydroRoll-4919f028c884a041da7ff098abb02389b4eac598.zip | |
✨add envshare docs
Diffstat (limited to 'envshare/app/layout.tsx')
| -rw-r--r-- | envshare/app/layout.tsx | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/envshare/app/layout.tsx b/envshare/app/layout.tsx new file mode 100644 index 0000000..557407d --- /dev/null +++ b/envshare/app/layout.tsx @@ -0,0 +1,58 @@ +import "./globals.css"; +import { Inter } from "@next/font/google"; +import Link from "next/link"; +import { Header } from "./header"; + +import { Analytics } from "@components/analytics"; +const inter = Inter({ subsets: ["latin"], variable: "--font-inter" }); + +export default function RootLayout({ + children, +}: { + children: React.ReactNode; +}) { + return ( + <html lang="en" className={inter.variable}> + <head /> + <body className="relative min-h-screen bg-black bg-gradient-to-tr from-zinc-900/50 to-zinc-700/30"> + { + // Not everyone will want to host envshare on Vercel, so it makes sense to make this opt-in. + process.env.ENABLE_VERCEL_ANALYTICS ? <Analytics /> : null + } + + <Header /> + + <main className=" min-h-[80vh] ">{children}</main> + + <footer className="bottom-0 border-t inset-2x-0 border-zinc-500/10"> + <div className="flex flex-col gap-1 px-6 py-12 mx-auto text-xs text-center text-zinc-700 max-w-7xl lg:px-8"> + <p> + Built by{" "} + <Link href="https://twitter.com/chronark_" className="font-semibold duration-150 hover:text-zinc-200"> + @chronark_ + </Link> + and{" "} + <Link + href="https://github.com/chronark/envshare/graphs/contributors" + className="underline duration-150 hover:text-zinc-200" + > + many others{" "} + </Link> + </p> + <p> + EnvShare is deployed on{" "} + <Link target="_blank" href="https://vercel.com" className="underline duration-150 hover:text-zinc-200"> + Vercel + </Link>{" "} + and uses{" "} + <Link target="_blank" href="https://upstash.com" className="underline duration-150 hover:text-zinc-200"> + Upstash + </Link>{" "} + for storing encrypted data. + </p> + </div> + </footer> + </body> + </html> + ); +} |
