diff options
Diffstat (limited to 'frontend/site/projects/museum/views/credits.js')
| -rw-r--r-- | frontend/site/projects/museum/views/credits.js | 270 |
1 files changed, 191 insertions, 79 deletions
diff --git a/frontend/site/projects/museum/views/credits.js b/frontend/site/projects/museum/views/credits.js index 87da80b..c256dee 100644 --- a/frontend/site/projects/museum/views/credits.js +++ b/frontend/site/projects/museum/views/credits.js @@ -1,4 +1,5 @@ import React, { Component } from 'react' +import { connect } from 'react-redux' import actions from 'site/actions' import { history } from "site/store" @@ -7,13 +8,12 @@ import { LastMuseumLogo } from "../icons" import "./credits.css" -export default class Credits extends Component { +class Credits extends Component { constructor(props) { super(props) this.handleClick = this.handleClick.bind(this) this.goHome = this.goHome.bind(this) - this.state = { - } + this.changeLanguage = this.changeLanguage.bind(this) } componentDidMount() { @@ -28,7 +28,12 @@ export default class Credits extends Component { history.push(`/last-museum/home/`) } + changeLanguage() { + actions.site.changeLanguage(this.props.language === "de" ? "en" : "de") + } + render() { + const { language } = this.props return ( <div className="page page-credits"> <div className="page-title">{LastMuseumLogo}</div> @@ -37,91 +42,21 @@ export default class Credits extends Component { <div className="page-subtitle">CREDITS</div> </div> <div className="page-right"> - <div className="page-subtitle">ARTWORK CREDITS</div> + <div className="page-subtitle">{CREDITS_STRINGS.artwork_credits_head[language]}</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-left" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.site_credits[language] }} /> <div className="page-right columns"> - <div className="column"> - <b>Charles Stankievech</b><br/> - <i>The Glass Key</i><br/> - Cinematography, Soundtrack, LIDAR and Ionospheric Recordings, Hypercard Programming: Charles Stankievech<br/> - Fieldwork Recording Assistant: Ala Roushan<br/> - <br/> - VR Capture thanks to Sudbury Neutrino Laboratory (SNO).<br/> - <br/> - <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/> - <span style={{ lineHeight: 1 }}>الأمل</span> 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/> - </div> - <div className="column"> - <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/> - <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 className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_1[language] }} /> + <div className="column" dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.artist_credits_2[language] }} /> </div> </div> - <div className="page-content"> + <div className="page-content icon-rows"> <div className="icons"> + <img className="kw-logo" src="/last-museum/static/media/last-museum/kw-black.png" /> <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" /> @@ -130,11 +65,188 @@ export default class Credits extends Component { <div className="home-link" onClick={this.goHome}> Home </div> + <div className="home-link language-link black" onClick={this.changeLanguage}> + {this.props.language === "de" ? ( + <span><b>de</b> / en</span> + ) : ( + <span>de / <b>en</b></span> + )} + </div> </div> ) } } +const mapStateToProps = state => ({ + language: state.site.language, +}) + +export default connect(mapStateToProps)(Credits) + + +const CREDITS_STRINGS = { + artwork_credits_head: { + en: "ARTWORK CREDITS", + de: "CREDITS DER KUNSTWERKE", + }, + + site_credits: { + en: ` + <div class="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/> + Press Enquiries:<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/> + Press Releases and Image Material:<br/> + <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a> + </div> + `, + de: ` + <div class="credits-rows"> + <div> + <div>Kurator:</div> <a href="http://nadimsamman.com/">Nadim Samman</a> + </div> + <div> + <div>Entwickler:</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> + Im Auftrag von:<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/> + Die KW Institute for Contemporary Art werden institutionell gefördert von der Senatsverwaltung für Kultur und Europa, Berlin. + <br/> + The Last Museum wird in Zusammenarbeit mit der Polyeco Contemporary Art Initiative (PCAI), Athen, produziert. + <br/> + Press Enquiries:<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/> + Press Releases and Image Material:<br/> + <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a> + </div> + ` + }, + + artist_credits_1: { + en: ` + <b>Charles Stankievech</b><br/> + <i>The Glass Key</i><br/> + Cinematography, Soundtrack, LIDAR and Ionospheric Recordings, Hypercard Programming: Charles Stankievech<br/> + Fieldwork Recording Assistant: Ala Roushan<br/> + VR Capture thanks to Sudbury Neutrino Laboratory (SNO).<br/> + <br/> + <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/> + <span style="lineHeight: 1">الأمل</span> 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/> + `, + de: ` + <b>Charles Stankievech</b><br/> + <i>The Glass Key</i><br/> + Location: Cosmic Ray Research Station, kanadische Rocky Mountains (Wintersonnenwende)<br /> + Videografie, Sound Design, LIDAR und Ionosphären-Aufnahmen, Hypercard-Programmierung: Charles Stankievech<br/> + Assistent für Feldaufnahmen: Ala Roushan<br/> + VR-Aufnahme dank des Sudbury Neutrino Laboratory (SNO).<br/> + <br/> + <b>Nora Al-Badri</b><br/> + <i>This Is Not A Hacker Space</i><br/> + Location: C-Base, Berlin, Germany<br/> + Videografie: Siska<br/> + Soundtrack-Mix: Shamsa<br/> + Track gemixt in: Cadans - No Connection (Broken Mix)<br/> + Melodische weibliche Acapella-Stimme: Lynn Adib<br/> + Gedicht: Nikki Giovanni ‘Ego Tripping’<br/> + <span style="lineHeight: 1">الأمل</span> Al-Amal/ Hope Mars Mission (via YouTube)<br/> + Ein besonderer Dank geht an Norberta, Gregor und die Raumschiff-Crew in Berlin-Mitte; Andy und CCC.<br/> + <br/> + `, + }, + + artist_credits_2: { + en: ` + <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/> + <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 + `, + de: ` + <b>Juliana Cerqueira Leite</b><br/> + <i>Untitled</i><br/> + Location: Santa Ifigênia, São Paulo, Brasilien<br/> + Videografie & Sound Design: Juliana Cerqueira Leite <br/> + <br/> + <b>Zohra Opoku</b><br/> + <i>The Myths of Eternal Life</i><br/> + Videografie & Sound Design: Zohra Opoku<br/> + Location: Unvollendete Leichenhalle, Accra, Ghana.<br/> + <br/> + <b>Nicole Foreshew</b><br/> + <i>Dhurany Yanggu</i>
(Botschaftslied des fließenden Wassers)<br/> + Location: Gumbaynggirr Country, Northern Tablelands und Northern Rivers Regionen von New South Wales, Australien.<br/> + Videografie & Sound Design: Nicole Foreshew<br/> + <br/> + <b>Jakrawal Nilthamrong</b><br/> + <i>Barn Burner</i> <br/> + Location: Chiang Mai, Thailand. <br/> + Videografie & Sound Design: Jakrawal Nilthamrong + `, + } +} + /* Sources:<br/> René Magritte, <i>The Glass Key (La clef de verre)</i>, 1959, oil on canvas.<br/> |