less talking more memeing

This commit is contained in:
2022-12-28 14:16:35 -05:00
parent 95e05dc93c
commit 3e418ed188
3 changed files with 39 additions and 34 deletions

View File

@@ -1,21 +1,20 @@
import { Route, Link, Routes, BrowserRouter as Router } from 'react-router-dom'
import { Route, Link, Routes, BrowserRouter as Router } from "react-router-dom";
import './assets/css/App.css';
import './assets/css/head.scss'
import menu from './assets/icons/menu.svg'
import Nav from './componets/Nav.js'
import Socials from './componets/Socials.js'
import Name from './componets/Name.js'
import Home from './pages/Home.js'
import Projects from './pages/Projects';
import Activities from './pages/Activities';
import AboutMe from './pages/AboutMe';
import Idler from './componets/Idler'
import ErrorNotFound from './pages/Error'
import AOS from 'aos';
import "./assets/css/App.css";
import "./assets/css/head.scss";
import menu from "./assets/icons/menu.svg";
import Nav from "./componets/Nav.js";
import Socials from "./componets/Socials.js";
import Name from "./componets/Name.js";
import Home from "./pages/Home.js";
import Projects from "./pages/Projects";
import Activities from "./pages/Activities";
import AboutMe from "./pages/AboutMe";
import Idler from "./componets/Idler";
import ErrorNotFound from "./pages/Error";
import AOS from "aos";
// import 'aos/dist/aos.css'; // You can also use <link> for styles
import { toggleMenu } from './scripts/responsive'
import { toggleMenu } from "./scripts/responsive";
AOS.init();
function App() {
@@ -25,24 +24,26 @@ function App() {
<div className="App">
<div className="header">
<Name />
<img src={menu} alt="menu" id='menu' onClick={toggleMenu}/>
<Nav id='navbar'>
<Link to='/'>Home</Link>
<a href='Resume.pdf' target='_blank'>Resume</a>
<Link to='/projects'>Projects</Link>
{/* <Link to='/activities'>Activities</Link> */}
<Link to='/about'>About Me</Link>
<img src={menu} alt="menu" id="menu" onClick={toggleMenu} />
<Nav id="navbar">
<Link to="/">Home</Link>
<a href="Resume.pdf" target="_blank">
Resume
</a>
<Link to="/projects">Projects</Link>
{/* <Link to="/activities">Activities</Link> */}
<Link to="/about">About Me</Link>
</Nav>
</div>
<Routes>
<Route exact path='/' element={<Home />}></Route>
<Route exact path='/projects' element={<Projects />}></Route>
<Route exact path='activities' element={<Activities />}></Route>
<Route exact path='/about' element={<AboutMe />}></Route>
<Route exact path='/notFound' element={<ErrorNotFound />} />
<Route exact path="/" element={<Home />}></Route>
<Route exact path="/projects" element={<Projects />}></Route>
<Route exact path="activities" element={<Activities />}></Route>
<Route exact path="/about" element={<AboutMe />}></Route>
<Route exact path="/notFound" element={<ErrorNotFound />} />
<Route exact path="/*" element={<ErrorNotFound />} />
</Routes>
<div className='footer'>
<div className="footer">
<Socials />
</div>
</div>