about section -camille

README.md

@@ -24,3 +24,10 @@ Want to help us build HackKit? Please reach out to us at `tech@acmutsa.org` or j
 <a href="https://github.com/acmutsa/HackKit/graphs/contributors">
 <img src="https://contrib.rocks/image?repo=acmutsa/HackKit" />
 </a>
+
+
+pnpm dlx shadcn@latest add @react-bits/Hyperspeed-JS-CSS
+
+npm install gsap
+
+pnpm add @radix-ui/react-portal @radix-ui/react-menu

apps/backups/src/env.ts

@@ -1,12 +1,14 @@
 import { createEnv } from "@t3-oss/env-core";
 import { z } from "zod";
+
 export const env = createEnv({
 	server: {
+		/*
 		BACKUPS_SECRET_KEY: z.string({
 			description:
 				"This is a secret key used to sign and verify requests. It should be kept secret and not shared with anyone.",
 		}),
-		BACKUPS_DATABSE_NAME: z.string(),
+		BACKUPS_DATABASE_NAME: z.string(),
 		BACKUPS_ORGANIZATION_SLUG: z.string(),
 		BACKUPS_CLOUDFLARE_ACCOUNT_ID: z.string({
 			description:
@@ -19,6 +21,7 @@ export const env = createEnv({
 				"This is a bearer token to access the databases. If serverless DB provider allows, try to make this token read-only.",
 		}),
 		BACKUPS_BUCKET_NAME: z.string(),
+		*/
 	},
 	onValidationError: (issues) => {
 		console.log("all process variables:", process.env);

apps/web/package.json

@@ -25,7 +25,9 @@
     "@radix-ui/react-dialog": "^1.0.4",
     "@radix-ui/react-dropdown-menu": "^2.0.5",
     "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-menu": "^2.1.16",
     "@radix-ui/react-popover": "^1.0.6",
+    "@radix-ui/react-portal": "^1.1.10",
     "@radix-ui/react-select": "^1.2.2",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-switch": "^1.0.3",
@@ -68,11 +70,12 @@
     "nanoid": "^5.0.7",
     "next": "14.2.25",
     "next-safe-action": "^7.9.3",
-    "nextjs@4": "link:clerk/nextjs@4",
+    "@clerk/nextjs": "^6.12.12",
     "no-profanity": "^1.5.1",
     "pg": "^8.12.0",
     "postcss": "8.4.39",
     "postgres": "^3.4.4",
+    "postprocessing": "^6.36.0",
     "pusher-js": "8.4.0-rc2",
     "react": "18.3.1",
     "react-aria": "^3.33.1",
@@ -94,6 +97,7 @@
     "tailwind-merge": "^2.4.0",
     "tailwindcss": "3.4.6",
     "tailwindcss-animate": "^1.0.7",
+    "three": "^0.167.1",
     "typescript": "5.5.3",
     "use-debounce": "^10.0.1",
     "usehooks-ts": "^3.1.0",
@@ -103,5 +107,7 @@
   "devDependencies": {
     "@cloudflare/next-on-pages": "^1.13.10",
     "esbuild-register": "^3.5.0"
+
   }
+
 }

apps/web/src/app/globals.css

@@ -4,11 +4,11 @@
 
 @layer base {
 	:root {
-		--background: 0 0% 100%;
+		--background: 240 18% 10%;
 		--foreground: 240 10% 3.9%;
 
 		--nav: 255, 255, 255;
-		--hackathon-primary: 206 86% 52%;
+		--hackathon-primary: 6 61.7% 41%;
 
 		--muted: 240 4.8% 95.9%;
 		--muted-foreground: 240 3.8% 46.1%;
@@ -38,14 +38,14 @@
 
 		--radius: 0.5rem;
 
-		--gradient-color-1: #668cff;
-		--gradient-color-2: #3366ff;
-		--gradient-color-3: #002db3;
-		--gradient-color-4: #1952cc;
+		--gradient-color-1: #ff6666;
+		--gradient-color-2: #ff3333;
+		--gradient-color-3: #b30000;
+		--gradient-color-4: #cc1919;
 	}
 
 	.dark {
-		--background: 240 10% 3.9%;
+		--background: 240 18% 10%;
 		--foreground: 0 0% 98%;
 
 		--nav: 240 10% 3.9%;
@@ -148,3 +148,24 @@
 		transform: scale(1.1);
 	}
 }
+
+.boxed{
+	display: inline-block;
+	margin: 0;
+	padding: 10px 14px; /* tighter horizontal padding */
+	background: rgba(0, 0, 0, 0.86);
+	border: 2px solid rgba(255, 255, 255, 0.14);
+	border-radius: 0px;
+	line-height: 1.02;
+  }
+
+  .boxed-fullscreen {
+	display: inline-block;
+	margin: 0;
+	padding: 10px 14px; /* tighter horizontal padding */
+	background: rgba(0, 0, 0, 0.86);
+	border: 2px solid rgba(255, 255, 255, 0.14);
+	border-radius: 0px;
+	line-height: 1.02;
+  }
+

apps/web/src/app/layout.tsx

@@ -3,6 +3,14 @@ import { ClerkProvider } from "@clerk/nextjs";
 import { cookies } from "next/headers";
 import { Analytics } from "@vercel/analytics/react";
 import { defaultTheme } from "config";
+import { Racing_Sans_One } from "next/font/google";
+import "@/components/shadcn/Hyperspeed.css";
+
+const racing = Racing_Sans_One({
+	subsets: ["latin"],
+	weight: "400",
+	variable: "--font-racing",
+});
 
 export default function RootLayout({
 	children,
@@ -13,7 +21,11 @@ export default function RootLayout({
 	return (
 		<ClerkProvider>
 			<html lang="en">
-				<body className={theme === "dark" ? "dark" : ""}>
+				<body
+					className={`${racing.variable} ${
+						theme === "dark" ? "dark" : ""
+					}`}
+				>
 					{children}
 					<Analytics />
 				</body>

apps/web/src/app/page.tsx

@@ -6,22 +6,22 @@ import Partners from "@/components/landing/Partners";
 import Footer from "@/components/landing/Footer";
 import MLHBadge from "@/components/landing/MLHBadge";
 
-import { Oswald } from "next/font/google";
+import { Racing_Sans_One } from "next/font/google";
 import WorkWithUs from "@/components/landing/WorkWithUs";
 
-const oswald = Oswald({
-	variable: "--font-oswald",
+const racingSansOne = Racing_Sans_One({
 	subsets: ["latin"],
+	weight: "400",
+	variable: "--font-racing",
 });
 
 export default function Home() {
 	return (
-		<div className={`${oswald.variable} w-full overflow-x-hidden`}>
+		<div className={`${racingSansOne.variable} w-full overflow-x-hidden`}>
 			<Navbar />
 			<MLHBadge />
 			<main className="overflow-x-hidden">
 				<Hero />
-
 				<About />
 				<Partners />
 				<WorkWithUs />