From e56ea5c56f5cfacaabfd323f26886cb9cd11955c Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Fri, 23 Apr 2021 15:32:24 +0200
Subject: revisions

---
 frontend/site/projects/museum/views/credits.css    |  5 ++
 frontend/site/projects/museum/views/credits.js     | 53 +++++++++++-----------
 .../site/projects/museum/views/jakrawal.links.css  | 10 +++-
 .../site/projects/museum/views/jakrawal.links.js   |  1 +
 .../projects/museum/views/landscape.warning.css    |  1 +
 .../projects/museum/views/landscape.warning.js     |  3 +-
 frontend/site/projects/museum/views/mobile.css     | 10 +++-
 frontend/site/projects/museum/views/nav.overlay.js | 12 ++++-
 8 files changed, 63 insertions(+), 32 deletions(-)

(limited to 'frontend/site/projects/museum/views')

diff --git a/frontend/site/projects/museum/views/credits.css b/frontend/site/projects/museum/views/credits.css
index aaf05c7..b5609f0 100644
--- a/frontend/site/projects/museum/views/credits.css
+++ b/frontend/site/projects/museum/views/credits.css
@@ -49,6 +49,11 @@
   text-shadow: 0 0 5px #000;
 }
 
+/* required for safari */
+.page-credits-inner {
+  display: block;
+}
+
 .app > div.page.page-credits .home-link {
   color: #000;
 }
diff --git a/frontend/site/projects/museum/views/credits.js b/frontend/site/projects/museum/views/credits.js
index 7ed3eb4..2040a0f 100644
--- a/frontend/site/projects/museum/views/credits.js
+++ b/frontend/site/projects/museum/views/credits.js
@@ -37,28 +37,29 @@ class Credits extends Component {
     return (
       <div className="page page-credits">
         <div className="page-title">{LastMuseumLogo}</div>
+        <div className="page-credits-inner">
+          <div className="page-content credits-columns">
+            <div className="page-left">
+              <div className="page-subtitle">CREDITS</div>
+              <div dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.site_credits[language] }} />
+            </div>
 
-        <div className="page-content credits-columns">
-          <div className="page-left">
-            <div className="page-subtitle">CREDITS</div>
-            <div dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.site_credits[language] }} />
-          </div>
-
-          <div className="page-right">
-            <div className="page-subtitle">{CREDITS_STRINGS.artwork_credits_head[language]}</div>
-            <div className="columns">
-              <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_1[language] }} />
-              <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_2[language] }} />
+            <div className="page-right">
+              <div className="page-subtitle">{CREDITS_STRINGS.artwork_credits_head[language]}</div>
+              <div className="columns">
+                <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_1[language] }} />
+                <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_2[language] }} />
+              </div>
             </div>
           </div>
-        </div>
 
-        <div className="page-content icon-rows">
-          <div className="icons">
-            <img className="kw-logo" src="/last-museum/static/media/last-museum/kw-black.png" />
-            <img src="/last-museum/static/media/last-museum/arte-logo-black.png" />
-            <img src="/last-museum/static/media/last-museum/pcai-logo-black.png" className='pcai' />
-            <img src="/last-museum/static/media/last-museum/berlin-logo-black.png" />
+          <div className="page-content icon-rows">
+            <div className="icons">
+              <img className="kw-logo" src="/last-museum/static/media/last-museum/kw-black.png" />
+              <img src="/last-museum/static/media/last-museum/arte-logo-black.png" />
+              <img src="/last-museum/static/media/last-museum/pcai-logo-black.png" className='pcai' />
+              <img src="/last-museum/static/media/last-museum/berlin-logo-black.png" />
+            </div>
           </div>
         </div>
         <div className="home-link" onClick={this.goHome}>
