From a852b97060727428b8be55717b9dca4149f4368a Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 29 Jan 2019 20:39:26 +0100
Subject: add modal

---
 site/assets/css/splash.css | 38 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 38 insertions(+)

(limited to 'site/assets/css')

diff --git a/site/assets/css/splash.css b/site/assets/css/splash.css
index eef3126f..238139a4 100644
--- a/site/assets/css/splash.css
+++ b/site/assets/css/splash.css
@@ -13,6 +13,7 @@ footer {
   background: transparent;
   position: absolute;
   bottom: 0; left: 0;
+  padding: 20px;
 }
 footer div {
   z-index: 2;
@@ -26,10 +27,47 @@ footer > div {
   padding: 3px;
   border-radius: 2px;
 }
+header .links a.activeLink {
+  color: white;
+  border-bottom-color: white;
+}
 .splash {
 }
 #three_container {
   position: absolute;
   top: 0; left: 0;
   width: 100%; height: 100%;
+}
+
+.about.open {
+  pointer-events: auto;
+  opacity: 1;
+  cursor: pointer;
+}
+.about {
+  position: absolute;
+  top: 0; left: 0;
+  width: 100%; height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: rgba(0,0,0,0.5);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 400ms;
+  overflow-y: scroll;
+}
+.about .inner {
+  padding: 40px;
+  background: #000;
+  color: #eee;
+  max-width: 600px;
+  line-height: 1.5;
+  cursor: text;
+}
+.about .inner b {
+  color: #fff;
+}
+.about a {
+  color: #fff;
 }
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2