imnyang/imnya.ng
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

🌠 Vite is Gone!

Browse source
This commit is contained in:
암냥 2025-02-22 21:27:50 +09:00
commit 3f1b62edf4
43 changed files with 1360 additions and 4482 deletions
Download patch file Download diff file Expand all files Collapse all files

52
src/App.tsx
View file

@ -1,16 +1,40 @@
import { Routes, Route } from "react-router";
import { ThemeProvider } from "@/components/theme-provider"
import { useEffect } from 'react';
import Top from "@/components/Home/Top";
import About from "@/components/Home/About";
import Timeline from "@/components/Home/Timeline";
import Contact from '@/components/Home/Contact';
import Project from '@/components/Home/Project';
import Home from "./routes/Home";
import Timeline from "./routes/Timeline";
import './index.css';
export default function App() {
return (
<ThemeProvider defaultTheme="system" storageKey="vite-ui-theme">
<Routes>
<Route path="/" element={<Home />} />
<Route path="/timeline" element={<Timeline />} />
</Routes>
</ThemeProvider>
)
}
export function App() {
useEffect(() => {
const hash = window.location.hash.substring(1);
if (hash) {
const element = document.getElementById(hash);
if (element) {
element.scrollIntoView({ behavior: 'smooth' });
}
}
}, []);
return (
<div id="fullpage" className="bg-background text-foreground w-full">
<div id="top" className="bg-background text-foreground w-full h-screen flex items-center justify-center section">
<Top />
</div>
<div id="about" className="bg-background text-foreground w-full h-screen flex items-center justify-center section">
<About />
</div>
<div id="project" className="bg-background text-foreground w-full h-screen flex items-center justify-center section">
<Project />
</div>
<div id="timeline" className="bg-background text-foreground w-full h-screen flex items-center justify-center section">
<Timeline />
</div>
<div id="contact" className="bg-background text-foreground w-full h-screen flex items-center justify-center section">
<Contact />
</div>
</div>
);
}