From aeb5cfb3c79a9b64fe5f6f5ed38bbd36f4b01014 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 2 Apr 2021 17:23:38 +0200 Subject: credits page --- frontend/site/projects/museum/icons.js | 88 +++++++++++++++++++++++++ frontend/site/projects/museum/views/credits.css | 72 +++++++++++++++++++- frontend/site/projects/museum/views/credits.js | 57 ++++++++++++++++ 3 files changed, 216 insertions(+), 1 deletion(-) diff --git a/frontend/site/projects/museum/icons.js b/frontend/site/projects/museum/icons.js index c4bdd68..210a371 100644 --- a/frontend/site/projects/museum/icons.js +++ b/frontend/site/projects/museum/icons.js @@ -11,3 +11,91 @@ export const ArrowRight = ( ) + + +export const BerlinIcon = ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const HatjeCantz = ( + + + + + + + + + + + + +) + +export const ATB = ( + + + + + +) diff --git a/frontend/site/projects/museum/views/credits.css b/frontend/site/projects/museum/views/credits.css index 4576e1d..5b560d6 100644 --- a/frontend/site/projects/museum/views/credits.css +++ b/frontend/site/projects/museum/views/credits.css @@ -1 +1,71 @@ -.page-credits {} +.app > div.page-credits { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow-y: auto; + color: #FF790D; + font-size: 1.2vmax; + font-family: "Helvetica", sans-serif; +} +.page-credits a { + color: #FF790D; + text-decoration: none; +} +.page-title { + font-family: 'Druk'; + font-style: italic; + text-transform: uppercase; + font-size: 14vw; + text-align: center; + line-height: 1; + white-space: nowrap; +} +.page-content { + margin-left: 6rem; + width: calc(100vw - 12rem); + display: flex; + flex-direction: row; + justify-content: space-around; +} +.page-left { + display: flex; + flex-direction: column; + justify-content: space-between; + width: 66%; + height: 100%; +} +.page-right { + width: 33%; +} +.page-credits .curated-by, +.page-artists div { + text-align: center; + font-family: 'Druk Wide', sans-serif; + text-transform: uppercase; + font-size: 2vw; +} +.build-credits { + display: flex; + flex-direction: row; + justify-content: space-around; + padding: 1vw 0; +} +.build-credits div { + width: 20vw; +} +.build-credits div a { + font-weight: bold; +} +.page-credits .icons { + padding: 1vw 0; + text-align: center; +} +.page-credits .icons svg { + height: 4vmax; + margin-right: 2vmax; +} +.page-credits .curated-by { + margin-top: 1vw; +} diff --git a/frontend/site/projects/museum/views/credits.js b/frontend/site/projects/museum/views/credits.js index 8dc78d5..e7b8626 100644 --- a/frontend/site/projects/museum/views/credits.js +++ b/frontend/site/projects/museum/views/credits.js @@ -3,6 +3,9 @@ import actions from 'site/actions' import "./credits.css" +import { BerlinIcon, HatjeCantz, ATB } from "site/projects/museum/icons" +import { ARTISTS, ARTIST_ORDER } from "site/projects/museum/constants" + export default class Credits extends Component { constructor(props) { super(props) @@ -22,6 +25,60 @@ export default class Credits extends Component { render() { return (
+
The Last Museum
+
+
+
+ {ARTIST_ORDER.map(key => ( +
+ {ARTISTS[key].name} +
+ ))} +
+
+
+ Designed by
+ Sometimes Always +
+
+ Developed by
+ Jules LaPlace +
+
+
+ {BerlinIcon} + {HatjeCantz} + {ATB} +
+
+ CURATED BY NADIM SAMMAN +
+
+
+ KW Institute for Contemporary Art
+ KUNST-WERKE BERLIN e. V.
+ Auguststraße 69
+ 10117 Berlin
+ Tel. +49 30 243459-0
+ Fax +49 30 243459-99
+ info@kw-berlin.de
+
+ Director: Krist Gruijthuijsen
+ Chairman: Olafur Eliasson
+ Register Court: Amtsgericht Charlottenburg
+ Responsible for Content in Accordance with § 10 Section 3 MDStV:
+ Krist Gruijthuijsen (Address see above)
+
+ Press Contact:
+ Natanja von Stosch
+ KW Institute for Contemporary Art
+ Tel. +49 30 243459 41
+ nvs@kw-berlin.de
+
+ Press Releases and Image Material:
+ kw-berlin.de/en/press +
+
) } -- cgit v1.2.3-70-g09d2