diff options
Diffstat (limited to 'frontend/site/projects/museum/views')
| -rw-r--r-- | frontend/site/projects/museum/views/home.css | 19 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/home.js | 19 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/jakrawal.links.js | 10 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/petros.nav.css | 4 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/petros.nav.js | 2 |
5 files changed, 33 insertions, 21 deletions
diff --git a/frontend/site/projects/museum/views/home.css b/frontend/site/projects/museum/views/home.css index bad8e4f..1852b97 100644 --- a/frontend/site/projects/museum/views/home.css +++ b/frontend/site/projects/museum/views/home.css @@ -88,12 +88,20 @@ html { opacity: 1; white-space: nowrap; transition: opacity 0.2s; - width: 50vw; - font-size: 3vh; + width: 96vw; + font-size: 2.9vh; position: absolute; text-align: center; + left: 2vw; bottom: 6vh; + display: flex; + flex-flow: row wrap; + justify-content: space-around; } +.home-artists div { + width: 32vw; +} + .home-message { font-family: "Druk Wide", sans-serif; opacity: 0.0; @@ -131,12 +139,17 @@ html { opacity: 0; transition: opacity 0.2s; } -.artists-left { + +/*.artists-left { left: 0; } +.artists-center { + left: 33.3vw; +} .artists-right { left: 50vw; } +*/ .byline-top { top: 1vh; left: 0; diff --git a/frontend/site/projects/museum/views/home.js b/frontend/site/projects/museum/views/home.js index 86e53c7..877e0c7 100644 --- a/frontend/site/projects/museum/views/home.js +++ b/frontend/site/projects/museum/views/home.js @@ -71,7 +71,7 @@ class Home extends Component { } else { this.ref.current.className = "home orange-text orange-bg open" setTimeout(() => { - history.push("/thelastmuseum/petros-1") + history.push("/thelastmuseum/stankievech-1") }, FLASH_TIME) } } @@ -86,15 +86,14 @@ class Home extends Component { <div className="home-byline byline-top">KW PRESENTS</div> <div className="home-title title-1">THE L<span>AST</span></div> <div className="home-title title-2">MUSEUM</div> - <div className="home-artists artists-left"> - NICOLE FORESHEW<br /> - JULIANA CERQUEIRA LEITE<br /> - NORA AL-BADRI - </div> - <div className="home-artists artists-right"> - CHARLES STANKIEVECH<br /> - JAKRAWAL NILTHAMRONG<br /> - ZOHRA OPOKU + <div className="home-artists"> + <div>CHARLES STANKIEVECH</div> + <div>NORA AL-BADRI</div> + <div>JULIANA CERQUEIRA LEITE</div> + <div>ZOHRA OPOKU</div> + <div>NICOLE FORESHEW</div> + <div>PETROS MORIS</div> + <div>JAKRAWAL NILTHAMRONG</div> </div> <div className="home-byline byline-bottom">CURATED BY NADIM SAMMAN</div> <div className="home-message"> diff --git a/frontend/site/projects/museum/views/jakrawal.links.js b/frontend/site/projects/museum/views/jakrawal.links.js index 991b43b..226a77f 100644 --- a/frontend/site/projects/museum/views/jakrawal.links.js +++ b/frontend/site/projects/museum/views/jakrawal.links.js @@ -55,7 +55,7 @@ class JakrawalLinks extends Component { const page_partz = page_name.split("-") const isJakrawal = page_partz[0] === 'nilthamrong' - if (!isJakrawal || page_partz[1] === 'home') { + if (!isJakrawal || page_partz[1] === 'petros-1') { clearTimeout(this.autoadvanceTimeout) clearTimeout(this.timeout) this.setState({ @@ -70,7 +70,7 @@ class JakrawalLinks extends Component { this.setState({ ...RESET_STATE, curtain: true, - verticalLink: "home", + verticalLink: "petros-1", }) clearTimeout(this.timeout) this.timeout = setTimeout(() => { @@ -81,7 +81,7 @@ class JakrawalLinks extends Component { const partz = page_partz[1].split("") const isOnA = partz[0] === 'a'; const lateralLink = (isOnA ? 'b' : 'a') + partz[1] - const verticalLink = lateralLink === 'a8' ? "home" : partz[0] + (parseInt(partz[1]) + 1) + const verticalLink = lateralLink === 'a8' ? "petros-1" : partz[0] + (parseInt(partz[1]) + 1) this.setState({ left: !isOnA, right: isOnA, @@ -111,8 +111,8 @@ class JakrawalLinks extends Component { } goVertical() { this.setState({ vertical: false }) - if (this.state.verticalLink === 'home') { - history.push(`/thelastmuseum/home`) + if (this.state.verticalLink === 'petros-1') { + history.push(`/thelastmuseum/petros-1`) } else { history.push(`/thelastmuseum/nilthamrong-${this.state.verticalLink}`) } diff --git a/frontend/site/projects/museum/views/petros.nav.css b/frontend/site/projects/museum/views/petros.nav.css index 2dd3c29..a23c657 100644 --- a/frontend/site/projects/museum/views/petros.nav.css +++ b/frontend/site/projects/museum/views/petros.nav.css @@ -30,8 +30,8 @@ .petros-text svg { pointer-events: none; - width: 130px; - height: 131px; + width: 100px; + height: 101px; } .petros-text svg path { fill: none; diff --git a/frontend/site/projects/museum/views/petros.nav.js b/frontend/site/projects/museum/views/petros.nav.js index 7c7dbd2..a3965af 100644 --- a/frontend/site/projects/museum/views/petros.nav.js +++ b/frontend/site/projects/museum/views/petros.nav.js @@ -60,7 +60,7 @@ const TEXT_LOAD_TIMEOUT = 6000 * FASTFORWARD const SHOW_NAV_TIMEOUT = 2000 * FASTFORWARD const TEXT_HIDE_TIMEOUT = 7000 * FASTFORWARD -const SUBTITLE_COUNT = 12 +const SUBTITLE_COUNT = 250 const TIME_PER_WORD = 250 |
