import React, { Component } from 'react'
import actions from 'site/actions'

import { history } from "site/store"

import { LastMuseumLogo } from "../icons"

import "./credits.css"

export default class Credits extends Component {
  constructor(props) {
    super(props)
    this.handleClick = this.handleClick.bind(this)
    this.goHome = this.goHome.bind(this)
    this.state = {
    }
  }

  componentDidMount() {
    actions.site.interact()
  }

  handleClick(e) {
    e && e.preventDefault()
  }

  goHome() {
    history.push(`/last-museum/home/`)
  }

  render() {
    return (
      <div className="page page-credits">
        <div className="page-title">{LastMuseumLogo}</div>
        <div className="page-content">
          <div className="page-left">
            <div className="page-subtitle">CREDITS</div>
          </div>
          <div className="page-right">
            <div className="page-subtitle">ARTWORK CREDITS</div>
          </div>
        </div>

        <div className="page-content">
          <div className="page-left">
            <div className="credits-rows">
              <div>
                <div>Curator:</div> <a href="http://nadimsamman.com/">Nadim Samman</a>
              </div>
              <div>
                <div>Developer:</div> <a href="https://asdf.us/">Jules LaPlace</a>
              </div>
              <div>
                <div>Design:</div> <a href="https://sometimes-always.com/">Sometimes Always</a>
              </div>
            </div>
            <div>
              Commissioned by:<br/>
              <b>KW Institute for Contemporary Art</b><br/>
              Auguststraße 69<br/>
              10117 Berlin<br/>
              Tel. +49 30 243459-0<br/>
              Fax +49 30 243459-99<br/>
              <a href="mailto:info@kw-berlin.de?subject=The+Last+Museum">info@kw-berlin.de</a><br/>
              <br/>
              KW Institute for Contemporary Art is institutionally supported by the Senate Department for Culture and Europe, Berlin.<br/>
              <br/>
              The Last Museum is produced in collaboration with Polyeco Contemporary Art Initiative (PCAI), Athens<br/>
              <br/>
              <b>Press Enquiries:</b><br/>
              Natanja von Stosch<br/>
              Tel. +49 30 243459 41<br/>
              <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/>
              <b>Press Releases and Image Material:</b><br/>
              <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a>
            </div>
          </div>

          <div className="page-right columns">
            <div className="column">
              <b>Charles Stankievech</b><br/>
              <i>The Glass Key</i><br/>
              Cinematography and Soundtrack: Charles Stankievech<br/>
              LIDAR and Ionospheric Recordings: Charles Stankievech<br/>
              Hypercard Programming: Charles Stankievech<br/>
              Fieldwork Recording Assistant: Ala Roushan<br/>
              <br/>
              VR Capture thanks to Sudbury Neutrino Laboratory (SNO).<br/>
              Sources:<br/>
              René Magritte, <i>The Glass Key (La clef de verre)</i>, 1959, oil on canvas.<br/>
              Courtesy The Menil Collection, Houston.<br/>
              René Guénon. <i>Lord of the World</i>, 1927 / <i>Etudes Traditionnelles</i>, 1938.<br/>
              Robert Smithson. <i>Incidents of Mirror-Travel in the Yucatan</i>, 1969.<br/>
              Thomas Pynchon. <i>Against the Day</i>, 2006.<br/>
              Mircea Eliade. <i>The Forge and the Crucible</i>, 1956. <br/>
              Clarice Lispector. <i>The Egg and the Chicken</i>, 1964.<br/>
              Clarice Lispector. <i>Agua Viva</i>, 1973<br/>
              <br/>
              <b>Juliana Cerqueira Leite</b><br/>
              <i>Untitled</i><br/>
              Location: Santa Ifigênia, São Paulo, Brasil<br/>
              Videography & Sound design: Juliana Cerqueira Leite <br/>
              <br/>
            </div>
            <div className="column">
              <b>Nora Al-Badri</b><br/>
              <i>This Is Not A Hacker Space</i><br/>
              Location: C-Base, Berlin, Germany<br/>
              Videography: Siska<br/>
              Soundtrack mix: Shamsa<br/>
              Track mixed in: Cadans - No Connection (Broken Mix)<br/>
              Melodic Acapella female sound: Lynn Adib<br/>
              poem: Nikki Giovanni ‘Ego Tripping’<br/>
              الأمل<br/>
              Al-Amal/ Hope Mars Mission (via YouTube)<br/>
              Special thanks to the Norberta, Gregor and the spaceship crew in Berlin-Mitte; Andy and CCC.<br/>
              <br/>
              <b>Zohra Opoku</b><br/>
              <i>The Myths of Eternal Life</i><br/>
              Videography & Sound Design: Zohra Opoku<br/>
              Location: Unfinished mortuary, Accra, Ghana.<br/> 
              <br/>
              <b>Nicole Foreshew</b><br/>
              <i>Dhurany Yanggu</i> 
(message song of running water)<br/>
              Location: Gumbaynggirr Country, Northern Tablelands and Northern Rivers districts of New South Wales, Australia.<br/>
              Videography & Sound Design: Nicole Foreshew<br/>
              <br/>
              <b>Jakrawal Nilthamrong</b><br/>
              <i>Barn Burner</i> <br/>
              Location: Chiang Mai, Thailand. <br/>
              Videography & Sound Design: Jakrawal Nilthamrong
            </div>
          </div>
        </div>
        <div className="page-content">
          <div className="icons">
            <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 className="home-link" onClick={this.goHome}>
          Home
        </div>
      </div>
    )
  }
}