credits page

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>
     )
   }