Upgraded to Parcel 2

.proxyrc.js

@@ -0,0 +1,10 @@
+// Allows resources (images, css) from other origins to be used
+// Without this, parcel 2 blocks all external resources
+// See https://git.io/JRYKi
+module.exports = function (app) {
+    app.use((req, res, next) => {
+        res.removeHeader('Cross-Origin-Resource-Policy');
+        res.removeHeader('Cross-Origin-Embedder-Policy');
+        next();
+    });
+};

bh7.html

@@ -544,6 +544,6 @@ <h2>contact us</h2>
         </div>
     </footer>
     <!-- This is where Parcel imports are located! (SASS, etc.) -->
-    <script src="./bh7.js"></script>
+    <script type="module" src="./bh7.js"></script>
 </body>
 </html>

bh7.js

@@ -31,9 +31,9 @@ new ActiveMenuLink(".navbar-items", options);
 
 
 // Random hero SVG on each page load
-import desk1 from './assets/hero/desk1.svg'
-import desk2 from './assets/hero/desk2.svg'
-import desk3 from './assets/hero/desk3.svg'
+import desk1 from 'url:./assets/hero/desk1.svg'
+import desk2 from 'url:./assets/hero/desk2.svg'
+import desk3 from 'url:./assets/hero/desk3.svg'
 
 $(document).ready(function() {
     var deskIndex = parseInt(localStorage.getItem('deskIndex'));

gallery.html

@@ -100,6 +100,6 @@ <h1>BrickHack</h1>
     </div>
     <div class="image-container" id="bh"></div>
     <!-- This is where Parcel imports are located! (SASS, etc.) -->
-    <script src="./gallery.js"></script>
+    <script src="./gallery.js" type="module"></script>
 </body>
 </html>

index.html

@@ -82,6 +82,6 @@
     </footer>
 
     <!-- This is where Parcel imports are located! (SASS, etc.) -->
-    <script src="./index.js"></script>
+    <script type="module" src="./index.js"></script>
 </body>
 </html>