menu

assets/css/pages/_home.scss

@@ -43,6 +43,10 @@
         grid-column: span 2;
         text-align: center;
         margin-bottom: calc(var(--spacing)*2);
+
+        border: 2px solid currentColor;
+        border-radius: var(--radius-btn);
+        padding: 1ch calc(var(--spacing)*0.5);
     }
 
     .baseline {
@@ -58,11 +62,6 @@
         .taxon:hover{
             outline: 3px solid var(--color-txt);
         }
-
-        // .taxon:hover{
-        //     border-color: red!important;
-            
-        // }
     }
 
     .species-list .title{
@@ -71,19 +70,11 @@
         color: var(--data-color-light);
     }
 
-
-}
-
-
-
-
-.slideshow {
-    width: 100%;
-    height: calc(var(--unit)*13);
-
-    figure {
-        height: calc(var(--unit)*11);
+    .section--content{
+        width: 100%;
     }
+
+
 }
 
 
@@ -91,6 +82,8 @@
 
 
 
+
+
 #home__hero {
     margin-bottom: 0;
     padding-bottom: calc(var(--unit)*1.5) !important;
@@ -104,6 +97,7 @@
 
     .section--title {
         // font-size: 3.6em;
+        border: none;
 
         margin-bottom: calc(var(--unit)*1.5);
         // color: var(--color-orange);
@@ -226,56 +220,17 @@
 }
 
 
-.slideshow-scroll{
-    width: 100vw;
-    position: relative;
-    left: calc((100vw - var(--max-w-home))*-0.5);
-    padding-bottom: 20px;
-   
-    overflow-y: scroll;
-    @include hide-scrollbar();
-    margin-top: calc(var(--spacing) * 4);
-    margin-bottom: calc(var(--spacing) * 4);
-
-    .slideshow-scroll__warpper{
-        // padding-left: calc((100vw - var(--max-w-home))*0.5);
-        padding-left: var(--padding-body);
-        display: flex;
-        gap: var(--padding-inner);
-
-
-        .slideshow-item{
-            flex-shrink: 0;
-            figure{
-                height: 420px;
-                 width: 100%;
-               img{
-                width: 100%;
-                aspect-ratio: 5/3;
-                }
-            }
-        }
-        &::after{
-            content: "........................................";
-            display: block;
-            width: calc((100vw - var(--max-w-home))*1);
-            color: transparent;
-        }
-    }
-}
 
 
 
 .screenshot-booklet{
+
     display: flex;
-    --size-page: 340px;
     --gap: var(--padding-inner);
     gap: var(--gap);
-    width: calc(var(--size-page)*5 + var(--gap)*2);
+      width: 100%;
 
-    .cover, .page{
-        width: 300px;
-     
+    .cover, .page{     
         img{
                border: 0.5px solid var(--color-txt-light);
             width: 100%;
@@ -292,4 +247,15 @@
         
     }
 
+}
+
+
+.slider-flex{
+    display: flex;
+    min-height: 500px;
+    background-color: #efefef;
+   
+    .item{
+        display: none;
+    }
 }