andrew/asimonson1125.github.io
1
0
Fork 0
mirror of https://github.com/asimonson1125/asimonson1125.github.io.git synced 2026-02-25 05:09:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

patched hash routing

Browse Source
This commit is contained in:
Andrew Simonson
2021-09-27 00:04:25 -04:00
parent 00cded7e03
commit 903af28195
2 changed files with 10 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
site/package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "portfolio", "name": "portfolio",
"version": "0.1.0", "version": "0.1.0",
"homepage": "http://asimonson1125.github.io", "homepage": "https://asimonson1125.github.io/",
"private": true, "private": true,
"dependencies": { "dependencies": {
"@testing-library/jest-dom": "^5.11.4", "@testing-library/jest-dom": "^5.11.4",

22
site/src/App.js
View File

@@ -1,4 +1,4 @@
import { Route, Link, BrowserRouter as Router } from 'react-router-dom' import { Route, Link, HashRouter as Router } from 'react-router-dom'
import './App.css'; import './App.css';
import Nav from './componets/Nav.js' import Nav from './componets/Nav.js'
@@ -6,33 +6,29 @@ import Socials from './componets/Socials.js'
import About from './componets/About.js' import About from './componets/About.js'
import Projects from './Projects'; import Projects from './Projects';
const routs = (
<Router>
<div>
<Route exact path='/' component={About} />
<Route exact path='/projects' component={Projects} />
</div>
</Router>
)
function App() { function App() {
return ( return (
<Router>
<div className="App"> <div className="App">
<div className="header"> <div className="header">
<h1>Andrew Simonson</h1> <h1>Andrew Simonson</h1>
<Nav> <Nav>
<a href='/'>Home</a> <Link to='/'>Home</Link>
<a href='resume.pdf'>Resume</a> <a href='resume.pdf'>Resume</a>
<a href='/projects'>Projects</a> <Link to='/projects'>Projects</Link>
</Nav> </Nav>
</div> </div>
<div className='foreground'> <div className='foreground'>
{routs}
<Route exact path='/'><About /></Route>
<Route exact path='/projects'><Projects /></Route>
</div> </div>
<div className='footer'> <div className='footer'>
<Socials /> <Socials />
</div> </div>
</div> </div>
</Router>
); );
} }