diff options
Diffstat (limited to 'frontend/site/projects/museum/views')
| -rw-r--r-- | frontend/site/projects/museum/views/credits.css | 72 | ||||
| -rw-r--r-- | frontend/site/projects/museum/views/credits.js | 57 |
2 files changed, 128 insertions, 1 deletions
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 ( <div className="page-credits"> + <div className="page-title">The Last Museum</div> + <div className="page-content"> + <div className="page-left"> + <div className="page-artists"> + {ARTIST_ORDER.map(key => ( + <div key={key}> + {ARTISTS[key].name} + </div> + ))} + </div> + <div className="build-credits"> + <div> + Designed by<br/> + <a href="https://sometimes-always.com/">Sometimes Always</a> + </div> + <div> + Developed by<br/> + <a href="https://asdf.us/">Jules LaPlace</a> + </div> + </div> + <div className="icons"> + {BerlinIcon} + {HatjeCantz} + {ATB} + </div> + <div className="curated-by"> + CURATED BY NADIM SAMMAN + </div> + </div> + <div className="page-right"> + <b>KW Institute for Contemporary Art</b><br/> + KUNST-WERKE BERLIN e. V.<br/> + Auguststraße 69<br/> + 10117 Berlin<br/> + Tel. +49 30 243459-0<br/> + Fax +49 30 243459-99<br/> + <a href="mailto:info@kw-berlin.de?subject=The+Last+Museum">info@kw-berlin.de</a><br/> + <br/> + Director: Krist Gruijthuijsen<br/> + Chairman: Olafur Eliasson<br/> + Register Court: Amtsgericht Charlottenburg<br/> + Responsible for Content in Accordance with § 10 Section 3 MDStV:<br/> + Krist Gruijthuijsen (Address see above)<br/> + <br/> + <b>Press Contact:</b><br/> + Natanja von Stosch<br/> + KW Institute for Contemporary Art<br/> + Tel. +49 30 243459 41<br/> + <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/> + <br/> + <b>Press Releases and Image Material:</b><br/> + <a href="https://kw-berlin.de/en/press">kw-berlin.de/en/press</a> + </div> + </div> </div> ) } |