feat: upgraded to the new public directory for static assets

app/head.js

@@ -5,8 +5,8 @@ export default function Head() {
     <>
       <title>{content.social.title}</title>
       <meta name='viewport' content='initial-scale=1.0, width=device-width' />
-      <link rel='shortcut icon' href='/static/favicon.ico' />
-      <link rel='icon' href='/static/favicon.ico' />
+      <link rel='shortcut icon' href='/favicon.ico' />
+      <link rel='icon' href='/favicon.ico' />
 
       <meta property='og:type' content='website' />
       <meta property='og:url' content={content.social.url} />

components/AboutSection/index.js

@@ -5,7 +5,7 @@ const AboutSection = ({ side, image, title, body, cta, carousel }) => (
     <div className={styles.container} data-side={side}>
       {image && (
         <div className={styles.image}>
-          <img src={`/static/img/about/${image}`} alt='' />
+          <img src={`/img/about/${image}`} alt='' />
         </div>
       )}
       <div className={styles.text}>

components/Carousel/index.js

@@ -15,7 +15,7 @@ import styles from './Carousel.module.css';
 
 const slides = [
   {
-    image: '/static/img/about/image-billionoyster.jpg',
+    image: '/img/about/image-billionoyster.jpg',
     description:
       'four people, knee deep in a river, frontmost person smiling and holding a basket full of oysters',
     title: 'Billion Oyster Project',
@@ -31,7 +31,7 @@ const slides = [
     ),
   },
   {
-    image: '/static/img/about/image-nywatertrails.jpg',
+    image: '/img/about/image-nywatertrails.jpg',
     title: 'New York Water Trail Association',
     description:
       'four people, knee deep in a river, frontmost person smiling and holding a basket full of oysters',
@@ -53,7 +53,7 @@ const slides = [
     ),
   },
   {
-    image: '/static/img/about/image-riverkeeper.jpg',
+    image: '/img/about/image-riverkeeper.jpg',
     description: 'a 20-foot boat named riverkeeper',
     title: 'Riverkeeper',
     body: (
@@ -76,7 +76,7 @@ const slides = [
     ),
   },
   {
-    image: '/static/img/about/image-newtoncreek.jpg',
+    image: '/img/about/image-newtoncreek.jpg',
     title: 'Newtown Creek Alliance',
     description: 'a 20-foot boat with the manhattan skyline behind it',
     body: (
@@ -100,7 +100,7 @@ const slides = [
     ),
   },
   {
-    image: '/static/img/about/image-gowanuscanal.jpg',
+    image: '/img/about/image-gowanuscanal.jpg',
     description:
       'a two person kayak, paddling in front of an overpass in the gowanus canal',
     title: 'Gowanus Canal Conservancy',
@@ -122,7 +122,7 @@ const slides = [
     ),
   },
   {
-    image: '/static/img/about/image-bronxalliance.jpg',
+    image: '/img/about/image-bronxalliance.jpg',
     description:
       'Four people in the middle of weeds that are taller than all of them. the rightmost person is leaning on a bird house',
     title: 'Bronx River Alliance',

components/Navbar/Navbar.module.css

@@ -65,15 +65,15 @@
   width: 14px;
   height: 14px;
   margin-right: 14px;
-  background-image: url('/static/img/[email protected]');
+  background-image: url('/img/[email protected]');
   background-repeat: no-repeat;
   background-position: center center;
   background-size: contain;
 }
 
 @media (min-width: 850px) {
   .logo {
-    background-image: url('/static/img/[email protected]');
+    background-image: url('/img/[email protected]');
     width: 74px;
     height: 14px;
   }

content/social.js

@@ -4,5 +4,5 @@ export default {
   url: BASE_URL,
   title: '+ POOL Water Quality Data Dashboard',
   description: 'A detailed dashboard for visualizing the components of water quality in the + POOL floating pool in the East River of NYC.',
-  imageUrl: `${BASE_URL}/static/img/og-image.png`
+  imageUrl: `${BASE_URL}/img/og-image.png`
 }

styles/globals.css

@@ -3,15 +3,15 @@
   font-weight: 400;
   font-style: normal;
   /* TODO: This is a test version of the woff2 font file. We still need to purchase a real license */
-  src: url('/static/fonts/StyreneA-Regular-Test.woff2') format('woff2');
+  src: url('/fonts/StyreneA-Regular-Test.woff2') format('woff2');
 }
 
 @font-face {
   font-family: 'Styrene B';
   font-weight: 400;
   font-style: normal;
   /* TODO: This is a test version of the woff2 font file. We still need to purchase a real license */
-  src: url('/static/fonts/StyreneB-Regular-Test.woff2') format('woff2');
+  src: url('/fonts/StyreneB-Regular-Test.woff2') format('woff2');
 }
 
 :root {
@@ -337,7 +337,7 @@ svg {
   .rc-slider-rail.rc-slider-rail {
     border-radius: 0;
     background: transparent;
-    background-image: url('/static/img/bar-lines-mobile.svg');
+    background-image: url('/img/bar-lines-mobile.svg');
     background-position: 0 bottom;
     background-size: 100% auto;
     background-repeat: no-repeat;
@@ -400,7 +400,7 @@ svg {
   .rc-slider-rail.rc-slider-rail {
     border-radius: 0;
     background: transparent;
-    background-image: url('/static/img/bar-lines-desktop.svg');
+    background-image: url('/img/bar-lines-desktop.svg');
     background-position: 0 0;
     background-size: auto 100%;
     background-repeat: no-repeat;