@@ -93,13 +94,13 @@ const CREDITS_STRINGS = {
     en: `
       <div class="credits-rows">
         <div>
-          <div>Curator:</div> <a href="http://nadimsamman.com/">Nadim Samman</a>
+          <div>Curator:</div> <a href="http://nadimsamman.com/" target="_blank">Nadim Samman</a>
         </div>
         <div>
-          <div>Developer:</div> <a href="https://asdf.us/">Jules LaPlace</a>
+          <div>Developer:</div> <a href="https://asdf.us/" target="_blank">Jules LaPlace</a>
         </div>
         <div>
-          <div>Design:</div> <a href="https://sometimes-always.com/">Sometimes Always</a>
+          <div>Design:</div> <a href="https://sometimes-always.com/" target="_blank">Sometimes Always</a>
         </div>
       </div>
       <div>
@@ -120,19 +121,19 @@ const CREDITS_STRINGS = {
         Tel. +49 30 243459 41<br/>
         <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/>
         Press Releases and Image Material:<br/>
-        <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a>
+        <a href="https://kw-berlin.de/en/press" target="_blank">kw-berlin.de/en/press</a>
       </div>
     `,
     de: `
       <div class="credits-rows">
         <div>
-          <div>Kurator:</div> <a href="http://nadimsamman.com/">Nadim Samman</a>
+          <div>Kurator:</div> <a href="http://nadimsamman.com/" target="_blank">Nadim Samman</a>
         </div>
         <div>
-          <div>Entwickler:</div> <a href="https://asdf.us/">Jules LaPlace</a>
+          <div>Entwickler:</div> <a href="https://asdf.us/" target="_blank">Jules LaPlace</a>
         </div>
         <div>
-          <div>Design:</div> <a href="https://sometimes-always.com/">Sometimes Always</a>
+          <div>Design:</div> <a href="https://sometimes-always.com/" target="_blank">Sometimes Always</a>
         </div>
       </div>
       <div>
@@ -153,7 +154,7 @@ const CREDITS_STRINGS = {
         Tel. +49 30 243459 41<br/>
         <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/>
         Press Releases and Image Material:<br/>
-        <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a>
+        <a href="https://kw-berlin.de/en/press" target="_blank">kw-berlin.de/en/press</a>
       </div>
     `
   },
