aboutsummaryrefslogtreecommitdiff
path: root/communities/red-right-hand/alpha.174bg.net/src/app
diff options
context:
space:
mode:
Diffstat (limited to 'communities/red-right-hand/alpha.174bg.net/src/app')
-rw-r--r--communities/red-right-hand/alpha.174bg.net/src/app/favicon.icobin0 -> 25931 bytes
-rw-r--r--communities/red-right-hand/alpha.174bg.net/src/app/globals.css26
-rw-r--r--communities/red-right-hand/alpha.174bg.net/src/app/layout.js28
-rw-r--r--communities/red-right-hand/alpha.174bg.net/src/app/page.js65
4 files changed, 119 insertions, 0 deletions
diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/favicon.ico b/communities/red-right-hand/alpha.174bg.net/src/app/favicon.ico
new file mode 100644
index 0000000..718d6fe
--- /dev/null
+++ b/communities/red-right-hand/alpha.174bg.net/src/app/favicon.ico
Binary files differ
diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/globals.css b/communities/red-right-hand/alpha.174bg.net/src/app/globals.css
new file mode 100644
index 0000000..a2dc41e
--- /dev/null
+++ b/communities/red-right-hand/alpha.174bg.net/src/app/globals.css
@@ -0,0 +1,26 @@
+@import "tailwindcss";
+
+:root {
+ --background: #ffffff;
+ --foreground: #171717;
+}
+
+@theme inline {
+ --color-background: var(--background);
+ --color-foreground: var(--foreground);
+ --font-sans: var(--font-geist-sans);
+ --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+ :root {
+ --background: #0a0a0a;
+ --foreground: #ededed;
+ }
+}
+
+body {
+ background: var(--background);
+ color: var(--foreground);
+ font-family: Arial, Helvetica, sans-serif;
+}
diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/layout.js b/communities/red-right-hand/alpha.174bg.net/src/app/layout.js
new file mode 100644
index 0000000..dbc1eca
--- /dev/null
+++ b/communities/red-right-hand/alpha.174bg.net/src/app/layout.js
@@ -0,0 +1,28 @@
+import { Geist, Geist_Mono } from "next/font/google";
+import "./globals.css";
+
+const geistSans = Geist({
+ variable: "--font-geist-sans",
+ subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+ variable: "--font-geist-mono",
+ subsets: ["latin"],
+});
+
+export const metadata = {
+ title: "Create Next App",
+ description: "Generated by create next app",
+};
+
+export default function RootLayout({ children }) {
+ return (
+ <html
+ lang="en"
+ className={`${geistSans.variable} ${geistMono.variable} h-full antialiased`}
+ >
+ <body className="min-h-full flex flex-col">{children}</body>
+ </html>
+ );
+}
diff --git a/communities/red-right-hand/alpha.174bg.net/src/app/page.js b/communities/red-right-hand/alpha.174bg.net/src/app/page.js
new file mode 100644
index 0000000..2d37b5c
--- /dev/null
+++ b/communities/red-right-hand/alpha.174bg.net/src/app/page.js
@@ -0,0 +1,65 @@
+import Image from "next/image";
+
+export default function Home() {
+ return (
+ <div className="flex flex-col flex-1 items-center justify-center bg-zinc-50 font-sans dark:bg-black">
+ <main className="flex flex-1 w-full max-w-3xl flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
+ <Image
+ className="dark:invert"
+ src="/next.svg"
+ alt="Next.js logo"
+ width={100}
+ height={20}
+ priority
+ />
+ <div className="flex flex-col items-center gap-6 text-center sm:items-start sm:text-left">
+ <h1 className="max-w-xs text-3xl font-semibold leading-10 tracking-tight text-black dark:text-zinc-50">
+ To get started, edit the page.js file.
+ </h1>
+ <p className="max-w-md text-lg leading-8 text-zinc-600 dark:text-zinc-400">
+ Looking for a starting point or more instructions? Head over to{" "}
+ <a
+ href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+ className="font-medium text-zinc-950 dark:text-zinc-50"
+ >
+ Templates
+ </a>{" "}
+ or the{" "}
+ <a
+ href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+ className="font-medium text-zinc-950 dark:text-zinc-50"
+ >
+ Learning
+ </a>{" "}
+ center.
+ </p>
+ </div>
+ <div className="flex flex-col gap-4 text-base font-medium sm:flex-row">
+ <a
+ className="flex h-12 w-full items-center justify-center gap-2 rounded-full bg-foreground px-5 text-background transition-colors hover:bg-[#383838] dark:hover:bg-[#ccc] md:w-[158px]"
+ href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ <Image
+ className="dark:invert"
+ src="/vercel.svg"
+ alt="Vercel logomark"
+ width={16}
+ height={16}
+ />
+ Deploy Now
+ </a>
+ <a
+ className="flex h-12 w-full items-center justify-center rounded-full border border-solid border-black/[.08] px-5 transition-colors hover:border-transparent hover:bg-black/[.04] dark:border-white/[.145] dark:hover:bg-[#1a1a1a] md:w-[158px]"
+ href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app"
+ target="_blank"
+ rel="noopener noreferrer"
+ >
+ Documentation
+ </a>
+ </div>
+ </main>
+ </div>
+ );
+}