Deployed e9e96a0 with MkDocs version: 1.5.3

css/custom.css

@@ -137,11 +137,12 @@ table {
 .md-typeset__table {
     width: 100%;
 }
-
+/*
 .md-nav--primary .md-nav__title {
     background: none !important;
     box-shadow: none !important;
 }
+*/
 
 .md-typeset table:not([class]) {
     display: table;
@@ -347,6 +348,10 @@ span {
 .flex-gif .button-style {
     margin-top: -40px;
     margin-bottom: 10px;
+    z-index: 10;
+    position: absolute;
+    left: 0;
+    right: 0;
 }
 
 .caroussel {

css/grid.css

@@ -110,10 +110,11 @@ span.important {
     top: calc(50% - var(--size) / 2);
     left: calc(50% - var(--size) / 2);
     width: var(--size);
-    transition: all 0.3s ease-in-out;
+    transition: all 0.25s ease-in-out;
     opacity: 0;
     z-index: 1000;
     transform: translate(0px, 0px);
+    border-radius: 10px;
 }
 
 summary span {

index.html

@@ -21425,10 +21425,6 @@
 
 
 
-<div style="position:absolute; left:-2vw; top:-5vh; opacity:0.1; z-index:-10">
-    <img src="assets/lens.png" style="width:30vw">
-</div>
-
 <div style="display: flex;" class="container-title">
 <div class="page-title" style="text-align:left; flex: 0 0 55%">
 
@@ -21516,25 +21512,25 @@ <h1 style="text-align: left; font-weight: bold; color: inherit; margin-bottom: 0
 </div>
 
 <div class="flex-gif gallery-gif" style="font-size:1.0em">
-  <div class="gif-intro">
+  <div class="gif-intro" style="position: relative">
     <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/green_snake.mp4" type="video/mp4">
     </video>
     <div class="button-style"> <a href="classes/green%20mamba/"> 🐍 Green snake  » </a> </div>
   </div>
-  <div class="gif-intro">
+  <div class="gif-intro" style="position: relative">
     <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/granny.mp4" type="video/mp4">
     </video>
     <div class="button-style"> <a href="classes/Granny%20Smith/"> 🍏 Granny smith » </a> </div>
   </div>
-  <div class="gif-intro">
+  <div class="gif-intro" style="position: relative">
     <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/chainsaw.mp4" type="video/mp4">
     </video>
     <div class="button-style"> <a href="classes/chain%20saw/"> 🪚 Chainsaw » </a> </div>
   </div>
-  <div class="gif-intro">
+  <div class="gif-intro" style="position: relative">
     <video loop="true" autoplay="autoplay" muted>
       <source src="assets/videos/tennis.mp4" type="video/mp4">
     </video>

js/custom.js

@@ -76,12 +76,3 @@ function go_random_class(){
     window.location.href = href;
 }
 
-var js,
-fjs = document.getElementsByTagName("head")[0];
-var isios = (navigator.userAgent.match(/iPad|iPhone|iPod/i)); 
-if(isios) { 
-js = document.createElement("meta");
-js.httpEquiv = "Content-Security-Policy";
-js.content = "script-src 'unsafe-inline'"; 
-fjs.appendChild(js, fjs); }
-