From daee64ac0580b3571cc427a094633c300f024a48 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 28 Sep 2021 19:49:08 +0200
Subject: intro image

---
 public/assets/css/css.css | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

(limited to 'public')

diff --git a/public/assets/css/css.css b/public/assets/css/css.css
index a7cd0aa..0427766 100644
--- a/public/assets/css/css.css
+++ b/public/assets/css/css.css
@@ -38,7 +38,6 @@ a {
   box-sizing: border-box;
   width: 100%;
   height: 100%;
-  padding: 3rem 3rem;
   transition: opacity 0.2s;
   background: #333;
   opacity: 1;
@@ -46,11 +45,33 @@ a {
 .intro.done {
   opacity: 0;
 }
-.intro-video,
-.intro-video iframe {
+.intro-image {
+  position: absolute;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
+  background-size: cover;
+  background-position: center center;
+  transition: opacity 0.5s;
+  pointer-events: auto;
   cursor: pointer;
+  opacity: 1;
+}
+.intro-image.playing {
+  pointer-events: none;
+  opacity: 0;
+}
+.intro-video {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+  pointer-events: none;
+}
+.intro-video iframe {
+  width: 100%;
+  height: 100%;
   pointer-events: none;
 }
 
-- 
cgit v1.2.3-70-g09d2