summaryrefslogtreecommitdiff
path: root/frontend/site/projects/museum/views
diff options
context:
space:
mode:
Diffstat (limited to 'frontend/site/projects/museum/views')
-rw-r--r--frontend/site/projects/museum/views/home.css19
-rw-r--r--frontend/site/projects/museum/views/home.js19
-rw-r--r--frontend/site/projects/museum/views/jakrawal.links.js10
-rw-r--r--frontend/site/projects/museum/views/petros.nav.css4
-rw-r--r--frontend/site/projects/museum/views/petros.nav.js2
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