diff options
Diffstat (limited to 'frontend/site/projects/museum/views/essay.js')
| -rw-r--r-- | frontend/site/projects/museum/views/essay.js | 33 |
1 files changed, 26 insertions, 7 deletions
diff --git a/frontend/site/projects/museum/views/essay.js b/frontend/site/projects/museum/views/essay.js index 5e98822..8a0d2d4 100644 --- a/frontend/site/projects/museum/views/essay.js +++ b/frontend/site/projects/museum/views/essay.js @@ -1,4 +1,5 @@ import React, { Component } from 'react' +import { connect } from 'react-redux' import actions from 'site/actions' import "./artists.css" @@ -9,7 +10,7 @@ import { ArrowLeft, ArrowRight, Globe } from "site/projects/museum/icons" import { history } from "site/store" -export default class Essays extends Component { +class Essays extends Component { state = { currentIndex: 0, detail: false, @@ -23,6 +24,7 @@ export default class Essays extends Component { this.nextEssay = this.nextEssay.bind(this) this.close = this.close.bind(this) this.goHome = this.goHome.bind(this) + this.changeLanguage = this.changeLanguage.bind(this) } componentDidMount() { @@ -52,6 +54,10 @@ export default class Essays extends Component { history.push(`/last-museum/home/`) } + changeLanguage() { + actions.site.changeLanguage(this.props.language === "de" ? "en" : "de") + } + scrollToTop() { setTimeout(() => { Array.from(this.ref.current.querySelectorAll(".artist-detail")).forEach(el => { @@ -65,6 +71,7 @@ export default class Essays extends Component { } render() { + const { language } = this.props const { currentIndex, detail } = this.state return ( <div className="page page-artists page-essay" ref={this.ref}> @@ -85,6 +92,7 @@ export default class Essays extends Component { key={key} essayId={key} index={index} + language={language} isCurrent={detail && currentIndex === index} onClose={this.close} /> @@ -98,11 +106,25 @@ export default class Essays extends Component { <div className={detail ? "home-link black" : "home-link"} onClick={this.goHome}> Home </div> + <div className={detail ? "home-link language-link black" : "home-link language-link"} onClick={this.changeLanguage}> + {this.props.language === "de" ? ( + <span><b>de</b> / en</span> + ) : ( + <span>de / <b>en</b></span> + )} + </div> </div> ) } } +const mapStateToProps = state => ({ + interactive: state.site.interactive, + language: state.site.language, +}) + +export default connect(mapStateToProps)(Essays) + const EssayDetail = props => { switch (props.essayId) { case 'nadim': @@ -112,7 +134,7 @@ const EssayDetail = props => { } } -const ArtistStatements = ({ essayId, index, isCurrent, onClose }) => ( +const ArtistStatements = ({ essayId, index, isCurrent, language, onClose }) => ( <div className={isCurrent ? "artist-detail visible" : "artist-detail"}> <div className="page-title" onClick={onClose}>ARTIST STATEMENTS</div> <br /><br /> @@ -121,7 +143,7 @@ const ArtistStatements = ({ essayId, index, isCurrent, onClose }) => ( return ( <div key={key} className={key}> <div className="page-subtitle">{artist.name}</div> - <div className="page-content artist-statement" dangerouslySetInnerHTML={{ __html: artist.statement }} /> + <div className="page-content artist-statement" dangerouslySetInnerHTML={{ __html: language === 'de' ? artist.statement_de : artist.statement }} /> </div> ) })} @@ -134,7 +156,7 @@ const NadimEssay = ({ essayId, index, isCurrent, onClose }) => ( <div className="page-subtitle">By Nadim Samman</div> <div className="page-content"> <p> - <i>The Last Museum</i> is an exhibition that explores productive tensions between the putative ‘anywhere’ of the digital and its relation to local particulars. Deploying a hybrid offline-online format, the project invites an international group of artists to reimagine site-specificity, through a sequence of interventions that cut across both real and virtual domains. The artists are <b>Nora Al-Badri</b> (Germany/Iraq), <b>Juliana Cerqueira Leite</b> (Brazil), <b>Nicole Foreshew</b> (Wiradjuri Nation/Australia), <b>Jakrawal Nilthamrong</b> (Thailand), <b>Zohra Opoko</b> (Ghana), and <b>Charles Stankievech</b> (Canada). + <i>The Last Museum</i> is an exhibition that explores productive tensions between the putative ‘anywhere’ of the digital and its relation to local particulars. Deploying a hybrid offline-online format, the project invites an international group of artists to reimagine site-specificity, through a sequence of interventions that cut across both real and virtual domains. The artists are <b>Nora Al-Badri</b> (Germany/Iraq), <b>Juliana Cerqueira Leite</b> (Brazil), <b>Nicole Foreshew</b> (Wiradjuri Nation/Australia), <b>Jakrawal Nilthamrong</b> (Thailand), <b>Zohra Opoku</b> (Ghana), and <b>Charles Stankievech</b> (Canada). </p> <ArtistGlobe /> <p> @@ -161,9 +183,6 @@ const NadimEssay = ({ essayId, index, isCurrent, onClose }) => ( <p> At its core, The Last Museum explores how tangibility and distance interact, how things that seem fixed in place might (or do) escape in various forms. In a sense, then, it clear that we are dealing with an issue as old as art itself (albeit, employing contemporary tools). At least one of the exhibition’s artists, Zohra Opoku, explicitly takes up an art-historical precursor for the crossing of spatial and metaphysical thresholds. The Egyptian Book of the Dead is her inspiration for a series of interventions in a half-built mortuary in Accra, Ghana. Draped with screen-printed fabric, the unfinished site is (literally) shrouded in images that stimulate reflection on how stillness and passage come together. In this work and more, the <i>The Last Museum</i> hovers somewhere between life and death, lockdown and escape. </p> - <p> - The Last Museum launches 30 April and runs until 6 June 2021, at <a href="https://www.kw-berlin.de/" target="_blank">www.kw-berlin.de</a>. - </p> </div> </div> ) |