css

6 files changed, 27 insertions, 26 deletions

diff --git a/.gitignore b/.gitignore
index c1dfaaf..0cff603 100644
--- a/.gitignore
+++ b/.gitignore
@@ -19,3 +19,5 @@ public/assets/js/bundle.js
 
 data_store
 
+build
+
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}
         />
       )}
diff --git a/templates/_header.liquid b/templates/_header.liquid
index c6c5659..eab0ac3 100644
--- a/templates/_header.liquid
+++ b/templates/_header.liquid
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <title>
-    Nᵒ6092 | Charles Stankievech
+    No6092 | Charles Stankievech
   </title>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
@@ -11,10 +11,11 @@
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-  <meta name="description" content="Revealing the entwined origins of connosieurship and forensics in the 17th century, Nᵒ6092 dissects the archive." />
+  <meta name="description" content="Revealing the entwined origins of connossieurship and forensics in the 17th century, No6092 dissects the archive." />
   <meta name="author" content="Charles Stankievech">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
 
-  <meta property="og:title" content="Nᵒ6092" />
+  <meta property="og:title" content="No6092" />
   <meta property="og:type" content="website" />
   <meta property="og:image" content="https://opensecret.kw-berlin.de/no6092/assets/img/no6092start.jpg" />
   <meta property="og:url" content="https://opensecret.kw-berlin.de/no6092/" />
@@ -22,7 +23,6 @@
 
   <meta name="apple-mobile-web-app-capable" content="no">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <link rel="shortcut icon" href="/favicon.ico" />
 
   <link rel="stylesheet" href="./assets/css/fonts.css">
   <link rel="stylesheet" href="./assets/css/css.css">