1 files changed, 126 insertions, 0 deletions
diff --git a/src/views/Credits.js b/src/views/Credits.js
new file mode 100644
index 0000000..9d8c43e
--- /dev/null
+++ b/src/views/Credits.js
@@ -0,0 +1,126 @@
+/**
+ * Credits
+ */
+
+import React from "react";
+
+export default function Credits({ visible, open, onToggle }) {
+  return (
+    <>
+      <div
+        className={visible ? "credits-link visible" : "credits-link"}
+        onClick={() => onToggle(true)}
+      >
+        Credits
+      </div>
+      <div className="inner">
+        <div className={open ? "credits visible" : "credits"}>
+          <div className="inner" onClick={(event) => event.stopPropagation()}>
+            <div className="row">
+              <div
+                className="column"
+                dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.site }}
+              />
+              <div
+                className="column"
+                dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.press }}
+              />
+              <div className="column">
+                <img
+                  className="close"
+                  src="/assets/img/close.svg"
+                  onClick={() => onToggle(false)}
+                />
+                <span
+                  dangerouslySetInnerHTML={{ __html: CREDITS_STRINGS.sponsors }}
+                />
+              </div>
+            </div>
+            <div className="row bibliography-title">
+              <h2>BIBLIOGRAPHY</h2>
+            </div>
+            <div className="bibliography">
+              <div
+                className="column"
+                dangerouslySetInnerHTML={{
+                  __html: CREDITS_STRINGS.bibliography1,
+                }}
+              />
+              <div
+                className="column"
+                dangerouslySetInnerHTML={{
+                  __html: CREDITS_STRINGS.bibliography2,
+                }}
+              />
+              <div
+                className="column"
+                dangerouslySetInnerHTML={{
+                  __html: CREDITS_STRINGS.bibliography3,
+                }}
+              />
+              <div
+                className="column"
+                dangerouslySetInnerHTML={{
+                  __html: CREDITS_STRINGS.bibliography4,
+                }}
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
+
+const CREDITS_STRINGS = {
+  site: `
+    <h2>CREDITS</h2>
+    <div class="credits-rows">
+      <div>
+        <div>Curator:</div> <a href="http://nadimsamman.com/" target="_blank">Nadim Samman</a>
+      </div>
+      <div>
+        <div>Developer:</div> <a href="https://asdf.us/" target="_blank">Jules LaPlace</a>
+      </div>
+      <div>
+        <div>Design:</div> <a href="https://www.stankievech.net/" target="_blank">Charles Stankievech</a>
+      </div>
+    </div>
+    <div>
+      Commissioned by:<br/>
+      <b>KW Institute for Contemporary Art</b><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/>
+      KW Institute for Contemporary Art is institutionally supported by the Senate Department for Culture and Europe, Berlin.<br/>
+    </div>
+  `,
+  press: `
+    <h2>No6092</h2>
+      Press Enquiries:<br/>
+      Natanja von Stosch<br/>
+      Tel. +49 30 243459 41<br/>
+      <a href="mailto:nvs@kw-berlin.de?subject=The+Last+Museum">nvs@kw-berlin.de</a><br/>
+      Press Releases and Image Material:<br/>
+      <a href="https://kw-berlin.de/en/press" target="_blank">kw-berlin.de/en/press</a>
+  `,
+  sponsors: `
+    <h2>SPONSORS</h2>
+    <a href="https://www.kw-berlin.de/" target="_blank"><img src="assets/img/kw-white.png"></a>
+  `,
+  bibliography1: `
+    Bibliography
+  `,
+  bibliography2: `
+    Bibliography
+  `,
+  bibliography3: `
+    Bibliography
+  `,
+  bibliography4: `
+    Bibliography
+  `,
+};