1 files changed, 18 insertions, 6 deletions
diff --git a/frontend/site/projects/museum/views/home.js b/frontend/site/projects/museum/views/home.js
index e3c44d5..1520c11 100644
--- a/frontend/site/projects/museum/views/home.js
+++ b/frontend/site/projects/museum/views/home.js
@@ -1,22 +1,27 @@
 import React, { Component } from 'react'
+import { connect } from 'react-redux'
 
 import actions from 'site/actions'
 
 import "./home.css"
 
-export default class Home extends Component {
-  state = {
-    open: false,
-  }
-
+class Home extends Component {
   constructor(props) {
     super(props)
     this.handleClick = this.handleClick.bind(this)
+    this.state = {
+      open: false,
+      hidden: this.props.interactive,
+      showCurtain: true,
+    }
   }
 
   componentDidMount() {
     const roadblock = document.querySelector('.roadblock')
     if (roadblock) roadblock.style.display = "none"
+    setTimeout(() => {
+      this.setState({ showCurtain: false })
+    }, 100)
   }
 
   handleClick(e) {
@@ -44,13 +49,20 @@ export default class Home extends Component {
         <div className="home-artists artists-right">
           CHARLES STANKIEVECH<br />
           JAKRAWAL NILTHAMRONG<br />
-          ZOHRA OPOKO
+          ZOHRA OPOKU
         </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 className={this.state.showCurtain ? "curtain" : "curtain hidden"} />
       </div>
     )
   }
 }
+
+const mapStateToProps = state => ({
+  interactive: state.site.interactive,
+})
+
+export default connect(mapStateToProps)(Home)