description updated

js/denoise_l3expl.js

@@ -238,7 +238,7 @@ d3.select("#latent-denoiser-l3-expl-text-container")
         .text("(1) generic noise conditioned on an empty prompt")
 d3.select("#latent-denoiser-l3-expl-text-container")
     .append("div")
-        .text("(2) prompt-specific noise conditioned on your text prompt.")
+        .text("(2) noise conditioned on your text prompt.")
         .style("padding-bottom", "8px")
 d3.select("#latent-denoiser-l3-expl-text-container")
     .append("div")

js/function.js

@@ -1515,13 +1515,14 @@ function expandLatentDenoiserL3 () {
     d3.select("#latent-denoiser-container")
         .transition()
         .duration(animationDuration)
-            .style("height", "383px")
+            // .style("height", "383px")
+            .style("height", "363px")
 
     // Change the height of main
     d3.select("#architecture-wrapper")
         .transition()
             .duration(animationDuration)
-            .style("height", "515px")
+            .style("height", "495px")
 
     // hide guidance scale expl ...
     d3.select("#text-vector-generator-latent-denoiser-text")

js/text_l2expl.js

@@ -21,6 +21,8 @@ document.addEventListener("mouseup", (e) => {
         // else if (e.clientY > descriptionBox.y) {}
         // else {reduceTextVectorGeneratorL2();}
         else if (document.querySelector("#architecture-container-hide-button-container:hover") != null) {}
+        else if (document.querySelector(".controller-button-circle:hover") != null) {}
+        else if (document.querySelector("#controller-timestep-slider-container:hover") != null) {}
         else if (e.clientX > mainLeft && e.clientX < mainRight && e.clientY > mainTop && e.clientY < mainBottom) {reduceTextVectorGeneratorL2();}
         else {}
     }

style.css

@@ -156,7 +156,7 @@ svg {
 }
 
 /* main */
-@media screen and (max-height: 767px) {
+@media screen and (max-height: 700px) {
     #main {
         position: relative;
         /* display: block;
@@ -169,7 +169,7 @@ svg {
     }
 }
 
-@media screen and (min-height: 768px) {
+@media screen and (min-height: 701px) {
     #main {
         position: sticky;
         /* display: block;
@@ -1393,7 +1393,7 @@ input:checked + .slider:before {
     position: absolute;
     left: 690px;
     height: 300px;
-    width: 530px;
+    width: 553px;
     background-image: linear-gradient(to right, #ffffff00, #ffffff80, #ffffffff, #ffffffff, #ffffffff);
     opacity: 0;
     z-index: 11;
@@ -2433,17 +2433,25 @@ input:checked + .slider:before {
 }
 
 .description-gif {
-    width: 500px;
+    width: 400px;
     position: relative;
     left: 50%;
     transform: translateX(-50%);
     box-shadow: 0px 0px 15px #80808030
 }
 
+#text-representation-generation-expansion-gif {
+    width: 550px;
+}
+
 #image-refining-description-gif {
     width: 650px;
 }
 
+#rcv-expansion-gif {
+    width: 700px;
+}
+
 #description h1 {
     font-size: 32px;
     font-weight: 400;