diff options
Diffstat (limited to 'frontend/site/projects/museum/views')
8 files changed, 63 insertions, 32 deletions
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") |