diff --git a/frontend/site/projects/museum/views/jakrawal.links.css b/frontend/site/projects/museum/views/jakrawal.links.css
index f14b26d..1a8a5e0 100644
--- a/frontend/site/projects/museum/views/jakrawal.links.css
+++ b/frontend/site/projects/museum/views/jakrawal.links.css
@@ -57,5 +57,11 @@
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
-  cursor: url(/last-museum/static/uploads/3/cursor/The_Last_Museum_-_Symbols-103.png) 50 50, pointer;
-}
\ No newline at end of file
+  cursor: url(/last-museum/static/uploads/3/cursor/The_Last_Museum_-_Symbols-102.png) 50 50, pointer;
+}
+
+.jakrawal-curtain {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+}
diff --git a/frontend/site/projects/museum/views/jakrawal.links.js b/frontend/site/projects/museum/views/jakrawal.links.js
index e6847f4..92e3b0e 100644
--- a/frontend/site/projects/museum/views/jakrawal.links.js
+++ b/frontend/site/projects/museum/views/jakrawal.links.js
@@ -122,6 +122,7 @@ class JakrawalLinks extends Component {
     if (!this.props.interactive || (!left && !right && !vertical)) return null
     return (
       <div>
+        <div className="jakrawal-curtain" />
         {vertical && <div className="jakrawal-full" onClick={this.goVertical} />}
         {left && <div className="jakrawal-left" onClick={this.goLateral} />}
         {right && <div className="jakrawal-right" onClick={this.goLateral} />}
diff --git a/frontend/site/projects/museum/views/landscape.warning.css b/frontend/site/projects/museum/views/landscape.warning.css
index 704ef04..030f4ab 100644
--- a/frontend/site/projects/museum/views/landscape.warning.css
+++ b/frontend/site/projects/museum/views/landscape.warning.css
@@ -4,6 +4,7 @@
   width: 100vw; height: 100vh;
   background: #111111;
   color: #ff790d;
+  text-shadow: 0 0 3px #ff790d;
   font-family: "Helvetica", sans-serif;
   font-size: 16px;
   display: flex;
diff --git a/frontend/site/projects/museum/views/landscape.warning.js b/frontend/site/projects/museum/views/landscape.warning.js
index 7f03724..a0b6e64 100644
--- a/frontend/site/projects/museum/views/landscape.warning.js
+++ b/frontend/site/projects/museum/views/landscape.warning.js
@@ -21,6 +21,7 @@ export default class LandscapeWarning extends Component {
   state = {
     landscape: !isMobile || window.innerWidth > window.innerHeight,
   }
+
   constructor(props) {
     super(props)
     this.handleResize = this.handleResize.bind(this)
@@ -31,7 +32,7 @@ export default class LandscapeWarning extends Component {
   }
 
   handleResize() {
-    const landscape = window.innerWidth > window.innerHeight
+    const landscape = !isMobile || window.innerWidth > window.innerHeight
     if (landscape !== this.state.landscape) {
       this.setState({ landscape })
     }
diff --git a/frontend/site/projects/museum/views/mobile.css b/frontend/site/projects/museum/views/mobile.css
index 8d68121..0059f94 100644
--- a/frontend/site/projects/museum/views/mobile.css
+++ b/frontend/site/projects/museum/views/mobile.css
@@ -10,13 +10,18 @@
 }
 .home-footer a {
   display: inline-block;
-  padding: 4.5rem;
+  padding: 5vh;
   color: #ff790d;
   font-family: "Druk Wide", sans-serif;
-  font-size: 3vh;
+  font-size: 3.4vh;
   font-style: italic;
   text-decoration: none;
   cursor: url(/last-museum/static/uploads/3/cursor/The_Last_Museum_-_Symbols-05.png) 50 50, pointer;
+  text-shadow: 0 0 5px rgba(0,0,0,0.7);
+  transition: text-shadow 0.1s;
+}
+.home-footer a:hover {
+  text-shadow: 0 0 5px rgba(255, 120, 13, 1.0);
 }
 
 @media only screen and (max-device-height: 500px) {
@@ -62,6 +67,7 @@
   .home-footer a {
     padding: 0.5rem 1rem;
     font-size: 1rem;
+    text-shadow: 0 0 5px rgba(0,0,0,0.7);
   }
 
   /* footer */
diff --git a/frontend/site/projects/museum/views/nav.overlay.js b/frontend/site/projects/museum/views/nav.overlay.js
index 0b14091..011cb2d 100644
--- a/frontend/site/projects/museum/views/nav.overlay.js
+++ b/frontend/site/projects/museum/views/nav.overlay.js
@@ -76,6 +76,9 @@ class NavOverlay extends Component {
         orangeClose: false,
         artist: {},
       })
+      setTimeout(() => {
+        this.hideRoadblock()
+      }, 10)
     }
     else if (pathkey === 'home') {
       this.setState({
@@ -87,7 +90,7 @@ class NavOverlay extends Component {
         currentArtist: null,
         showMuteButton: true,
         isProjectPage: false,
-        showHomeFooterLinks: true,
+        showHomeFooterLinks: isMobile,
         showClose: true,
         orangeClose: true,
         artist: {},
@@ -141,6 +144,13 @@ class NavOverlay extends Component {
     }
   }
 
+  hideRoadblock() {
+    const roadblock = document.querySelector('.roadblock')
+    if (roadblock) {
+      roadblock.style.display = "none"
+    }
+  }
+
   quicklyShowFooter() {
     clearTimeout(this.footerTimeout)
     // this.footerRef.current.classList.add("instant")
-- 
cgit v1.2.3-70-g09d2