camerin
/
portfolio
mirror of https://github.com/RaspberryProgramming/portfolio.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Made a few changes 

Added Social Media to Navigation
Made modal follow you as you scroll each page
Default title set to Cam's Portfolio
Modified manifest name and short_name
This commit is contained in:
RaspberryProgramming 2021-09-22 18:12:57 -04:00
parent d2c01f4ac6
commit c2fabeaf2c
4 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/index.html
View File

@ -24,7 +24,7 @@
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>Cam's Portfolio</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>

4
public/manifest.json
View File

@ -1,6 +1,6 @@
{ {
"short_name": "React App", "short_name": "Cams Projects",
"name": "Create React App Sample", "name": "Camerin's Projects",
"icons": [ "icons": [
{ {
"src": "favicon.ico", "src": "favicon.ico",

6
src/components/Navigation.js
View File

@ -3,7 +3,7 @@ import { Link } from 'react-router-dom';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import {toggleContactModal} from '../actions' import {toggleContactModal} from '../actions'
import './css/Navigation.css'; import './css/Navigation.css';
import { HouseDoor, FileEarmarkPerson, Github, Envelope } from 'react-bootstrap-icons'; import { HouseDoor, FileEarmarkPerson, Github, Envelope, Share } from 'react-bootstrap-icons';
import ContactModal from './ContactModal'; import ContactModal from './ContactModal';
const Navigation = (props) => { const Navigation = (props) => {
@ -22,6 +22,10 @@ const Navigation = (props) => {
About About
<FileEarmarkPerson /> <FileEarmarkPerson />
</Link> </Link>
<Link to="/social">
Social Media
<Share />
</Link>
<button className="end" onClick={()=>props.toggleContactModal()}> <button className="end" onClick={()=>props.toggleContactModal()}>
Contact Me Contact Me
<Envelope /> <Envelope />

2
src/components/css/Modal.css
View File

@ -2,7 +2,7 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
z-index: 100; z-index: 100;
position: absolute; position: fixed;
top:0; top:0;
left:0; left:0;
opacity: 1; opacity: 1;