diff options
| -rw-r--r-- | frontend/site/projects/museum/constants.js | 9 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/home.css | 19 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/home.js | 19 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/jakrawal.links.js | 10 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/petros.nav.css | 4 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/petros.nav.js | 2 |
6 files changed, 39 insertions, 24 deletions
diff --git a/frontend/site/projects/museum/constants.js b/frontend/site/projects/museum/constants.js index 346c384..1af94c7 100644 --- a/frontend/site/projects/museum/constants.js +++ b/frontend/site/projects/museum/constants.js @@ -23,16 +23,16 @@ export const ARTISTS = { }, statement: { en: `<p> - <i>Oracle</i> is set in a derelict textile factory in Laurium, a seaside town in Attica that used to be a significant silver mine territory since antiquity, the main source of ancient Athenian wealth and naval power. Those mines were reworked from the late 19th century to the 1980’s for ore extraction, an activity that left its grave environmental impact on the area’s soil to this day. Once part of the local industrial economy that collapsed before the turn of the millennium, this industrial ruin was recently leaked to be the future site of a data center complex to be built by one of the so-called “Big Five” multinational information technology corporations, for the purpose of running dedicated Cloud, IoT and AI services. + Oracle is set in a derelict textile factory in Laurium, a seaside town in Attica that used to be a significant silver mine territory since antiquity, the main source of ancient Athenian wealth and naval power. Those mines were reworked from the late 19th century to the 1980’s for ore extraction, an activity that left its grave environmental impact on the area’s soil to this day. Once part of the local industrial economy that collapsed before the turn of the millennium, this industrial ruin was recently leaked to be the future site of a data center complex to be built by one of the so-called “Big Five” multinational information technology corporations, for the purpose of running dedicated Cloud, IoT and AI services. </p> <p> - Sculptural appearances inhabit the entropic spaces of this industrial ghost site, hybrids between human-resembling and non-human facial forms, seeding from chimeric compositions between archaeological photogrammetric scans and online-found threedimensional models referencing contemporary technocultures. Their metallic materiality reflects the local geological heritage and the mineral composition of the electronic hardware that enables the uncanny machinic intelligence of computational operations. The interface of <i>Oracle</i> is permeated by a haunting soundtrack composed by Bill Kouligas, and becomes infiltrated by formations of visual coding and synthetic language generated by predictive models of simulated mutation and automated apophenia. + Sculptural appearances inhabit the entropic spaces of this industrial ghost site, hybrids between human-resembling and non-human facial forms, seeding from chimeric compositions between archaeological photogrammetric scans and online-found threedimensional models referencing contemporary technocultures. Their metallic materiality reflects the local geological heritage and the mineral composition of the electronic hardware that enables the uncanny machinic intelligence of computational operations. The interface of Oracle is permeated by a haunting soundtrack composed by Bill Kouligas, and becomes infiltrated by formations of visual coding and synthetic language generated by predictive models of simulated mutation and automated apophenia. </p> <p> The physical and psychic underground space is still the origin of such forms of contemporary oracular production, where the ancient practices of hallucination deriving from subterranean chemical fumes gave their place to the extractivism of minerals and psychosocial data that feeds the deep-dreaming of the algorithmic Cloud. </p> <p> - As a place of memory and a place to become, an assemblage of mythological, historical, and technological entities, a generative process, or a resulting outcome left for interpretation, <i>Oracle</i> becomes a mediative entanglement of collapsing timelines, of imaginaries and anxieties bound to technological, socioeconomic and environmental transformation. + As a place of memory and a place to become, an assemblage of mythological, historical, and technological entities, a generative process, or a resulting outcome left for interpretation, Oracle becomes a mediative entanglement of collapsing timelines, of imaginaries and anxieties bound to technological, socioeconomic and environmental transformation. </p>`, de: `<p> <i>Oracle</i> befindet sich in einer verfallenen Textilfabrik in der attikanischen Küstenstadt Lavrio, in der seit der Antike Silber abgebaut wurde. Lange Zeit Quelle des Reichtums und der Seemacht Athens, wurden die Minen im späten 19. Jahrhundert zur Erzgewinnung umgewidmet - mit gravierenden Folgen für die Umwelt. Um die Jahrtausendwende brach diese Industrie zusammen. Die Zukunft der verbliebenen riesigen Ruinen ist ungewiss. Angeblich will hier demnächst ein multinationales IT-Unternehmen der "Big Five" ein Rechenzentrum für spezialisierte Cloud-, IoT- und KI-Dienste bauen. <i>Oracle</i> zeigt eine andere Option für den Standort auf. Konzeptionell zwischen der Vergangenheit und der Zukunft von Lavrio angesiedelt, interagiert die Arbeit mit dem Kontext und thematisiert den Mythos des Orakels in der griechischen Kultur. @@ -477,6 +477,9 @@ export const ESSAY_TEXTS = { <b>Jakrawal Nilthamrong</b>’s contribution is set in Thailand’s northern mountainous region near Chiang Mai, a site recently devastated by annual wildfires which envelop the area in a choking haze. Set among burning fields, his interventions reconstruct the type of time-release release burners built by arsonists, whose purposes in setting the blazes are heavily contested and politicized. Scenes of fire creeping up the mountainside transition automatically in step with a numeric real-time count of world population shown at the edge of the video. Speculatively linking the fires to global population growth, Nilthamrong indicts the ecological and economic pressures impinging on local actors—farmers, foragers, and residents. Mesmerizing images of fire onscreen offer a smokeless encounter with the incendiary contradictions of a contemporary social-economic order that pits basic human subsistence against environmental sustainability on a planetary scale. What is emphasized here through the modest figure of a clothes peg clipped to a tangle of wires is the technological mediation of these tensions. </p> <p> + <b>Petros Moris</b>’ <i>Oracle</i>, is set in a derelict textile factory in Laurium—a seaside town in Attica, associated with silver mining since antiquity. In the late 19th Century its mines were re-worked for ore extraction, with grave environmental consequences. Later, at the turn of the millennium, this industry collapsed and its massive industrial facilities laid in ruin, awaiting an uncertain future. Moris’ new work responds to that future: According to leaked information, the site will soon house a data-center complex to be built by a major technology corporation (for the purpose of running Cloud, IoT and AI services). Conceptually locating his work between Larium’s past and its future, the artist’s new commission is a powerful response to the context – and to the mythos of the oracle in Greek culture. <i>Oracle’s</i> sculptures inhabit the entropic spaces of Larium’s industrial ghost site. Resembling hybrids between human and non-human faces, these objects borrow from archaeological photogrametric scans and ‘found’ three-dimensional models gathered online. Their metallic sheen reflects the local geological heritage, while interactive icons deliver computer generated text oracles. + </p> + <p> This project was conceived during the first wave of COVID-19, amid heightened tensions between the conditions of physical lockdown and globe-spanning telecommunication. Although utterly international, its production required no travel for persons or artworks. Through the artistic positions and interactive staging, <i>The Last Museum</i> explores the drama of site-specificity in light of <i>the digitization of place and its re-presentation online.</i> Rather than being a one-off exhibition, <i>The Last Museum</i> will ‘tour’ as a pop-up window on the start pages of partner institutions for fixed periods. In line with the project’s rejection of an ‘anywhere, anytime’ web imaginary, each touring iteration will acquire a new chapter—with an additional artist/site from the host institution’s country added to the navigable chain. As long as our colleagues’ are interested, it is possible that <i>The Last Museum</i> may tour and grow indefinitely—like the content of the web itself. </p> `, diff --git a/frontend/site/projects/museum/views/home.css b/frontend/site/projects/museum/views/home.css index bad8e4f..1852b97 100644 --- a/frontend/site/projects/museum/views/home.css +++ b/frontend/site/projects/museum/views/home.css @@ -88,12 +88,20 @@ html { opacity: 1; white-space: nowrap; transition: opacity 0.2s; - width: 50vw; - font-size: 3vh; + width: 96vw; + font-size: 2.9vh; position: absolute; text-align: center; + left: 2vw; bottom: 6vh; + display: flex; + flex-flow: row wrap; + justify-content: space-around; } +.home-artists div { + width: 32vw; +} + .home-message { font-family: "Druk Wide", sans-serif; opacity: 0.0; @@ -131,12 +139,17 @@ html { opacity: 0; transition: opacity 0.2s; } -.artists-left { + +/*.artists-left { left: 0; } +.artists-center { + left: 33.3vw; +} .artists-right { left: 50vw; } +*/ .byline-top { top: 1vh; left: 0; diff --git a/frontend/site/projects/museum/views/home.js b/frontend/site/projects/museum/views/home.js index 86e53c7..877e0c7 100644 --- a/frontend/site/projects/museum/views/home.js +++ b/frontend/site/projects/museum/views/home.js @@ -71,7 +71,7 @@ class Home extends Component { } else { this.ref.current.className = "home orange-text orange-bg open" setTimeout(() => { - history.push("/thelastmuseum/petros-1") + history.push("/thelastmuseum/stankievech-1") }, FLASH_TIME) } } @@ -86,15 +86,14 @@ class Home extends Component { <div className="home-byline byline-top">KW PRESENTS</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 /> - JULIANA CERQUEIRA LEITE<br /> - NORA AL-BADRI - </div> - <div className="home-artists artists-right"> - CHARLES STANKIEVECH<br /> - JAKRAWAL NILTHAMRONG<br /> - ZOHRA OPOKU + <div className="home-artists"> + <div>CHARLES STANKIEVECH</div> + <div>NORA AL-BADRI</div> + <div>JULIANA CERQUEIRA LEITE</div> + <div>ZOHRA OPOKU</div> + <div>NICOLE FORESHEW</div> + <div>PETROS MORIS</div> + <div>JAKRAWAL NILTHAMRONG</div> </div> <div className="home-byline byline-bottom">CURATED BY NADIM SAMMAN</div> <div className="home-message"> diff --git a/frontend/site/projects/museum/views/jakrawal.links.js b/frontend/site/projects/museum/views/jakrawal.links.js index 991b43b..226a77f 100644 --- a/frontend/site/projects/museum/views/jakrawal.links.js +++ b/frontend/site/projects/museum/views/jakrawal.links.js @@ -55,7 +55,7 @@ class JakrawalLinks extends Component { const page_partz = page_name.split("-") const isJakrawal = page_partz[0] === 'nilthamrong' - if (!isJakrawal || page_partz[1] === 'home') { + if (!isJakrawal || page_partz[1] === 'petros-1') { clearTimeout(this.autoadvanceTimeout) clearTimeout(this.timeout) this.setState({ @@ -70,7 +70,7 @@ class JakrawalLinks extends Component { this.setState({ ...RESET_STATE, curtain: true, - verticalLink: "home", + verticalLink: "petros-1", }) clearTimeout(this.timeout) this.timeout = setTimeout(() => { @@ -81,7 +81,7 @@ class JakrawalLinks extends Component { const partz = page_partz[1].split("") const isOnA = partz[0] === 'a'; const lateralLink = (isOnA ? 'b' : 'a') + partz[1] - const verticalLink = lateralLink === 'a8' ? "home" : partz[0] + (parseInt(partz[1]) + 1) + const verticalLink = lateralLink === 'a8' ? "petros-1" : partz[0] + (parseInt(partz[1]) + 1) this.setState({ left: !isOnA, right: isOnA, @@ -111,8 +111,8 @@ class JakrawalLinks extends Component { } goVertical() { this.setState({ vertical: false }) - if (this.state.verticalLink === 'home') { - history.push(`/thelastmuseum/home`) + if (this.state.verticalLink === 'petros-1') { + history.push(`/thelastmuseum/petros-1`) } else { history.push(`/thelastmuseum/nilthamrong-${this.state.verticalLink}`) } diff --git a/frontend/site/projects/museum/views/petros.nav.css b/frontend/site/projects/museum/views/petros.nav.css index 2dd3c29..a23c657 100644 --- a/frontend/site/projects/museum/views/petros.nav.css +++ b/frontend/site/projects/museum/views/petros.nav.css @@ -30,8 +30,8 @@ .petros-text svg { pointer-events: none; - width: 130px; - height: 131px; + width: 100px; + height: 101px; } .petros-text svg path { fill: none; diff --git a/frontend/site/projects/museum/views/petros.nav.js b/frontend/site/projects/museum/views/petros.nav.js index 7c7dbd2..a3965af 100644 --- a/frontend/site/projects/museum/views/petros.nav.js +++ b/frontend/site/projects/museum/views/petros.nav.js @@ -60,7 +60,7 @@ const TEXT_LOAD_TIMEOUT = 6000 * FASTFORWARD const SHOW_NAV_TIMEOUT = 2000 * FASTFORWARD const TEXT_HIDE_TIMEOUT = 7000 * FASTFORWARD -const SUBTITLE_COUNT = 12 +const SUBTITLE_COUNT = 250 const TIME_PER_WORD = 250 |