diff options
| -rw-r--r-- | .gitignore | 2 | ||||
| -rw-r--r-- | src/views/App.js | 4 | ||||
| -rw-r--r-- | src/views/Credits.js | 22 | ||||
| -rw-r--r-- | src/views/Gallery.js | 4 | ||||
| -rw-r--r-- | src/views/Intro.js | 13 | ||||
| -rw-r--r-- | templates/_header.liquid | 8 |
6 files changed, 27 insertions, 26 deletions
@@ -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"> |