From 91d6cac7df938643f15b4e014c85b601d5f2eb46 Mon Sep 17 00:00:00 2001 From: Ashwani Senapati Date: Sun, 30 Nov 2025 10:49:11 +0530 Subject: [PATCH] chore:preloader --- public/ml4elogo.png | Bin 0 -> 10218 bytes src/app/components/Footer.jsx | 2 +- src/app/components/Home.jsx | 347 +++++++++++++++++++++++++++------- src/app/page.tsx | 186 +++++++++++++++++- 4 files changed, 459 insertions(+), 76 deletions(-) create mode 100644 public/ml4elogo.png diff --git a/public/ml4elogo.png b/public/ml4elogo.png new file mode 100644 index 0000000000000000000000000000000000000000..26106c69c8b8317776b9f8ef49aee61cfab218d2 GIT binary patch literal 10218 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 literal 0 HcmV?d00001 diff --git a/src/app/components/Footer.jsx b/src/app/components/Footer.jsx index f98e2c3..a46e50b 100644 --- a/src/app/components/Footer.jsx +++ b/src/app/components/Footer.jsx @@ -45,7 +45,7 @@ export default function Footer() { href="mailto:swaina@nitrkl.ac.in" className="mt-3 inline-flex items-center justify-center rounded-md bg-cyan-900/30 px-3 py-2 text-cyan-200 hover:bg-cyan-800/40 transition" > - ✉️ swaina@nitrkl.ac.in + ✉️ baigm@nitrkl.ac.in diff --git a/src/app/components/Home.jsx b/src/app/components/Home.jsx index 88ddeea..ec035a2 100644 --- a/src/app/components/Home.jsx +++ b/src/app/components/Home.jsx @@ -46,6 +46,198 @@ // // ); // } +// import { Canvas } from "@react-three/fiber"; +// import { OrbitControls } from "@react-three/drei"; +// import { Sphere, Line } from "@react-three/drei"; +// import { useRef } from "react"; +// import { useFrame } from "@react-three/fiber"; +// import { EffectComposer, Bloom } from "@react-three/postprocessing"; +// import { motion } from "framer-motion"; +// import { ReactTyped } from "react-typed"; +// import Navbar from "./Navbar"; +// const Glow = ({ className = "" }) => ( +//
+// ); +// function AnimatedNeuralNode({ position, color, size = 0.08 }) { +// const ref = useRef(); + +// useFrame((state) => { +// if (ref.current) { +// // Subtle pulsing animation +// ref.current.scale.x = 1 + Math.sin(state.clock.elapsedTime * 2) * 0.1; +// ref.current.scale.y = 1 + Math.sin(state.clock.elapsedTime * 2) * 0.1; +// ref.current.scale.z = 1 + Math.sin(state.clock.elapsedTime * 2) * 0.1; +// } +// }); + +// return ( +// +// +// +// ); +// } + +// function NeuralStructure({ +// position = [0, 0, 0], +// color = "#00faff", +// nodeCount = 8, +// }) { +// const nodes = useRef([]); + +// if (nodes.current.length === 0) { +// for (let i = 0; i < nodeCount; i++) { +// nodes.current.push([ +// (Math.random() - 0.5) * 3, +// (Math.random() - 0.5) * 3, +// (Math.random() - 0.5) * 3, +// ]); +// } +// } + +// const connections = []; +// for (let i = 0; i < nodeCount; i++) { +// const connectionCount = 2 + Math.floor(Math.random() * 2); +// const connectedIndices = new Set(); + +// while (connectedIndices.size < connectionCount) { +// const targetIndex = Math.floor(Math.random() * nodeCount); +// if (targetIndex !== i) { +// connectedIndices.add(targetIndex); +// } +// } + +// connectedIndices.forEach((targetIndex) => { +// connections.push([i, targetIndex]); +// }); +// } + +// return ( +// +// {nodes.current.map((pos, i) => ( +// +// ))} + +// {connections.map(([start, end], i) => ( +// +// ))} +// +// ); +// } + +// export default function Home() { +// const structures = []; +// const colors = [ +// "#00faff", +// "#00d9ff", +// "#00bfff", +// "#1e90ff", +// "#007fff", +// "#4dffff", +// ]; + +// for (let i = 0; i < 12; i++) { +// structures.push({ +// position: [ +// (Math.random() - 0.5) * 15, +// (Math.random() - 0.5) * 15, +// (Math.random() - 0.5) * 15, +// ], +// color: colors[i % colors.length], +// nodeCount: 5 + Math.floor(Math.random() * 6), +// }); +// } + +// return ( +//
+// +//
+// +// +// +// MACHINE LEARNING FOR EVERYONE (ML4E) +// + +// +// +// +// +//
+ +// +// +// +// + +// {structures.map((props, i) => ( +// +// ))} + +// 768} +// touches={{ +// ONE: null, +// TWO: null +// }} +// /> + +// {/* 🌟 Bloom Effect for neon glow */} +// +// +// +// +//
+// ); +// } import { Canvas } from "@react-three/fiber"; import { OrbitControls } from "@react-three/drei"; import { Sphere, Line } from "@react-three/drei"; @@ -55,12 +247,14 @@ import { EffectComposer, Bloom } from "@react-three/postprocessing"; import { motion } from "framer-motion"; import { ReactTyped } from "react-typed"; import Navbar from "./Navbar"; + const Glow = ({ className = "" }) => (
); + function AnimatedNeuralNode({ position, color, size = 0.08 }) { const ref = useRef(); @@ -78,8 +272,8 @@ function AnimatedNeuralNode({ position, color, size = 0.08 }) { ); @@ -88,7 +282,7 @@ function AnimatedNeuralNode({ position, color, size = 0.08 }) { function NeuralStructure({ position = [0, 0, 0], color = "#00faff", - nodeCount = 8, + nodeCount = 18, // Fixed node count instead of random }) { const nodes = useRef([]); @@ -133,7 +327,7 @@ function NeuralStructure({ lineWidth={1} transparent opacity={0.6} - toneMapped={false} // allow bloom on lines too + toneMapped={false} /> ))} @@ -151,7 +345,10 @@ export default function Home() { "#4dffff", ]; - for (let i = 0; i < 12; i++) { + // Fixed number of structures (18 as requested between 12-24) + const fixedStructureCount = 18; + + for (let i = 0; i < fixedStructureCount; i++) { structures.push({ position: [ (Math.random() - 0.5) * 15, @@ -159,82 +356,90 @@ export default function Home() { (Math.random() - 0.5) * 15, ], color: colors[i % colors.length], - nodeCount: 5 + Math.floor(Math.random() * 6), + nodeCount: 18, // Fixed node count for all structures }); } return ( -
+
-
- - - +
+ + - MACHINE LEARNING FOR EVERYONE (ML4E) - + + MACHINE LEARNING FOR EVERYONE (ML4E) + - - + + + +
+ + {/* Canvas with fixed height and proper z-index */} +
+ + + + + + {structures.map((props, i) => ( + + ))} + + 768} + minDistance={8} // Prevent zoom out + maxDistance={12} // Prevent zoom in + touches={{ + ONE: null, + TWO: null + }} /> - - + + + + + +
+ + {/* Add some scrollable content to demonstrate scrolling */} +
- - - - - - - {structures.map((props, i) => ( - - ))} - - 768} - touches={{ - ONE: null, - TWO: null - }} - /> - - {/* 🌟 Bloom Effect for neon glow */} - - - -
); } \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index dceae51..bebfa14 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,13 +1,191 @@ +// "use client" +// import dynamic from "next/dynamic"; +// import Footer from "./components/Footer" +// const Home = dynamic(() => import("./components/Home"), { ssr: false }); +// export default function App() { +// return ( +// <> +// +// {/* */} +//