css

4 files changed, 21 insertions, 22 deletions

diff --git a/src/views/App.js b/src/views/App.js
index 0458d1a..aff5b38 100644
--- a/src/views/App.js
+++ b/src/views/App.js
@@ -34,7 +34,7 @@ export default function App() {
 }
 
 async function loadDB() {
-  const request = await fetch("/assets/db.json");
+  const request = await fetch("./assets/db.json");
   return await request.json();
 }
 
@@ -52,7 +52,7 @@ async function loadObjects(db) {
 function loadObject(item) {
   return new Promise((resolve) => {
     let { path, file } = item.threeObject;
-    path = "assets/" + path;
+    path = "./assets/" + path;
     const manager = new THREE.LoadingManager();
     manager.setURLModifier((url) => {
       if (!url.match("/")) {
diff --git a/src/views/Credits.js b/src/views/Credits.js
index e338d8c..bf411c2 100644
--- a/src/views/Credits.js
+++ b/src/views/Credits.js
@@ -28,7 +28,7 @@ export default function Credits({ visible, open, onToggle }) {
               <div className="column">
                 <img
                   className="close"
-                  src="/assets/img/close.svg"
+                  src="./assets/img/close.svg"
                   onClick={() => onToggle(false)}
                 />
                 <span
@@ -80,21 +80,11 @@ const CREDITS_STRINGS = {
   site: `
     <h2>CREDITS</h2>
     <div class="credits-rows">
-      <div>
-        <div>Artist:</div> <a href="https://www.stankievech.net/" target="_blank">Charles Stankievech</a>
-      </div>
-      <div>
-        <div>Developer:</div> <a href="https://asdf.us/" target="_blank">Jules LaPlace</a>
-      </div>
-      <div>
-        <div>Commissioning Curator:</div> <a href="http://nadimsamman.com/" target="_blank">Nadim Samman</a>
-      </div>
-      <div>
-        <div>Design Consultation:</div> <span>Raf Rennie</span>
-      </div>
-      <div>
-        <div>3D Modelling:</div> <span>Brandon Poole</span>
-      </div>
+      Artist: <a href="https://www.stankievech.net/" target="_blank">Charles Stankievech</a><br />
+      Developer: <a href="https://asdf.us/" target="_blank">Jules LaPlace</a><br />
+      Commissioning Curator: <a href="http://nadimsamman.com/" target="_blank">Nadim Samman</a><br />
+      Design Consultation: <span>Raf Rennie</span><br />
+      3D Modelling: <span>Brandon Poole</span>
     </div>
     <div>
       Commissioned by:<br/>
diff --git a/src/views/Gallery.js b/src/views/Gallery.js
index b69a7d7..c68de23 100644
--- a/src/views/Gallery.js
+++ b/src/views/Gallery.js
@@ -62,7 +62,7 @@ export default function Gallery({ images, visible, onLoad }) {
         {!oneItem && (
           <div>
             <img
-              src="/assets/img/arrow-back.svg"
+              src="./assets/img/arrow-back.svg"
               onClick={previous}
               style={{ opacity: index > 0 ? 1 : 0 }}
             />
@@ -71,7 +71,7 @@ export default function Gallery({ images, visible, onLoad }) {
         {!oneItem && (
           <div>
             <img
-              src="/assets/img/arrow-forward.svg"
+              src="./assets/img/arrow-forward.svg"
               onClick={next}
               style={{ opacity: index < images.length - 1 ? 1 : 0 }}
             />
diff --git a/src/views/Intro.js b/src/views/Intro.js
index 2c94e21..1868b1c 100644
--- a/src/views/Intro.js
+++ b/src/views/Intro.js
@@ -19,7 +19,11 @@ export default function Intro({ onComplete }) {
   const [videoSize] = useState(coverWindow());
 
   const handleClose = useCallback(() => {
-    audio.play();
+    try {
+      audio.play();
+    } catch (error) {
+      console.error(error);
+    }
     setDone(true);
     setTimeout(() => {
       onComplete();
@@ -28,6 +32,11 @@ export default function Intro({ onComplete }) {
 
   const handleStart = useCallback(() => {
     playing = true;
+    try {
+      audio.play();
+    } catch (error) {
+      console.error(error);
+    }
     setStarted(true);
     if (player) {
       player.play();
@@ -64,7 +73,7 @@ export default function Intro({ onComplete }) {
       {started && (
         <img
           className="close"
-          src="/assets/img/close.svg"
+          src="./assets/img/close.svg"
           onClick={handleClose}
         />
       )}