add familly target side window

_layouts/default.html

@@ -65,12 +65,12 @@ <h2>About Us</h2>
     </div>
     <button id="open-side-window" onclick="toggleSideWindow()">☰</button>
 
-    <!-- For side image : our clients ?
+    <!-- For side image : familly plots -->
     <div class="image-container">
-      <iframe src="/assets/plots/Metric_non_nan.html" width="100%" height="400px"></iframe>
-      <figcaption> Metric Values counts </figcaption>
+      <iframe src="/assets/plots/umap_target_full.html" width="100%" height="400px"></iframe>
+      <figcaption> Umap Full: Familly coloration </figcaption>
     </div>
-  -->
+
 
     <div class="initial-content">
       {{ content }}

_sass/minimal-mistakes.scss

@@ -114,7 +114,7 @@
 .top-sliding-window {
   position: Absolute; 
   border-radius: 10px;
-  top: 9%; 
+  top: 10%; 
   width: 20%; 
   height: 600px; 
   background-color: #ffffff;
@@ -232,7 +232,7 @@ figcaption {
   padding: 10px; 
   background-color: #fff; 
   border: none;
-  top: 30%; 
+  bottom: 10%; 
   left: 2%;
 }
 

index.md

@@ -96,7 +96,7 @@ Now we consider some continous features and plot the ditrib :
 
 
 <div class="image-container2">
-  <button class="image-button"> chemchar </button>
+  <button class="image-button"> Chemical Features Distribution </button>
     <div class="image-box">
       <figure>
         <iframe src="/assets/plots/chemchar2.html" width="100%" height="400px"></iframe>
@@ -182,6 +182,7 @@ Let's look at our Big Matchmaker.
   </div>
 </div>
 
+
 # Special space for special guests
 
 As it turns out, being a matchmaking agency is no joke. We found our disappointed client listenting to _You Should Be Stronger Than Me_ by Amy Winehouse on repeat.