Draw the outer owl

DEVxNetwork · Jul 15, 2024 · 80cf2b3 · 80cf2b3
1 parent 233f4ba
commit 80cf2b3
Show file tree

Hide file tree

Showing 18 changed files with 5,290 additions and 4,453 deletions.
diff --git a/.gitignore b/.gitignore
@@ -34,3 +34,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# nova 
+.nova
diff --git a/app/about/page.tsx b/app/about/page.tsx
@@ -0,0 +1,3 @@
+export default function About() {
+	return <main>/about</main>
+}
diff --git a/app/globals.css b/app/globals.css
@@ -1,3 +1,7 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
 @media (prefers-color-scheme: dark) {
 	html {
 		color-scheme: dark;

diff --git a/app/join/page.tsx b/app/join/page.tsx
@@ -0,0 +1,3 @@
+export default function Join() {
+	return <main>/join</main>
+}
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,5 +1,6 @@
 import { ReactNode } from "react"
 import type { Metadata } from "next"
+import { Header, Footer } from "@/app/lib/components"
 import "./globals.css"
 
 export const metadata: Metadata = {
@@ -14,7 +15,11 @@ export default function RootLayout({
 }>) {
 	return (
 		<html lang="en">
-			<body>{children}</body>
+			<body>
+				<Header />
+				{children}
+				<Footer />
+			</body>
 		</html>
 	)
 }
diff --git a/app/lib/components/Footer.tsx b/app/lib/components/Footer.tsx
@@ -0,0 +1,65 @@
+const Footer = () => {
+	return (
+		<footer className="footer bg-neutral text-neutral-content items-center p-4">
+			<aside className="grid-flow-col items-center">
+				<img src="/images/logo.jpeg" className="w-8 rounded" />
+				<p>© Copyright {new Date().getFullYear()}. All rights reserved</p>
+			</aside>
+			<nav className="grid-flow-col gap-4 md:place-self-center md:justify-self-end">
+				<a>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						width="24"
+						height="24"
+						viewBox="0 0 24 24"
+						className="fill-current"
+					>
+						<path d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"></path>
+					</svg>
+				</a>
+
+				<a>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						fill="none"
+						width="24"
+						height="24"
+						viewBox="0 0 133 134"
+						className="fill-current"
+					>
+						<path
+							fill="currentColor"
+							d="M133 67C96.282 67 66.5 36.994 66.5 0c0 36.994-29.782 67-66.5 67 36.718 0 66.5 30.006 66.5 67 0-36.994 29.782-67 66.5-67"
+						></path>
+					</svg>
+				</a>
+
+				<a>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						width="24"
+						height="24"
+						viewBox="0 0 32 32"
+						className="fill-current"
+					>
+						<path
+							fill="currentColor"
+							d="M31.969 26.984c-.401-2.572-5.163-.593-5.459-3.411c-.417-4 5.531-12.615 5.063-15.964c-.417-3.005-2.453-3.64-4.219-3.677c-1.715-.025-2.167.245-2.745.584c-.339.192-.817.577-1.484-.057c-.443-.423-.745-.713-1.208-1.089c-.24-.192-.62-.432-1.261-.525c-.629-.099-1.463 0-1.984.219c-.532.229-.937.625-1.369 1c-.433.375-1.532 1.599-2.548 1.145c-.448-.192-1.948-.943-3.031-1.405c-2.084-.901-5.093.557-6.183 2.489C3.926 9.157.745 20.428.254 21.913c-1.077 3.333 1.381 6.052 4.683 5.895c1.401-.067 2.333-.572 3.213-2.181c.511-.928 5.308-13.448 5.667-14.057c.261-.432 1.125-1.005 1.855-.636c.735.38.88 1.161.771 1.896c-.183 1.193-3.557 8.839-3.693 9.699c-.219 1.473.48 2.285 2.011 2.369c1.043.052 2.089-.317 2.912-1.88c.464-.871 5.797-11.557 6.265-12.271c.521-.781.937-1.043 1.475-1.011c.411.02 1.061.125.9 1.353c-.161 1.209-4.452 9.043-4.9 10.959c-.605 2.573.801 5.167 3.124 6.308c1.48.728 7.959 1.968 7.433-1.371z"
+						/>
+					</svg>
+				</a>
+
+				<a>
+					<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24">
+						<path
+							fill="currentColor"
+							d="M19.27 5.33C17.94 4.71 16.5 4.26 15 4a.09.09 0 0 0-.07.03c-.18.33-.39.76-.53 1.09a16.09 16.09 0 0 0-4.8 0c-.14-.34-.35-.76-.54-1.09c-.01-.02-.04-.03-.07-.03c-1.5.26-2.93.71-4.27 1.33c-.01 0-.02.01-.03.02c-2.72 4.07-3.47 8.03-3.1 11.95c0 .02.01.04.03.05c1.8 1.32 3.53 2.12 5.24 2.65c.03.01.06 0 .07-.02c.4-.55.76-1.13 1.07-1.74c.02-.04 0-.08-.04-.09c-.57-.22-1.11-.48-1.64-.78c-.04-.02-.04-.08-.01-.11c.11-.08.22-.17.33-.25c.02-.02.05-.02.07-.01c3.44 1.57 7.15 1.57 10.55 0c.02-.01.05-.01.07.01c.11.09.22.17.33.26c.04.03.04.09-.01.11c-.52.31-1.07.56-1.64.78c-.04.01-.05.06-.04.09c.32.61.68 1.19 1.07 1.74c.03.01.06.02.09.01c1.72-.53 3.45-1.33 5.25-2.65c.02-.01.03-.03.03-.05c.44-4.53-.73-8.46-3.1-11.95c-.01-.01-.02-.02-.04-.02M8.52 14.91c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.84 2.12-1.89 2.12m6.97 0c-1.03 0-1.89-.95-1.89-2.12s.84-2.12 1.89-2.12c1.06 0 1.9.96 1.89 2.12c0 1.17-.83 2.12-1.89 2.12"
+						></path>
+					</svg>
+				</a>
+			</nav>
+		</footer>
+	)
+}
+
+export default Footer
diff --git a/app/lib/components/Header.tsx b/app/lib/components/Header.tsx
@@ -0,0 +1,71 @@
+const Header = () => {
+	return (
+		<header>
+			<nav className="navbar bg-base-100">
+				<div className="navbar-start">
+					<div className="dropdown">
+						<div tabIndex={0} role="button" className="btn btn-ghost lg:hidden">
+							<svg
+								xmlns="http://www.w3.org/2000/svg"
+								className="h-5 w-5"
+								fill="none"
+								viewBox="0 0 24 24"
+								stroke="currentColor"
+							>
+								<path
+									strokeLinecap="round"
+									strokeLinejoin="round"
+									strokeWidth="2"
+									d="M4 6h16M4 12h8m-8 6h16"
+								/>
+							</svg>
+						</div>
+						<ul
+							tabIndex={0}
+							className="menu menu-sm dropdown-content bg-base-100 rounded-box z-[1] mt-3 w-52 p-2 shadow"
+						>
+							<li>
+								<a href="/">Home</a>
+							</li>
+							<li>
+								<a href="/about">About</a>
+							</li>
+							<li>
+								<a href="/join">Join</a>
+							</li>
+							<li>
+								<a href="/talk">Talk</a>
+							</li>
+						</ul>
+					</div>
+					<a className="btn btn-ghost inline p-0" href="/">
+						<img src="/images/logo.jpeg" className="w-12 rounded" />
+					</a>
+				</div>
+				<div className="navbar-center hidden lg:flex">
+					<ul className="menu menu-horizontal px-1">
+						<li>
+							<a href="/">Home</a>
+						</li>
+						<li>
+							<a href="/about">About</a>
+						</li>
+						<li>
+							<a href="/join">Join</a>
+						</li>
+						<li>
+							<a href="/talk">Talk</a>
+						</li>
+					</ul>
+				</div>
+				<div className="navbar-end">
+					<a className="btn" href="/join">
+						Join Us
+					</a>
+				</div>
+			</nav>
+		</header>
+	)
+}
+
+export default Header
diff --git a/app/lib/components/index.ts b/app/lib/components/index.ts
@@ -0,0 +1,2 @@
+export { default as Footer } from "./Footer"
+export { default as Header } from "./Header"
diff --git a/app/page.tsx b/app/page.tsx
@@ -1,3 +1,19 @@
 export default function Home() {
-	return <main>SD DEVx</main>
+	return (
+		<main>
+			<img className="hero h-96 object-cover" src="/images/devx-hero.jpg" />
+			<div className="hero py-12">
+				<div className="hero-content text-neutral-content text-center">
+					<div className="max-w-md">
+						<p className="mb-5" id="veg-and-intentional">
+							Fostering developer community through meetups and open-source projects in California.
+						</p>
+						<a className="btn btn-primary" href="/join">
+							Join Us
+						</a>
+					</div>
+				</div>
+			</div>
+		</main>
+	)
 }
diff --git a/app/talk/page.tsx b/app/talk/page.tsx
@@ -0,0 +1,3 @@
+export default function Talk() {
+	return <main>/talk</main>
+}
diff --git a/next.config.mjs → next.config.js b/next.config.mjs → next.config.js
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		export { default as Footer } from "./Footer"
		export { default as Header } from "./Header"