diff --git a/.env.example b/.env.example new file mode 100644 index 0000000..09e74cc --- /dev/null +++ b/.env.example @@ -0,0 +1 @@ +NEXT_PUBLIC_WEBSITE_URL= \ No newline at end of file diff --git a/.gitignore b/.gitignore index 26b002a..8777267 100644 --- a/.gitignore +++ b/.gitignore @@ -29,8 +29,8 @@ npm-debug.log* yarn-debug.log* yarn-error.log* -# env files (can opt-in for commiting if needed) -.env* +# local env files +.env*.local # vercel .vercel diff --git a/app/favicon.ico b/app/favicon.ico index 718d6fe..4ea2e1f 100644 Binary files a/app/favicon.ico and b/app/favicon.ico differ diff --git a/app/fonts/GeistMonoVF.woff b/app/fonts/GeistMonoVF.woff deleted file mode 100644 index f2ae185..0000000 Binary files a/app/fonts/GeistMonoVF.woff and /dev/null differ diff --git a/app/fonts/GeistVF.woff b/app/fonts/GeistVF.woff deleted file mode 100644 index 1b62daa..0000000 Binary files a/app/fonts/GeistVF.woff and /dev/null differ diff --git a/app/globals.css b/app/globals.css index 6b717ad..d2a4bca 100644 --- a/app/globals.css +++ b/app/globals.css @@ -2,20 +2,78 @@ @tailwind components; @tailwind utilities; -:root { - --background: #ffffff; - --foreground: #171717; +html, body { + font-family: Inter, Helvetica, Arial, sans-serif; + width: 100%; + height: 100%; + background-color: hsla(var(--background), 1); + color: hsla(var(--foreground), 1); } -@media (prefers-color-scheme: dark) { +@layer base { :root { - --background: #0a0a0a; - --foreground: #ededed; - } -} + --background: 0, 0%, 100%; + --foreground: 222.2, 47.4%, 11.2%; -body { - color: var(--foreground); - background: var(--background); - font-family: Arial, Helvetica, sans-serif; -} + --muted: 210, 40%, 96.1%; + --muted-foreground: 215.4, 16.3%, 46.9%; + + --popover: 0, 0%, 100%; + --popover-foreground: 222.2, 47.4%, 11.2%; + + --border: 214.3, 31.8%, 91.4%; + --input: 214.3, 31.8%, 91.4%; + + --card: 0, 0%, 100%; + --card-foreground: 222.2, 47.4%, 11.2%; + + --primary: 30, 100%, 50%; + --primary-foreground: 0, 0%, 100%; + + --secondary: 0, 0%, 100%; + --secondary-foreground: 222.2, 47.4%, 11.2%; + + --accent: 30, 66.7%, 94.1%; + --accent-foreground: 222.2, 47.4%, 11.2%; + + --destructive: 0, 100%, 50%; + --destructive-foreground: 210, 40%, 98%; + + --ring: 215, 20.2%, 65.1%; + + --radius: 0.5rem; + } + + .dark { + --background: 20, 14.3%, 4.1%; + --foreground: 213, 31%, 91%; + + --muted: 223, 47%, 11%; + --muted-foreground: 215.4, 16.3%, 56.9%; + + --accent: 30, 66.7%, 9%; + --accent-foreground: 213, 31%, 91%; + + --popover: 20, 14.3%, 4.1%; + --popover-foreground: 215, 20.2%, 65.1%; + + --border: 216, 34%, 17%; + --input: 216, 34%, 17%; + + --card: 20, 14.3%, 4.1%; + --card-foreground: 213, 31%, 91%; + + --primary: 30, 100%, 50%; + --primary-foreground: 0, 0%, 100%; + + --secondary: 20, 14.3%, 4.1%; + --secondary-foreground: 213, 31%, 91%; + + --destructive: 0, 63%, 31%; + --destructive-foreground: 210, 40%, 98%; + + --ring: 216, 34%, 17%; + + --radius: 0.5rem; + } +} \ No newline at end of file diff --git a/app/layout.js b/app/layout.js index 9800bf8..0e3f556 100644 --- a/app/layout.js +++ b/app/layout.js @@ -1,30 +1,45 @@ -import localFont from "next/font/local"; +import { Inter } from "next/font/google"; 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", +const inter = Inter({ + weight: ["400", "600", "700", "900"], + subsets: ["latin"], }); export const metadata = { - title: "Create Next App", - description: "Generated by create next app", + title: "MERNMail - a MERN stack webmail application", + description: + "MERNMail: Open-source webmail app built with MERN stack. Send, receive, & manage emails easily. Explore and contribute today!", + openGraph: { + title: "MERNMail - a MERN stack webmail application", + description: + "MERNMail: Open-source webmail app built with MERN stack. Send, receive, & manage emails easily. Explore and contribute today!", + url: `${process.env.NEXT_PUBLIC_WEBSITE_URL}`, + type: "website", + images: [ + { + url: `${process.env.NEXT_PUBLIC_WEBSITE_URL}/metadata/mernmail-cover.png`, + width: 2560, + height: 1440, + alt: "MERNMail - a MERN stack webmail application", + }, + ], + }, + twitter: { + card: "summary_large_image", + site: "@MERNMail", + title: "MERNMail - a MERN stack webmail application", + description: + "MERNMail: Open-source webmail app built with MERN stack. Send, receive, & manage emails easily. Explore and contribute today!", + images: [`${process.env.NEXT_PUBLIC_WEBSITE_URL}/metadata/svrjs-cover.png`], + creator: "@MERNMail", + }, }; export default function RootLayout({ children }) { return ( - - {children} - + {children} ); } diff --git a/app/page.js b/app/page.js index 4c7ad64..5d01b56 100644 --- a/app/page.js +++ b/app/page.js @@ -1,101 +1,5 @@ -import Image from "next/image"; - -export default function Home() { - return ( -
-
- Next.js logo -
    -
  1. - Get started by editing{" "} - - app/page.js - - . -
    2. -
  2. Save and see your changes instantly.
    3. -
