summaryrefslogtreecommitdiff
path: root/frontend
diff options
context:
space:
mode:
Diffstat (limited to 'frontend')
-rw-r--r--frontend/app/views/tile/tile.utils.js6
-rw-r--r--frontend/site/projects/museum/constants.js28
-rw-r--r--frontend/site/projects/museum/views/artists.css4
-rw-r--r--frontend/site/projects/museum/views/nav.css14
-rw-r--r--frontend/site/projects/museum/views/nav.overlay.js17
5 files changed, 48 insertions, 21 deletions
diff --git a/frontend/app/views/tile/tile.utils.js b/frontend/app/views/tile/tile.utils.js
index f172545..dc19540 100644
--- a/frontend/app/views/tile/tile.utils.js
+++ b/frontend/app/views/tile/tile.utils.js
@@ -49,7 +49,6 @@ export const generateVideoStyle = (tile, bounds) => {
style.height = "auto"
break
case 'cover':
- style.backgroundSize = tile.settings.video_style
if (tile.settings.width && (tile.settings.width / tile.settings.height) > (bounds.width / bounds.height)) {
style.width = Math.round((tile.settings.width / tile.settings.height) * bounds.height)
style.height = bounds.height
@@ -59,7 +58,6 @@ export const generateVideoStyle = (tile, bounds) => {
}
break
case 'contain':
- style.backgroundSize = tile.settings.video_style
if (tile.settings.width && (tile.settings.width / tile.settings.height) > (bounds.width / bounds.height)) {
style.width = bounds.width
style.height = Math.round((tile.settings.height / tile.settings.width) * bounds.width)
@@ -85,9 +83,7 @@ export const unitsDimension = (tile, dimension, bounds, videoBounds) => {
}
export const videoUnits = (value, bounds, videoBounds) => (
- (videoBounds.backgroundSize === "contain")
- ? Math.round(value / videoBounds.height * bounds.height) + 'px'
- : Math.round(value / videoBounds.width * bounds.width) + 'px'
+ Math.round(value * bounds.width / videoBounds.width) + 'px'
)
export const hexToRgb = (hex) => {
diff --git a/frontend/site/projects/museum/constants.js b/frontend/site/projects/museum/constants.js
index 501b7f1..f9d0c33 100644
--- a/frontend/site/projects/museum/constants.js
+++ b/frontend/site/projects/museum/constants.js
@@ -5,7 +5,7 @@ export const ARTISTS = {
start: "nora-1",
bio: `
<p>
- Nora Al-Badri is a multi-disciplinary and conceptual media artist with a German-Iraqi background. She graduated in political sci- ences at Johann Wolfgang Goethe University in Frankfurt/Main and is currently the first artist-in-residence at the Swiss Federal Institute for Technology (EPFL) and its Laboratory for Experi- mental Museology (eM+). Her practice focuses on the politics and the emancipatory potential of new technologies such as machine intelligence or data sculpting, non-human agency and transcendence. She has exhibited in the Viktoria and Albert Mu- seums’ Applied Arts Pavilion at La Biennale di Venezia, 3rd De- sign Biennal Istanbul, ZKM Karlsruhe, Science Gallery, Dublin. Berliner Herbstsalon - Gorki Theater, Ars Electronica, Abandon Normal Devices, The Influencers, etc. Al-Badri regularly gives classes and lectures at universities and museums all over the world such as Techne Institute at University of Buffalo, MassArt Boston, UDK university Berlin, Hochschule Weissensee Berlin, KTH Royal Institute of Technology Stockholm, University of Hal- le and IRIBA Center for Multimedia Heritage and different Kigali, Warburg Institute and Central Saint Martins College London, UCL London, Einstein Center for Digital Future Berlin. Haus der elektronischen Künste Basel, Mozilla Festival and many more. She is acting as jury member for the Chaos Communication Congress’ Arts & Culture Track, the jury of Berlinale Peace Price from Heinrich Böll Foundation (2019) and the jury of the Digital Academy Dortmund (2019).
+ Nora Al-Badri is a multi-disciplinary and conceptual media artist with a German-Iraqi background. She graduated in political sciences at Johann Wolfgang Goethe University in Frankfurt/Main and is currently the first artist-in-residence at the Swiss Federal Institute for Technology (EPFL) and its Laboratory for Experimental Museology (eM+). Her practice focuses on the politics and the emancipatory potential of new technologies such as machine intelligence or data sculpting, non-human agency and transcendence. She has exhibited in the Viktoria and Albert Museums' Applied Arts Pavilion at La Biennale di Venezia, 3rd Design Biennal Istanbul, ZKM Karlsruhe, Science Gallery, Dublin. Berliner Herbstsalon - Gorki Theater, Ars Electronica, Abandon Normal Devices, The Influencers, etc. Al-Badri regularly gives classes and lectures at universities and museums all over the world such as Techne Institute at University of Buffalo, MassArt Boston, UDK university Berlin, Hochschule Weissensee Berlin, KTH Royal Institute of Technology Stockholm, University of Halle and IRIBA Center for Multimedia Heritage and different Kigali, Warburg Institute and Central Saint Martins College London, UCL London, Einstein Center for Digital Future Berlin. Haus der elektronischen Künste Basel, Mozilla Festival and many more. She is acting as jury member for the Chaos Communication Congress' Arts & Culture Track, the jury of Berlinale Peace Price from Heinrich Böll Foundation (2019) and the jury of the Digital Academy Dortmund (2019).
</p>
`,
image: "",
@@ -20,9 +20,7 @@ export const ARTISTS = {
start: "leite-chapter-1",
bio: `
<p>
- Juliana Cerqueira Leite (b. 1981) is a Brazilian/American sculptor based in New York and Sao Paolo. Cerqueira Leite received the 2019 Pollock-Krasner Foundation Grant for her exhibition Oro- genesis at the National Archaeological Museum in Naples, Italy. She was awarded the 2016 Furla Art Prize for her contribution to the 5th Moscow Young Art Biennale. She has exhibited her work in sculpture, drawing, photography and video internationally in solo shows in venues including Instituto Tomie Ohtake in São Paulo, Arsenal Contemporary in New York and Montreal, Galeria Casa Triângulo in São Paulo, Alma Zevi gallery in Venice, Gal- leria Lorcan O’Neill in Rome, TJ Boulting in London and Regina Rex Gallery in New York.
- </p><p>
- She has also exhibited her work in group shows and biennials including Hordaland Kunstsenter for Bergen Assembly, Sculpture Center in New York, Ilmin Museum in Seoul, Marres House for Contemporary Culture in Maastricht, and Saatchi Gallery in London. Her work has been commis- sioned by international Biennials and Triennials including The Antarctic Pavilion of the 2017 Venice Biennale, Bergen Assem- bly 2019, Moscow Young Art Biennale, Marrakech Biennale and the 2014 Vancouver Sculpture Biennial. Cerqueira Leite gradu- ated from the Slade School of Fine Art (UCL) Graduate Sculp- ture program in 2006, London, as the inaugural recipient of the Kenneth Armitage Sculpture Prize.
+ Juliana Cerqueira Leite (b. 1981) is a Brazilian/American sculptor based in New York and Sao Paolo. Cerqueira Leite received the 2019 Pollock-Krasner Foundation Grant for her exhibition Orogenesis at the National Archaeological Museum in Naples, Italy. She was awarded the 2016 Furla Art Prize for her contribution to the 5th Moscow Young Art Biennale. She has exhibited her work in sculpture, drawing, photography and video internationally in solo shows in venues including Instituto Tomie Ohtake in São Paulo, Arsenal Contemporary in New York and Montreal, Galeria Casa Triângulo in São Paulo, Alma Zevi gallery in Venice, Galleria Lorcan O’Neill in Rome, TJ Boulting in London and Regina Rex Gallery in New York. She has also exhibited her work in group shows and biennials including Hordaland Kunstsenter for Bergen Assembly, Sculpture Center in New York, Ilmin Museum in Seoul, Marres House for Contemporary Culture in Maastricht, and Saatchi Gallery in London. Her work has been commissioned by international Biennials and Triennials including The Antarctic Pavilion of the 2017 Venice Biennale, Bergen Assembly 2019, Moscow Young Art Biennale, Marrakech Biennale and the 2014 Vancouver Sculpture Biennial. Cerqueira Leite graduated from the Slade School of Fine Art (UCL) Graduate Sculpture program in 2006, London, as the inaugural recipient of the Kenneth Armitage Sculpture Prize.
</p>
`,
image: "",
@@ -35,7 +33,11 @@ export const ARTISTS = {
name: "Nicole Foreshew",
location: "Australia",
start: "foreshew-1",
- bio: `<p>Bio coming soon</p>`,
+ bio: `
+ <p>
+ Nicole Foreshew (b. 1982) lives and works Urunga, New South Wales, Wiradjuri Nation. Nicole Foreshew is a Wiradjuri artist, writer and curator. Her practice incorporates mediums including photography, video and sculpture through which she maintains an ongoing thematic exploration of her heritage through contemporary and innovative frameworks. Foreshew has exhibited widely in Australia and internationally, including Primavera 2017: Young Australian Artists, MCA (2017); Mulunma (Within, Inside), Manly Art Gallery and Museum (2016); Old Land New Marks, Dubbo Regional Gallery (2016); Sixth Sense, National Art School Gallery, National Art School, Sydney (2016); Shimmer, Tarnanthi, Festival of Contemporary Aboriginal and Torres Strait Islander Art, Adelaide, South Australia (2015); Wiradjuri Ngurambanggu, Murray Art Museum Albury (2015); Hereby Make Protest, Carriageworks, Sydney (2014); Shadowlife, Bendigo Art Gallery (2013); Born in Darkness Before Dawn, a major public artwork commission for Place Projections, Eora Journey, a City of Sydney arts initiative, (2013) and Maamungun Compatriots, Lalit Kala Akademi, New Delhi, India (2012). Foreshew is the recipient of a number of public commissions, including Wynscreen, Transport for NSW, Wynyard Walk, Sydney (2017) and Eora Journey, City of Sydney (2014). In 2014 she was awarded a NSW Aboriginal Art Fellowship from Arts NSW to undertake her work titled Grounded: Earth’s materials, processes and structures, which won the prestigious NSW Aboriginal Parliamentary Prize. In 2015 Foreshew was Curatorial Fellow at the Museum of Contemporary Art Australia, and guest curator for Primavera 2015, the MCA’s annual exhibition of young Australian artists aged 35 and under. Her works are held in a number of state and regional galleries across Australia including the Murray Art Museum, Albury, Museum of Contemporary Art Australia, Sydney and National Gallery of Australia, Canberra.
+ </p>
+ `,
image: "",
globePosition: {
top: "68%",
@@ -46,7 +48,11 @@ export const ARTISTS = {
name: "Charles Stankievech",
location: "Canada",
start: "stankievech-1",
- bio: `<p>Bio coming soon</p>`,
+ bio: `
+ <p>
+ Charles Stankievech (b. 1978, Canada) is an artist whose research has explored issues such as the notion of “fieldwork” in the embedded landscape, the military industrial complex, and the history of technology. His diverse body of work has been shown internationally at the Louisiana Museum, Copenhagen; Palais de Tokyo, Paris; Haus der Kulturen der Welt, Berlin; MassMoca, Massachussetts; Musée d’art contemporain de Montréal; Canadian Centre for Architecture; and the Venice Architecture and SITE Santa Fe Biennales. His lectures for Documenta 13 and the 8th Berlin Biennale were as much performance as pedagogy while his writing has been published in academic journals by MIT and Princeton Architectural Press. His idiosyncratic and obsessively researched curatorial projects include Magnetic Norths at the Leonard & Bina Ellen Gallery, Concordia University and CounterIntelligence at the Justina M. Barnicke Gallery, University of Toronto. From 2010-2011 (and again currently from 2014-15) he was hired as a private contractor for the Department of National Defense where he conducted independent research in intelligence operations under the rubric of the CFAP.  He was a founding faculty member of the Yukon School of Visual Arts in Dawson City, Canada and is currently an Assistant Professor in the Daniels Faculty of Architecture, Landscape and Design at the University of Toronto. Since 2011, he has been co-director of the art and theory press K. Verlag in Berlin.
+ </p>
+ `,
image: "",
globePosition: {
top: "15%",
@@ -57,7 +63,9 @@ export const ARTISTS = {
name: "Jakrawal Nilthamrong",
location: "Thailand",
start: "nilthamrong-home",
- bio: `<p>Bio coming soon</p>`,
+ bio: `<p>
+ Jakrawal Nilthamrong (b. 1977) is Thai artist and filmmaker based in Bangkok. He holds a MFA in Art and Technology Studies. In 2007, he was an artist-in-residence at the Rijksakademie in Amsterdam. Jakrawal Nilthamrong’s work spans from short films, documentary films to video installations and feature films. The themes of his work often relate to Eastern philosophy in contemporary context and local history of specific environments to establish dialogue among multiple perspectives. His has been shown in international film festivals including Rotterdam, Berlinale, Toronto and Yamagata, as well as exhibitions at 2012 Taipei Biennial and 2014 SeMA Biennale Mediacity Seoul, it is collected by institutions including Kadaist.
+ </p>`,
image: "",
globePosition: {
top: "39%",
@@ -68,7 +76,11 @@ export const ARTISTS = {
name: "Zohra Opoku",
location: "Mortuary (Unfinished), Accra, Ghana",
start: "opoku-1-hail-to-you",
- bio: `<p>Bio coming soon</p>`,
+ bio: `
+ <p>
+ Zohra Opoku (b. 1976) is an artist of Ghanaian and German descent based in Accra, Ghana. Opoko’s practice examines the formation of personal identities, particularly in the context of contemporary Ghana, with a special interest in textiles and dress codes within the context of West Africa’s complex history. While her work relays social commentary and broadly relevant themes around the human experience, each of Zohra’s explorations is intimately rooted in personal identity politics. Exhibited internationally, Zohra Opoku has shown work in association with Mariane Ibrahim Gallery (Chicago), Gallery 1957 (Accra), Nubuke Foundation (Accra), Centre for Contemporary Art (Lagos), !Kauru African Contemporary Art (Johannesburg), Commune.1 (Cape Town), Kunsthaus Hamburg (Hamburg), Iwalewahaus (Bayreuth), Musée de l ́Ethnographie (Bourdeax), Guggenheim Museum (Bilbao), Kunsthal (Rotterdam), Broad Art Museum (Michigan State University) and Museum for Photography (Chicago). Her recent residencies include Institute Sacatar Salvador da Bahia, Brazil; Art Dubai Residents, United Arab Emirates and Black Rock Dakar, Senegal.  
+ </p>
+ `,
image: "",
globePosition: {
top: "44%",
diff --git a/frontend/site/projects/museum/views/artists.css b/frontend/site/projects/museum/views/artists.css
index a98d619..929c10f 100644
--- a/frontend/site/projects/museum/views/artists.css
+++ b/frontend/site/projects/museum/views/artists.css
@@ -105,7 +105,7 @@
padding-bottom: 4vh;
padding-left: 2vw;
padding-right: 2vw;
- width: 50vw;
+ width: 100vw;
font-size: 1.5vw;
line-height: 1.4;
}
@@ -120,7 +120,7 @@
background-position: center right;
width: 50vw;
height: 100vh;
- background: #222222;
+ /*background: #222222;*/
pointer-events: none;
}
.page-artists .artist-location {
diff --git a/frontend/site/projects/museum/views/nav.css b/frontend/site/projects/museum/views/nav.css
index c9bd36e..cb21046 100644
--- a/frontend/site/projects/museum/views/nav.css
+++ b/frontend/site/projects/museum/views/nav.css
@@ -21,7 +21,7 @@
width: 100%;
height: 5rem;
/*color: black;*/
- color: white;
+ color: rgba(255, 121, 13, 1.0);
}
.footer-gradient {
position: absolute;
@@ -48,7 +48,7 @@
.nav-arrow path {
fill: transparent;
- stroke: white;
+ stroke: rgba(255, 121, 13, 1.0);
stroke-width: 2px;
}
.nav-arrow.arrow-left {
@@ -64,7 +64,7 @@
width: 100%;
white-space: nowrap;
text-align: center;
- padding-bottom: 0.5rem;
+ padding-bottom: 0.75rem;
transition: transform 0.15s;
transform: translateY(3rem);
}
@@ -86,10 +86,18 @@
user-select: none;
}
+.footer.with-artist.instant .footer-gradient,
+.footer.with-artist.instant .nav-arrow,
+.footer.with-artist.instant .artist-desc {
+ transition: transform 0s;
+}
+.footer.with-artist.visible .nav-arrow,
+.footer.with-artist.visible .artist-desc,
.footer.with-artist:hover .nav-arrow,
.footer.with-artist:hover .artist-desc {
transform: translateY(0);
}
+.footer.with-artist.visible .footer-gradient,
.footer.with-artist:hover .footer-gradient {
transform: translateY(0);
}
diff --git a/frontend/site/projects/museum/views/nav.overlay.js b/frontend/site/projects/museum/views/nav.overlay.js
index bd7812e..8c0a356 100644
--- a/frontend/site/projects/museum/views/nav.overlay.js
+++ b/frontend/site/projects/museum/views/nav.overlay.js
@@ -22,6 +22,7 @@ export default class NavOverlay extends Component {
constructor(props) {
super(props)
+ this.footerRef = React.createRef()
this.previousArtist = this.previousArtist.bind(this)
this.nextArtist = this.nextArtist.bind(this)
this.goHome = this.goHome.bind(this)
@@ -62,6 +63,7 @@ export default class NavOverlay extends Component {
})
}
else if (pathkey in ARTISTS) {
+ const shouldShowFooter = this.state.currentArtist !== pathkey
this.setState({
showHome: true,
showFooter: true,
@@ -69,7 +71,7 @@ export default class NavOverlay extends Component {
showCounter: pathkey === 'nilthamrong',
currentArtist: pathkey,
artist: ARTISTS[pathkey],
- })
+ }, () => shouldShowFooter && this.quicklyShowFooter())
} else {
this.setState({
showHome: false,
@@ -82,6 +84,15 @@ export default class NavOverlay extends Component {
}
}
+ quicklyShowFooter() {
+ clearTimeout(this.footerTimeout)
+ // this.footerRef.current.classList.add("instant")
+ this.footerRef.current.classList.add("visible")
+ this.footerTimeout = setTimeout(() => {
+ this.footerRef.current.classList.remove("visible")
+ }, 5000)
+ }
+
previousArtist() {
this.go(-1)
}
@@ -116,7 +127,7 @@ export default class NavOverlay extends Component {
{showCounter && <Counter />}
{showFooter && (
showArtist ? (
- <div className="footer with-artist">
+ <div className="footer with-artist" ref={this.footerRef}>
<div className="footer-gradient" />
<div className="artist-desc">
<span className="artist-name">{artist.name}</span>
@@ -126,7 +137,7 @@ export default class NavOverlay extends Component {
<div className="nav-arrow arrow-right" onClick={this.nextArtist}>{ArrowRight}</div>
</div>
) : (
- <div className="footer no-artist" />
+ <div className="footer no-artist" ref={this.footerRef} />
)
)}
<TextOverlay location={this.props.location} match={this.props.match} />
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 11:34:34 +0000