From 016036df37ef9dbbbec97e76bc5ec3996ed08d17 Mon Sep 17 00:00:00 2001
From: BFlat <bombayapirat@gmail.com>
Date: Fri, 3 Jun 2022 03:50:11 +0100
Subject: [PATCH] firehose feed animation

---
 templates/fakeyou/firehose.html | 44 +++++++++++++++++++++++++++++----
 1 file changed, 39 insertions(+), 5 deletions(-)

diff --git a/templates/fakeyou/firehose.html b/templates/fakeyou/firehose.html
index 3701c1c6ba..31fd5c9223 100644
--- a/templates/fakeyou/firehose.html
+++ b/templates/fakeyou/firehose.html
@@ -165,6 +165,43 @@
           >
           completed TTS
         </div>
+        <div class="panel p-3 p-lg-3 load-hidden">
+          <i class="fa-solid fa-flag-checkered me-4"></i>Anonymous user
+          completed TTS
+        </div>
+        <div class="panel p-3 p-lg-3 load-hidden">
+          <i class="fa-solid fa-flag-checkered me-4"></i>Anonymous user
+          completed TTS
+        </div>
+        <div class="panel p-3 p-lg-3 load-hidden">
+          <i class="fa-solid fa-play me-4"></i
+          ><a class="text-link"
+            ><img
+              class="lb-profile me-2"
+              src="assets/Profile_avatar_placeholder_large.png"
+              alt=""
+            />justinjohn0306</a
+          >
+          started TTS
+        </div>
+        <div class="panel p-3 p-lg-3 load-hidden">
+          <i class="fa-solid fa-flag-checkered me-4"></i>Anonymous user
+          completed TTS
+        </div>
+        <div class="panel p-3 p-lg-3 load-hidden">
+          <i class="fa-solid fa-play me-4"></i>Anonymous user started TTS
+        </div>
+        <div class="panel p-3 p-lg-3 load-hidden">
+          <i class="fa-solid fa-flag-checkered me-4"></i
+          ><a class="text-link"
+            ><img
+              class="lb-profile me-2"
+              src="assets/Profile_avatar_placeholder_large.png"
+              alt=""
+            />bflatastic</a
+          >
+          completed TTS
+        </div>
       </div>
 
       <div class="container">
@@ -235,11 +272,8 @@
     ></script>
 
     <script>
-      ScrollReveal().reveal(".ani1", { delay: 100, distance: "20px" });
-      ScrollReveal().reveal(".ani2", { delay: 200, distance: "20px" });
-      ScrollReveal().reveal(".ani3", { delay: 250, distance: "20px" });
-      ScrollReveal().reveal(".ani4", { delay: 150, distance: "20px" });
-      ScrollReveal().reveal(".panel", { delay: 0, distance: "100px" });
+      var nodeList = document.querySelectorAll(".panel");
+      ScrollReveal().reveal(nodeList, { distance: "50px", interval: 60 });
     </script>
 
     <script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>