mobile > index > project selected > Fixed: projects disapearing when hover on fix

assets/css/src/_mobile.scss

@@ -2,11 +2,10 @@
   :root {
     --slider-height: 66vh;
     --font-size-XL: 12.5vw;
-    --font-size-L: calc(var(--font-size-S) * 2) ;
+    --font-size-L: calc(var(--font-size-S) * 2);
     --font-size-S: 1rem;
   }
 
-
   .main-title {
     font-size: var(--font-size-XL);
     line-break: strict;
@@ -23,7 +22,8 @@
     bottom: 0;
     left: 0;
     width: 100%;
-    padding: var(--font-size-XL) var(--body-margin) var(--body-margin) var(--body-margin);
+    padding: var(--font-size-XL) var(--body-margin) var(--body-margin)
+      var(--body-margin);
     box-sizing: border-box;
   }
 
@@ -73,7 +73,7 @@
   #mobile-menu-wrapper {
     position: fixed;
     bottom: 0;
-    width: calc(100vw - var(--body-margin)*2);
+    width: calc(100vw - var(--body-margin) * 2);
     display: flex;
     justify-content: center;
     z-index: 4;
@@ -93,7 +93,7 @@
     margin: 0 auto;
   }
 
-  header:hover~main {
+  header:hover ~ main {
     opacity: 1;
     transition-duration: 0;
   }
@@ -130,9 +130,7 @@
     text-decoration: none;
   }
 
-
   body[data-template="home"] {
-
     .nav-item-home {
       text-decoration: underline;
     }
@@ -148,8 +146,6 @@
   }
 
   body[data-template="index"] {
-
-
     .close-button.closer {
       position: fixed;
       top: var(--slider-height);
@@ -160,7 +156,6 @@
       mix-blend-mode: difference;
       color: var(--mix-blend-color);
       min-height: 0 !important;
-
     }
 
     .close-button.closer::before {
@@ -178,12 +173,12 @@
 
     .fix {
       display: block;
-      .date{
+      .date {
         display: none;
       }
     }
 
-    .fix:hover+.toggle .project-slideshow-container {
+    .project:not(.selected) .fix:hover + .toggle .project-slideshow-container {
       display: none;
     }
 
@@ -250,11 +245,11 @@
       padding-bottom: calc(var(--font-size-XL));
     }
 
-    .selected .fix:hover+.toggle {
+    .selected .fix:hover + .toggle {
       display: block;
     }
 
-    .fix:hover+.toggle {
+    .fix:hover + .toggle {
       display: none;
     }
 
@@ -304,7 +299,6 @@
   }
 
   body[data-template="infos"] {
-
     main {
       padding-top: var(--line-height-S);
 
@@ -319,10 +313,8 @@
         .secondary-infos {
           margin-top: var(--line-height-S);
           max-width: 500px;
-
         }
       }
-
     }
   }
 }

assets/css/style.css

@@ -584,7 +584,7 @@ body[data-template=index] button.next {
   :root {
     --slider-height: 66vh;
     --font-size-XL: 12.5vw;
-    --font-size-L: calc(var(--font-size-S) * 2) ;
+    --font-size-L: calc(var(--font-size-S) * 2);
     --font-size-S: 1rem;
   }
   .main-title {
@@ -726,7 +726,7 @@ body[data-template=index] button.next {
   body[data-template=index] .fix .date {
     display: none;
   }
-  body[data-template=index] .fix:hover + .toggle .project-slideshow-container {
+  body[data-template=index] .project:not(.selected) .fix:hover + .toggle .project-slideshow-container {
     display: none;
   }
   body[data-template=index] header:has(+ main > .projects-index > .selected) {

site/controllers/home.php

@@ -11,9 +11,6 @@ return function($site) {
         $file     = $files->nth($i);
         $nextFile = $files->nth($i + 1);
 
-        dump($file->filename() . ' / type=' . $file->type());
-        dump($file->fileOrientation());
-
         $isPortrait = in_array($file->type(), ['image', 'video'], true) 
             && $file->fileOrientation() === 'portrait';
         $nextIsPortrait = $nextFile