From 0e3e9564eb6ffe04ed4cc5cf6791f7db59e7f13b Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 7 Sep 2021 21:31:54 +0200
Subject: interactions working

---
 frontend/site/projects/museum/views/petros.nav.css | 42 +++++++++++++++++++---
 1 file changed, 38 insertions(+), 4 deletions(-)

(limited to 'frontend/site/projects/museum/views/petros.nav.css')

diff --git a/frontend/site/projects/museum/views/petros.nav.css b/frontend/site/projects/museum/views/petros.nav.css
index e59d85d..554d690 100644
--- a/frontend/site/projects/museum/views/petros.nav.css
+++ b/frontend/site/projects/museum/views/petros.nav.css
@@ -1,15 +1,49 @@
 .petros-left {
   position: absolute;
   bottom: 70px;
-  left: 30px;
+  left: 40px;
+  cursor: pointer;
+  opacity: 0.0;
+  transition: opacity 0.2s;
+  pointer-events: none;
 }
 .petros-right {
   position: absolute;
   bottom: 70px;
-  right: 30px;
+  right: 40px;
+  cursor: pointer;
+  opacity: 0.0;
+  transition: opacity 0.2s;
+  pointer-events: none;
 }
 .petros-text {
   position: absolute;
-  top: 20px;
-  right: 20px;
+  top: 40px;
+  right: 40px;
+  cursor: pointer;
+  opacity: 0.0;
+  transition: opacity 0.2s;
+  pointer-events: none;
+}
+
+.petros-left.visible,
+.petros-right.visible,
+.petros-text.visible {
+  opacity: 1.0;
+  pointer-events: auto;
+}
+
+.petros-subtitle {
+  position: absolute;
+  bottom: 70px;
+  left: 50%;
+  transform: translateX(-50%);
+  max-width: calc(100vw - 400px);
+  text-align: center;
+  font-family: 'Druk Wide', sans-serif;
+  font-size: 2vw;
+  pointer-events: none;
+  color: #fff;
+  text-shadow: 0 0 3px #fff;
+  transition: opacity 0.2s;
 }
-- 
cgit v1.2.3-70-g09d2