credits

3 files changed, 147 insertions, 6 deletions

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index efd21df..3778cab 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -8,6 +8,9 @@ body {
   background: black;
   font-family: "Spectral", serif;
 }
+a {
+  color: white;
+}
 .scene-tooltip {
   background: black;
   color: white !important;
@@ -123,12 +126,6 @@ body {
   font-size: 1rem;
   line-height: 1.75;
 }
-.detail .description p {
-  text-indent: 2rem;
-}
-.detail .description p:first-of-type {
-  text-indent: 0;
-}
 
 /** Image galleries */
 
@@ -182,3 +179,133 @@ body {
   align-items: center;
   justify-content: space-evenly;
 }
+
+/** Quote */
+
+.quote {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 1rem 1.5rem;
+  font-size: 0.875rem;
+  color: #fff;
+  transition: opacity 0.2s;
+  opacity: 0;
+  pointer-events: none;
+}
+.quote.visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+.quote div {
+  text-align: right;
+}
+.quote div:last-child {
+  margin-top: 0.875rem;
+}
+
+/** Title */
+
+.site-title {
+  position: absolute;
+  left: 50%;
+  top: 0;
+  transform: translateX(-50%);
+  color: #fff;
+  transition: opacity 0.2s;
+  opacity: 0;
+  pointer-events: none;
+  margin-top: 1rem;
+}
+.site-title.visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+/** Credits */
+
+.credits-link {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  color: #fff;
+  transition: opacity 0.2s;
+  margin: 1rem 1.5rem;
+  opacity: 0;
+  pointer-events: none;
+  cursor: pointer;
+}
+.credits-link.visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.credits {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  overflow-y: scroll;
+  background: rgba(64, 64, 64, 0.8);
+  color: #fff;
+  transition: opacity 0.2s;
+  opacity: 0;
+  pointer-events: none;
+}
+.credits.visible {
+  opacity: 1;
+  pointer-events: auto;
+}
+.credits .inner {
+  padding: 3rem;
+}
+.credits .row,
+.credits .bibliography {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  justify-content: space-evenly;
+}
+.credits .row .column {
+  width: 33%;
+  padding: 1rem 1.5rem;
+  position: relative;
+}
+.credits .bibliography-title {
+  margin-top: 3rem;
+}
+.credits .bibliography .column {
+  width: 25%;
+  padding: 1rem 1.5rem;
+}
+.credits h2 {
+  width: 100%;
+  text-align: center;
+  font-weight: normal;
+  font-size: 1rem;
+  margin-top: 0;
+  padding-top: 0;
+  margin-bottom: 1rem;
+}
+.credits-rows {
+  margin-bottom: 1rem;
+}
+.credits-rows > div {
+  display: flex;
+  flex-direction: row;
+}
+.credits-rows > div > div:first-child {
+  width: 33%;
+}
+.credits img {
+  height: 75px;
+}
+.credits .close {
+  position: absolute;
+  top: 1rem;
+  right: 1.5rem;
+  cursor: pointer;
+  height: 1.5rem;
+}
diff --git a/public/assets/css/fonts.css b/public/assets/css/fonts.css
index a4fecb5..9a569be 100644
--- a/public/assets/css/fonts.css
+++ b/public/assets/css/fonts.css
@@ -1,3 +1,4 @@
+/*
 @font-face {
   font-family: "Spectral";
   src: url("../fonts/spectral/Spectral-Regular.ttf");
@@ -9,3 +10,16 @@
   src: url("../fonts/spectral/Spectral-Italic.ttf");
   font-style: italic;
 }
+*/
+
+@font-face {
+  font-family: "Spectral";
+  src: url("../fonts/spectral/Spectral-Medium.ttf");
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Spectral";
+  src: url("../fonts/spectral/Spectral-MediumItalic.ttf");
+  font-style: italic;
+}
diff --git a/public/assets/img/kw-white.png b/public/assets/img/kw-white.png
new file mode 100644
index 0000000..1755edb
--- /dev/null
+++ b/public/assets/img/kw-white.png