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.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>React App</title>
<title>Cam's Portfolio</title>
</head>
<body>
<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",
"name": "Create React App Sample",
"short_name": "Cams Projects",
"name": "Camerin's Projects",
"icons": [
{
"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 {toggleContactModal} from '../actions'
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';
const Navigation = (props) => {
@ -22,6 +22,10 @@ const Navigation = (props) => {
About
<FileEarmarkPerson />
</Link>
<Link to="/social">
Social Media
<Share />
</Link>
<button className="end" onClick={()=>props.toggleContactModal()}>
Contact Me
<Envelope />

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

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