summaryrefslogtreecommitdiff
path: root/frontend/site/projects/museum/views
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2021-04-15 18:20:13 +0200
committerJules Laplace <julescarbon@gmail.com>2021-04-15 18:20:13 +0200
commit5dc81aead9385555281e2945dc7a2b1f6f53d6fe (patch)
treeb360bc52afe71b4464bd313f7866b58e01bbcbca /frontend/site/projects/museum/views
parente1581c8c079f9110929fb18290f98c22a70e19a0 (diff)
typo
Diffstat (limited to 'frontend/site/projects/museum/views')
-rw-r--r--frontend/site/projects/museum/views/credits.css2
-rw-r--r--frontend/site/projects/museum/views/credits.js6
-rw-r--r--frontend/site/projects/museum/views/essay.css1
-rw-r--r--frontend/site/projects/museum/views/essay.js8
-rw-r--r--frontend/site/projects/museum/views/nav.overlay.js2
-rw-r--r--frontend/site/projects/museum/views/subtitles.css6
-rw-r--r--frontend/site/projects/museum/views/subtitles.overlay.js4
-rw-r--r--frontend/site/projects/museum/views/text.overlay.css10
8 files changed, 24 insertions, 15 deletions
diff --git a/frontend/site/projects/museum/views/credits.css b/frontend/site/projects/museum/views/credits.css
index 92b1017..73343f7 100644
--- a/frontend/site/projects/museum/views/credits.css
+++ b/frontend/site/projects/museum/views/credits.css
@@ -67,7 +67,7 @@
flex-direction: row;
}
.credits-rows > div > div:first-child {
- width: 100px;
+ width: 33%;
}
.page-right .column {
width: calc(66% - 0.5rem);
diff --git a/frontend/site/projects/museum/views/credits.js b/frontend/site/projects/museum/views/credits.js
index 6187209..8e91ea5 100644
--- a/frontend/site/projects/museum/views/credits.js
+++ b/frontend/site/projects/museum/views/credits.js
@@ -39,10 +39,10 @@ export default class Credits extends Component {
<div>Curator:</div> <a href="http://nadimsamman.com/">Nadim Samman</a>
</div>
<div>
- <div>Design:</div> <a href="https://sometimes-always.com/">Sometimes Always</a>
+ <div>Developer:</div> <a href="https://asdf.us/">Jules LaPlace</a>
</div>
<div>
- <div>Developer:</div> <a href="https://asdf.us/">Jules LaPlace</a>
+ <div>Design:</div> <a href="https://sometimes-always.com/">Sometimes Always</a>
</div>
</div>
<div>
@@ -98,7 +98,7 @@ export default class Credits extends Component {
<div className="column">
<b>Zohra Opoku</b><br/>
<i>The Myths of Eternal Life</i><br/>
- Videography & Sound Design: Zohra Opoko<br/>
+ Videography & Sound Design: Zohra Opoku<br/>
Location: Unfinished mortuary, Accra, Ghana.<br/>
<br/>
<b>Nicole Foreshew</b><br/>
diff --git a/frontend/site/projects/museum/views/essay.css b/frontend/site/projects/museum/views/essay.css
index 3de705d..24917fd 100644
--- a/frontend/site/projects/museum/views/essay.css
+++ b/frontend/site/projects/museum/views/essay.css
@@ -8,6 +8,7 @@
}
.page-essay .page-title {
cursor: pointer;
+ font-size: 10vw;
}
.page-essay .page-subtitle {
margin: 0rem 0 2vw 0;
diff --git a/frontend/site/projects/museum/views/essay.js b/frontend/site/projects/museum/views/essay.js
index 0a70c4e..e271934 100644
--- a/frontend/site/projects/museum/views/essay.js
+++ b/frontend/site/projects/museum/views/essay.js
@@ -102,7 +102,7 @@ const EssayDetail = props => {
const NadimEssay = ({ essayId, index, isCurrent, onClose }) => (
<div className={isCurrent ? "artist-detail visible" : "artist-detail"}>
- <div className="page-title" onClick={onClose}>The L<span>ast Museum</span></div>
+ <div className="page-title" onClick={onClose}>About The L<span>ast Museum</span></div>
<div className="page-subtitle">By Nadim Samman</div>
<div className="page-content">
<p>
@@ -116,7 +116,7 @@ const NadimEssay = ({ essayId, index, isCurrent, onClose }) => (
Each artist was commissioned to author a sculptural group, to be installed at an outdoor site of their own choosing. The choice was only limited by a request that it be associated with communication and connectivity. Final choices ended up highlighting both technical and more esoteric forms of transmission—and included a notorious hacker hangout (Berlin’s C-base), ancestral land in rural Australia, a down-at-heel electronics mall in downtown Sao Paolo, a neutrino observatory in the Rocky Mountains, and more.
</p>
<p>
- Each sculptural intervention was videoed by the artists, and the resulting clips (from all over the world) were handed over to a digital artist, <a href="https://asdf.us/">Jules LaPlace</a>, who brought them together through a digital way-finding protocol; the exhibition’s ‘hang’. The public outcome, debuting as a pop-up window on the KW start page, is a website experience that unfolds as an interactive sequence of objects and places, navigable using bespoke tools. At times, these tools amount to additional (digital) artworks. Visitors will have a sense that that the exhibition is a wormhole, of sorts.
+ Each sculptural intervention was videoed by the artists, and the resulting clips (from all over the world) were handed over to a digital artist, <a href="https://asdf.us/" target="_blank">Jules LaPlace</a>, who brought them together through a digital way-finding protocol; the exhibition’s ‘hang’. The public outcome, debuting as a pop-up window on the KW start page, is a website experience that unfolds as an interactive sequence of objects and places, navigable using bespoke tools. At times, these tools amount to additional (digital) artworks. Visitors will have a sense that that the exhibition is a wormhole, of sorts.
</p>
<p>
Some of the featured locations are associated with infrastructure and the World Wide Web, others include waterways and climate. Uniting these seemingly disparate aspects, a conceptual leitmotif of visually <i>grounding</i> planetary networks and other globe-spanning systems will be evident. Call it a <i>web-site-specific</i> project—in the sense that both art and exhibition design re-imagines the stakes of ‘site-specificity’ for digital times. What this means is that <i>The Last Museum</i>’s ‘site’ is a layered reality or (to borrow a term from computational engineering) a ‘Stack’. Our exhibition-stack encompasses material facts on the ground, digital code, and softer site specificities—including those previously outlined by the art historian Miwon Kwon, such as ‘cultural debates, a theoretical concept, a historical condition, even particular formations of desire’. Each artwork in <i>The Last Museum</i> is a kind of a vector that intersects with all of the stack’s layers.
@@ -131,10 +131,10 @@ const NadimEssay = ({ essayId, index, isCurrent, onClose }) => (
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. When the exhibition opens, audiences will not have to travel to view it. While the development of such a format is not supposed to replace gallery experience, it is at least suggestive for how to approach a growing question in the museum sector: namely, how do analog artworks and digital space can come together a meaningful way? In fact, this is only half of the question: We must also explore how digital artworks can relate to analog space. <i>The Last Museum</i> attempts to work on both problems at the same time, creatively, playing with the issue of translation and re-representation in a bi-directional manner.
</p>
<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 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 Opoko, 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.
+ 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>.
+ 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>
diff --git a/frontend/site/projects/museum/views/nav.overlay.js b/frontend/site/projects/museum/views/nav.overlay.js
index 69cc67a..c2bd94b 100644
--- a/frontend/site/projects/museum/views/nav.overlay.js
+++ b/frontend/site/projects/museum/views/nav.overlay.js
@@ -137,6 +137,7 @@ export default class NavOverlay extends Component {
</div>
)}
{showCounter && <Counter />}
+ <TextOverlay location={this.props.location} match={this.props.match} />
{showFooter && (
showArtist ? (
<div className="footer with-artist" ref={this.footerRef}>
@@ -152,7 +153,6 @@ export default class NavOverlay extends Component {
<div className="footer no-artist" ref={this.footerRef} />
)
)}
- <TextOverlay location={this.props.location} match={this.props.match} />
<SubtitlesOverlay location={this.props.location} match={this.props.match} />
</div>
)
diff --git a/frontend/site/projects/museum/views/subtitles.css b/frontend/site/projects/museum/views/subtitles.css
index c790259..059acec 100644
--- a/frontend/site/projects/museum/views/subtitles.css
+++ b/frontend/site/projects/museum/views/subtitles.css
@@ -13,11 +13,13 @@
.subtitles {
position: absolute;
- bottom: 5rem;
+ bottom: 4rem;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
- color: rgba(255, 121, 13, 1.0);
+ color: white;
+ text-shadow: 0 0 6px #000;
+ /*color: rgba(255, 121, 13, 1.0);*/
font-family: "Druk Wide";
font-size: 1.66vw;
}
diff --git a/frontend/site/projects/museum/views/subtitles.overlay.js b/frontend/site/projects/museum/views/subtitles.overlay.js
index c31a2fd..6d5a32a 100644
--- a/frontend/site/projects/museum/views/subtitles.overlay.js
+++ b/frontend/site/projects/museum/views/subtitles.overlay.js
@@ -6,9 +6,9 @@ import { SUBTITLES } from '../subtitles.js'
import './subtitles.css'
const TITLE_SHOW_DELAY = 1000
-const TITLE_HIDE_DELAY = 10000
+const TITLE_HIDE_DELAY = 6000
const FIRST_SUBTITLE_DELAY = 3000
-const SUBTITLE_DELAY = 3000
+const SUBTITLE_DELAY = 3500
const LAST_SUBTITLE_DELAY = 5000
class SubtitlesOverlay extends Component {
diff --git a/frontend/site/projects/museum/views/text.overlay.css b/frontend/site/projects/museum/views/text.overlay.css
index 3e4ac21..4c67361 100644
--- a/frontend/site/projects/museum/views/text.overlay.css
+++ b/frontend/site/projects/museum/views/text.overlay.css
@@ -14,9 +14,10 @@
height: 100vh;
color: #FF790D;
font-family: "Druk Wide", sans-serif;
- font-size: 1.5vw;
+ font-size: 1.3vw;
padding: 1rem 10vw 1rem 1rem;
cursor: url(/last-museum/static/uploads/3/cursor/The_Last_Museum_-_Symbols-72.png) 50 50, pointer;
+ overflow: auto;
}
.text-overlay::-webkit-scrollbar {
background: transparent;
@@ -29,7 +30,12 @@
margin: 0 0 1rem 0;
line-height: 1.7;
}
+.text-overlay p:last-child {
+ margin-bottom: 4rem;
+}
.text-overlay h2 {
font-family: 'Druk Wide', sans-serif;
- font-size: 3vw;
+ font-size: 1.7vw;
+ margin-bottom: 1rem;
+ margin-top: 2rem;
}