- -
- - Vercel logomark - Deploy now - - - Read our docs - -
-
- -
- ); +function Home() { + return
Placeholder
; } + +export default Home; diff --git a/public/file.svg b/public/file.svg deleted file mode 100644 index 004145c..0000000 --- a/public/file.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/globe.svg b/public/globe.svg deleted file mode 100644 index 567f17b..0000000 --- a/public/globe.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/metadata/mernmail-cover.png b/public/metadata/mernmail-cover.png new file mode 100644 index 0000000..c8e0a3c Binary files /dev/null and b/public/metadata/mernmail-cover.png differ diff --git a/public/next.svg b/public/next.svg deleted file mode 100644 index 5174b28..0000000 --- a/public/next.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index 7705396..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/public/window.svg b/public/window.svg deleted file mode 100644 index b2b2a44..0000000 --- a/public/window.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/tailwind.config.js b/tailwind.config.js index af99692..98c3b8d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,5 +1,6 @@ /** @type {import('tailwindcss').Config} */ module.exports = { + darkMode: ["class"], content: [ "./pages/**/*.{js,ts,jsx,tsx,mdx}", "./components/**/*.{js,ts,jsx,tsx,mdx}", @@ -8,8 +9,58 @@ module.exports = { theme: { extend: { colors: { - background: "var(--background)", - foreground: "var(--foreground)", + border: "hsla(var(--border), 1)", + input: "hsla(var(--input), 1)", + ring: "hsla(var(--ring), 1)", + background: "hsla(var(--background), 1)", + foreground: "hsla(var(--foreground), 1)", + primary: { + DEFAULT: "hsla(var(--primary), 1)", + foreground: "hsla(var(--primary-foreground), 1)", + }, + secondary: { + DEFAULT: "hsla(var(--secondary), 1)", + foreground: "hsla(var(--secondary-foreground), 1)", + }, + destructive: { + DEFAULT: "hsla(var(--destructive), 1)", + foreground: "hsla(var(--destructive-foreground), 1)", + }, + muted: { + DEFAULT: "hsla(var(--muted), 1)", + foreground: "hsla(var(--muted-foreground), 1)", + }, + accent: { + DEFAULT: "hsla(var(--accent), 1)", + foreground: "hsla(var(--accent-foreground), 1)", + }, + popover: { + DEFAULT: "hsla(var(--popover), 1)", + foreground: "hsla(var(--popover-foreground), 1)", + }, + card: { + DEFAULT: "hsla(var(--card), 1)", + foreground: "hsla(var(--card-foreground), 1)", + }, + }, + borderRadius: { + lg: `var(--radius)`, + md: `calc(var(--radius) - 2px)`, + sm: "calc(var(--radius) - 4px)", + }, + keyframes: { + "accordion-down": { + from: { height: 0 }, + to: { height: "var(--radix-accordion-content-height)" }, + }, + "accordion-up": { + from: { height: "var(--radix-accordion-content-height)" }, + to: { height: 0 }, + }, + }, + animation: { + "accordion-down": "accordion-down 0.2s ease-out", + "accordion-up": "accordion-up 0.2s ease-out", }, }, },