Additional file cleanup

Author: marcysutton

App.js

@@ -24,7 +24,7 @@ import imgFooterLogo from "images/icons/footer-logo.svg"
 export function App() {
 	return <>
 		<Header />
-		<main id="main">
+		<div id="main">
 			<Router>
 				<HomePage path="/" />
 				<AboutPage path="/about" />
@@ -42,13 +42,13 @@ export function App() {
 				<A11yNamingExerciseListings path="/exercise3/listings" />
 				<ProgrammaticA11yExercise path="/exercise4/:id" />
 			</Router>
-		</main>
-		<footer id="footer">
+		</div>
+		<div id="footer">
 			<div className="layout">
 				<div id="footer-logo">
 					<img src={imgFooterLogo} alt="CampSpots" />
 				</div>
 			</div>
-		</footer>
+		</div>
 	</>
 }

components/header.js

@@ -6,7 +6,7 @@ import MegaNav from "./meganav/"
 
 const Header = () => {
     return (
-        <header id="header">
+        <div id="header">
             <div id="header-nav">
                 <div id="header-logo">
                     <a href="/" className="header-main-item">
@@ -21,7 +21,7 @@ const Header = () => {
                     <a href="#">Login</a>
                 </div>
             </div>
-        </header>
+        </div>
     )
 }
 

components/page-events.js

@@ -4,7 +4,7 @@ import {Helmet} from "react-helmet"
 
 import HeaderPortal from "components/header-portal"
 import "components/styles/page-events.scss"
-import video from "/images/camping-reel.mp4"
+import video from "images/camping-reel.mp4"
 
 const EventsPage = () => {
 

components/slideshow/Slideshow.stories.jsx

@@ -3,31 +3,34 @@
     padding-top: 1em;
     position: relative;
 }
-.header-overlap #header {
-    padding-top: 3em;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    z-index: 1;
-}
-.header-overlap .page-header {
-    align-items: flex-end;
-    background-repeat: no-repeat;
-    display: flex;
-    margin: 0 auto;
-    max-width: 1152px;
-    min-height: 485px;
-}
-.header-overlap .page-header .page-header-content {
-    color: var(--color-primary-light);
-}
-.header-overlap .page-header .primary-heading {
-    font-size: 2.15rem;
-    margin-bottom: 0;
-    margin-top: auto;
-}
-.header-overlap .page-header .subhead {
-    font-size: 0.85rem;
+.header-overlap {
+    #header {
+        padding-top: 3em;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        z-index: 1;
+    }
+    .page-header {
+        align-items: flex-end;
+        background-repeat: no-repeat;
+        display: flex;
+        margin: 0 auto;
+        max-width: 1152px;
+        min-height: 485px;
+
+        .page-header-content {
+            color: var(--color-primary-light);
+        }
+        .primary-heading {
+            font-size: 2.15rem;
+            margin-bottom: 0;
+            margin-top: auto;
+        }
+        .subhead {
+            font-size: 0.85rem;
+        }
+    }
 }
 #header-nav {
     background-color: var(--bgcolor-header);

components/styles/header.scss

@@ -46,14 +46,11 @@
     "@parcel/transformer-raw": "^2.5.0",
     "@parcel/transformer-sass": "^2.0.1",
     "@parcel/transformer-svg-react": "^2.0.1",
-    "axe-core": "^4.3.5",
-    "babel-jest": "^27.3.1",
     "babel-loader": "^8.2.3",
     "buffer": "^6.0.3",
     "copy-webpack-plugin": "6",
     "parcel": "^2.0.1",
-    "posthtml-include": "^1.7.2",
-    "webpack-dev-server": "^4.5.0"
+    "posthtml-include": "^1.7.2"
   },
   "alias": {
     "data": "./data",