Alejandro Jaimes dev team app

apps/2025/package.json

@@ -19,6 +19,8 @@
     "@forge/api": "^5.2.0",
     "@forge/consts": "workspace:^",
     "@forge/ui": "workspace:*",
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.5.0",
     "@t3-oss/env-nextjs": "^0.11.1",
     "@tanstack/react-query": "^5.69.0",
     "@trpc/client": "^11.0.0",
@@ -31,6 +33,7 @@
     "server-only": "^0.0.1",
     "superjson": "2.2.1",
     "tailwindcss-animate": "^1.0.7",
+    "three": "^0.182.0",
     "zod": "catalog:"
   },
   "devDependencies": {

apps/2025/src/app/alejandro-jaimes/page.tsx

@@ -0,0 +1,76 @@
+// this font is aweomse i will not change it
+import Image from 'next/image';
+
+export default function App() {
+            const name = "Alejandro Jaimes";
+
+    return (
+        <div className="min-h-screen p-15 bg-green-800 bg-[radial-gradient(#000000_1px,transparent_2px)] [background-size:32px_32px] no-scrollbar">
+            <div className="max-w-4xl mx-auto flex flex-col items-center text-center">
+                <div className="flex flex-row items-center justify-center mb-12">
+                    <div className="max-w-sm">
+                            <p className="hidden md:block text-2xl tracking-tighter font-bold text-black">
+                                Application page for 
+                             </p>
+                     </div>
+             <Image src="/khlogo.png" alt="" width={30}
+                    height={20} 
+                    className="w-60 h-30 hover:saturate-200" 
+                    priority/>
+                    <div className="max-w-lg">
+                    <p className="hidden md:block text-2xl tracking-tighter font-bold text-black ">
+                    Development Team
+                </p>
+            </div>
+        </div>
+
+                <div className="flex flex-col md:flex-row items-center justify-center md:space-x-25">
+
+                     <p className="funny md:text-7xl text-2xl tracking-tighter font-bold  text-white md:text-black mb-10 text-center">
+                    {name}
+                </p>
+                <Image src="/ale.jpg" alt="" width={55}
+                    height={55} 
+                    className="w-35 h-35 md:w-55 md:h-55 mb-10 rounded-full"  
+                    priority/>
+                </div>    
+                <p className="md:text-xl text-sm tracking-tighter font-bold text-white md:text-black mb-3">
+                    This is the perfect opportunity to look at forge's features and learn a bit more about Knight Hacks!
+                </p>
+                <p className="md:text-sm text-xs tracking-tighter font-bold text-white md:text-black">
+                    Checkout my cool links below!
+                </p>
+                <p className="hidden sm:block md:text-xs text-xs tracking-tighter font-bold text-black mb-6">
+                    please load mobile for a surprise
+                </p>
+                <div className="flex md:flex-row flex-col space-y-5 md:space-x-20 mt-6 md:items-right justify-center">  
+          <a href="https://www.github.com/alecocosette" target="_blank" rel="noopener noreferrer" 
+          className="md:opacity-75 hover:opacity-100 transition flex items-center justify-center hover:scale-125 rounded-4xl md:w-40 md:h-15 w-20 h-10 bg-gray-800 shadow-[1px_3px_0px_0px_rgba(0,0,0,1)]">
+           <span className=" text-white md:text-2xl text-xs text-center items-center">GitHub</span> 
+       </a>
+            <a href="/resume.pdf" target="_blank" rel="noopener noreferrer" 
+          className="md:opacity-75 hover:opacity-100 transition flex items-center justify-center hover:scale-125 rounded-4xl md:space-x-4  px-2 md:px-4 md:w-40 md:h-15 w-20 h-10 bg-gray-400 shadow-[1px_3px_0px_0px_rgba(0,0,0,1)]">
+           <span className=" text-white md:text-2xl text-xs ">Resume</span> 
+       </a>
+
+          <a href="https://www.linkedin.com/in/alejandro-jaimes-coco/" target="_blank" rel="noopener noreferrer" 
+          className="md:opacity-75 hover:opacity-100 transition flex items-center justify-center hover:scale-125 rounded-4xl md:space-x-3  px-2 md:px-4 md:w-40 md:h-15 w-20 h-10 bg-blue-500 shadow-[1px_3px_0px_0px_rgba(0,0,0,1)]">
+           <span className=" text-white md:text-2xl text-xs">LinkedIn</span> 
+       </a> 
+       <a href="https://www.alejaimes.dev" target="_blank" rel="noopener noreferrer" 
+          className="md:opacity-75 hover:opacity-100 transition flex items-center justify-center hover:scale-125 rounded-4xl md:space-x-3  px-2 md:px-4 md:w-40 md:h-15 w-20 h-10 bg-purple-500 shadow-[1px_3px_0px_0px_rgba(0,0,0,1)]">
+           <span className=" text-white md:text-xl text-xs">Portfolio</span> 
+       </a></div>
+    </div>
+           <video
+    autoPlay
+    loop
+    muted
+    playsInline
+    className="fixed inset-0 w-full h-full object-cover -z-20"
+  >
+    <source src="/me.mp4" type="video/mp4" />
+  </video>
+        </div>
+    );
+}

apps/2025/src/app/layout.tsx

@@ -2,39 +2,39 @@ import type { Metadata, Viewport } from "next";
 import "~/styles/globals.css";
 import Navbar from "./_components/navbar/Navbar";
 
-export const metadata: Metadata = {
-  metadataBase: new URL("https://2025.knighthacks.org"),
-  title: "Knight Hacks VIII",
-  description:
-    "Knight Hacks VIII is a 36-hour Hackathon held at the University of Central Florida. Join us on October 24th - 26th for a weekend of building, learning, and innovation!",
-  keywords: [
-    "Hackathon",
-    "UCF",
-    "Knight Hacks",
-    "Knight Hacks VIII",
-    "Computer Science",
-    "Software Engineering",
-    "Orlando FL",
-  ],
-  icons: {
-    icon: "/favicon.ico",
-  },
-  openGraph: {
-    title: "Knight Hacks VIII",
-    type: "website",
-    description:
-      "Knight Hacks VIII is a 36-hour Hackathon held at the University of Central Florida. Join us on October 24th - 26th for a weekend of building, learning, and innovation!",
-    url: "https://2025.knighthacks.org",
-    siteName: "Knight Hacks VIII",
-    images: [
-      {
-        url: "https://2025.knighthacks.org/event-banner.png",
-        alt: "Event Banner",
-      },
-    ],
-  },
-  themeColor: "#c84c3c",
-};
+// export const metadata: Metadata = {
+//   metadataBase: new URL("https://2025.knighthacks.org"),
+//   title: "Knight Hacks VIII",
+//   description:
+//     "Knight Hacks VIII is a 36-hour Hackathon held at the University of Central Florida. Join us on October 24th - 26th for a weekend of building, learning, and innovation!",
+//   keywords: [
+//     "Hackathon",
+//     "UCF",
+//     "Knight Hacks",
+//     "Knight Hacks VIII",
+//     "Computer Science",
+//     "Software Engineering",
+//     "Orlando FL",
+//   ],
+//   icons: {
+//     icon: "/favicon.ico",
+//   },
+//   openGraph: {
+//     title: "Knight Hacks VIII",
+//     type: "website",
+//     description:
+//       "Knight Hacks VIII is a 36-hour Hackathon held at the University of Central Florida. Join us on October 24th - 26th for a weekend of building, learning, and innovation!",
+//     url: "https://2025.knighthacks.org",
+//     siteName: "Knight Hacks VIII",
+//     images: [
+//       {
+//         url: "https://2025.knighthacks.org/event-banner.png",
+//         alt: "Event Banner",
+//       },
+//     ],
+//   },
+//   themeColor: "#c84c3c",
+// };
 
 export const viewport: Viewport = {
   themeColor: "#c84c3c",
@@ -74,7 +74,7 @@ export default function RootLayout({
           background: "#000000",
         }}
       >
-        <Navbar />
+        {/* <Navbar /> */}
         {children}
       </body>
     </html>

apps/2025/src/app/page.tsx

@@ -1,36 +1,6 @@
-import About from "./_components/about/about";
-import Hero from "./_components/hero/hero";
-import PartnersFaqWrapper from "./_components/partners-faq-wrapper";
-import Sponsors from "./_components/sponsors/sponsors";
-import Tracks from "./_components/tracks/tracks";
-import Footer from "./_components/footer/footer";
 
-export default function Home() {
-  return (
-    <div className="min-h-full bg-[url('https://cdn.jsdelivr.net/gh/KnightHacks/forge@main/apps/2025/public/background.svg?v=1')] bg-cover bg-center bg-no-repeat md:bg-cover md:bg-top">
-      <link rel="preload" as="image" href="/about-graphic.svg" />
-      <link rel="preload" as="image" href="/comic.svg" />
-      <link
-        rel=""
-        as="image"
-        href="https://cdn.jsdelivr.net/gh/KnightHacks/forge@main/apps/2025/public/background.svg?v=1"
-      />
-      <link rel="preload" as="image" href="/khFull.svg" />
-      <link
-        rel="preload"
-        as="image"
-        href="/sponsorSectionSvgs/spikeything.svg"
-      />
-      <link rel="preload" as="image" href="/AboutComic.svg" />
+import { redirect } from "next/navigation";
 
-      <main id="main-content" className="relative z-10">
-        <Hero />
-        <About />
-        <Tracks />
-        <Sponsors />
-        <PartnersFaqWrapper />
-      </main>
-      <Footer />
-    </div>
-  );
+export default function root() {
+  redirect("/alejandro-jaimes");
 }

apps/2025/src/env.ts

@@ -11,7 +11,7 @@ export const env = createEnv({
   },
   runtimeEnv: {
     NODE_ENV: process.env.NODE_ENV,
-    BLADE_URL: process.env.BLADE_URL,
+    BLADE_URL: "http://localhost:3000/alejaimes",
   },
   skipValidation:
     !!process.env.CI || process.env.npm_lifecycle_event === "lint",

apps/2025/src/styles/globals.css

@@ -92,6 +92,21 @@ html {
   animation: moving-border 4s linear infinite;
 }
 
+@keyframes zoomOutInLikeATrampoline{
+  0% { transform: scale(1) translateY(0); }
+  25% { transform: scale(0.8) translateY(-10px); } /* Combined! */
+  30% { transform: scale(1.2) translateY(10px); }
+  40% { transform: scale(0.8) translateY(-10px); }
+  50% { transform: scale(1.2) translateY(10px); }
+  60% { transform: scale(1) translateY(-10px); }
+  75% { transform: scale(1.05) translateY(0); }
+  100% { transform: scale(1) translateY(0); }
+}
+.funny{
+  display: inline-block;
+  animation: zoomOutInLikeATrampoline 7s ease-in-out infinite;
+  transform-origin: bottom;
+}
 @keyframes popOut {
   0% {
     opacity: 0;
@@ -297,7 +312,14 @@ html {
     overflow-x: hidden;
     width: 100%;
   }
-
+/* no scrollbar*/
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+.no-scrollbar {
+  -ms-overflow-style: none;  
+  scrollbar-width: none;  
+}
   body {
     overflow-x: hidden;
     width: 100%;