From 6d76b41fa9f1eae186606b42e20ebfa5cbd438b1 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 31 Mar 2021 22:13:58 +0200
Subject: homepage css

---
 frontend/site/projects/museum/views/home.js | 30 ++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

(limited to 'frontend/site/projects/museum/views/home.js')

diff --git a/frontend/site/projects/museum/views/home.js b/frontend/site/projects/museum/views/home.js
index cfd0d40..e3c44d5 100644
--- a/frontend/site/projects/museum/views/home.js
+++ b/frontend/site/projects/museum/views/home.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react'
 
-// import actions from 'site/actions'
+import actions from 'site/actions'
 
 import "./home.css"
 
@@ -9,11 +9,32 @@ export default class Home extends Component {
     open: false,
   }
 
+  constructor(props) {
+    super(props)
+    this.handleClick = this.handleClick.bind(this)
+  }
+
+  componentDidMount() {
+    const roadblock = document.querySelector('.roadblock')
+    if (roadblock) roadblock.style.display = "none"
+  }
+
+  handleClick(e) {
+    e && e.preventDefault()
+    if (this.state.open) {
+      actions.site.interact()
+      this.setState({ hidden: true })
+    }
+    else {
+      this.setState({ open: true })
+    }
+  }
+
   render() {
     return (
-      <div className={this.state.open ? "home open" : "home"}>
+      <div className={this.state.hidden ? "home hidden open" : this.state.open ? "home open" : "home"} onClick={this.handleClick}>
         <div className="home-byline byline-top">KW PRESENTS</div>
-        <div className="home-title title-1">THE LAST</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 />
@@ -26,6 +47,9 @@ export default class Home extends Component {
           ZOHRA OPOKO
         </div>
         <div className="home-byline byline-bottom">CURATED BY NADIM SAMMAN</div>
+        <div className="home-message">
+          Lorem ipsum dolor sit amet, pro ea errem nonumes, gubergren deterruisset sit eu. Quo nostrud definitiones ex, sea dicant accommodare ei, te vix habeo minim voluptatum.
+        </div>
       </div>
     )
   }
-- 
cgit v1.2.3-70-g09d2