diff options
| author | trisusilo48 <tri.susilo@altama.co.id> | 2024-10-09 09:34:28 +0700 |
|---|---|---|
| committer | trisusilo48 <tri.susilo@altama.co.id> | 2024-10-09 09:34:28 +0700 |
| commit | 30c5eb5776fcc60f023ad6aa51153cb375c87930 (patch) | |
| tree | 3be9a5b23e1d617981e7e929b586d545d4e8ba85 /app | |
Initial commit from Create Next App
Diffstat (limited to 'app')
| -rw-r--r-- | app/favicon.ico | bin | 0 -> 25931 bytes | |||
| -rw-r--r-- | app/fonts/GeistMonoVF.woff | bin | 0 -> 67864 bytes | |||
| -rw-r--r-- | app/fonts/GeistVF.woff | bin | 0 -> 66268 bytes | |||
| -rw-r--r-- | app/globals.css | 27 | ||||
| -rw-r--r-- | app/layout.tsx | 35 | ||||
| -rw-r--r-- | app/page.tsx | 101 |
6 files changed, 163 insertions, 0 deletions
diff --git a/app/favicon.ico b/app/favicon.ico Binary files differnew file mode 100644 index 0000000..718d6fe --- /dev/null +++ b/app/favicon.ico diff --git a/app/fonts/GeistMonoVF.woff b/app/fonts/GeistMonoVF.woff Binary files differnew file mode 100644 index 0000000..f2ae185 --- /dev/null +++ b/app/fonts/GeistMonoVF.woff diff --git a/app/fonts/GeistVF.woff b/app/fonts/GeistVF.woff Binary files differnew file mode 100644 index 0000000..1b62daa --- /dev/null +++ b/app/fonts/GeistVF.woff diff --git a/app/globals.css b/app/globals.css new file mode 100644 index 0000000..13d40b8 --- /dev/null +++ b/app/globals.css @@ -0,0 +1,27 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + +:root { + --background: #ffffff; + --foreground: #171717; +} + +@media (prefers-color-scheme: dark) { + :root { + --background: #0a0a0a; + --foreground: #ededed; + } +} + +body { + color: var(--foreground); + background: var(--background); + font-family: Arial, Helvetica, sans-serif; +} + +@layer utilities { + .text-balance { + text-wrap: balance; + } +} diff --git a/app/layout.tsx b/app/layout.tsx new file mode 100644 index 0000000..a36cde0 --- /dev/null +++ b/app/layout.tsx @@ -0,0 +1,35 @@ +import type { Metadata } from "next"; +import localFont from "next/font/local"; +import "./globals.css"; + +const geistSans = localFont({ + src: "./fonts/GeistVF.woff", + variable: "--font-geist-sans", + weight: "100 900", +}); +const geistMono = localFont({ + src: "./fonts/GeistMonoVF.woff", + variable: "--font-geist-mono", + weight: "100 900", +}); + +export const metadata: Metadata = { + title: "Create Next App", + description: "Generated by create next app", +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + <html lang="en"> + <body + className={`${geistSans.variable} ${geistMono.variable} antialiased`} + > + {children} + </body> + </html> + ); +} diff --git a/app/page.tsx b/app/page.tsx new file mode 100644 index 0000000..433c8aa --- /dev/null +++ b/app/page.tsx @@ -0,0 +1,101 @@ +import Image from "next/image"; + +export default function Home() { + return ( + <div className="grid grid-rows-[20px_1fr_20px] items-center justify-items-center min-h-screen p-8 pb-20 gap-16 sm:p-20 font-[family-name:var(--font-geist-sans)]"> + <main className="flex flex-col gap-8 row-start-2 items-center sm:items-start"> + <Image + className="dark:invert" + src="https://nextjs.org/icons/next.svg" + alt="Next.js logo" + width={180} + height={38} + priority + /> + <ol className="list-inside list-decimal text-sm text-center sm:text-left font-[family-name:var(--font-geist-mono)]"> + <li className="mb-2"> + Get started by editing{" "} + <code className="bg-black/[.05] dark:bg-white/[.06] px-1 py-0.5 rounded font-semibold"> + app/page.tsx + </code> + . + </li> + <li>Save and see your changes instantly.</li> + </ol> + + <div className="flex gap-4 items-center flex-col sm:flex-row"> + <a + className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5" + 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="https://nextjs.org/icons/vercel.svg" + alt="Vercel logomark" + width={20} + height={20} + /> + Deploy now + </a> + <a + className="rounded-full border border-solid border-black/[.08] dark:border-white/[.145] transition-colors flex items-center justify-center hover:bg-[#f2f2f2] dark:hover:bg-[#1a1a1a] hover:border-transparent text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5 sm:min-w-44" + 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" + > + Read our docs + </a> + </div> + </main> + <footer className="row-start-3 flex gap-6 flex-wrap items-center justify-center"> + <a + className="flex items-center gap-2 hover:underline hover:underline-offset-4" + href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" + target="_blank" + rel="noopener noreferrer" + > + <Image + aria-hidden + src="https://nextjs.org/icons/file.svg" + alt="File icon" + width={16} + height={16} + /> + Learn + </a> + <a + className="flex items-center gap-2 hover:underline hover:underline-offset-4" + href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" + target="_blank" + rel="noopener noreferrer" + > + <Image + aria-hidden + src="https://nextjs.org/icons/window.svg" + alt="Window icon" + width={16} + height={16} + /> + Examples + </a> + <a + className="flex items-center gap-2 hover:underline hover:underline-offset-4" + href="https://nextjs.org?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" + target="_blank" + rel="noopener noreferrer" + > + <Image + aria-hidden + src="https://nextjs.org/icons/globe.svg" + alt="Globe icon" + width={16} + height={16} + /> + Go to nextjs.org → + </a> + </footer> + </div> + ); +} |