infinite scrolling + email hack

web/demodar/index.html

@@ -190,8 +190,22 @@
     </div>
 
 
-    <div class="container-fluid bg-black px-0">
-        <img src="assets/720.webp" class="parallax">
+    <div class="container-fluid bg-black px-0 z-1 position-relative overflow-hidden">
+        <img src="assets/720.webp" class="parallax z-0">
+        <div class="looping z-1 position-absolute top-50 start-0 arsenal-sc-bold">
+            <p class="loop">
+                <span>thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla •
+                    thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla •
+                    thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla
+                    • thedarlla • thedarlla • thedarlla • thedarlla •&nbsp;</span>
+            </p>
+            <p class="loop loop2">
+                <span>thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla •
+                    thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla •
+                    thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla • thedarlla
+                    • thedarlla • thedarlla • thedarlla • thedarlla •&nbsp;</span>
+            </p>
+        </div>
         <!-- <img src="img/Thecheriemag - TG - @FrenzyLeaked (545).jpeg" class="parallax"> -->
     </div>
 
@@ -214,14 +228,17 @@
     </div>
 
     <div class="background-video end">
-        <div class="container d-sm-flex gap-4 gap-sm-1 gap-md-4 my-0 px-0 px-sm-0 px-md-4">
+        <div class="container d-flex gap-4 gap-sm-1 gap-md-4 my-0 px-0 px-sm-0 px-md-4">
             <div class="d-flex align-items-md-center">
-                <div class="mx-4 mx-md-0 my-4 my-md-0 arsenal-sc-regular fs-2 text-center min-height w-100">
+                <div id="contact-block" class="mx-4 mx-md-0 my-4 my-md-0 arsenal-sc-regular fs-2 text-center min-height w-100">
                     <div style="font-size: 3rem; line-height: 1;" class="" data-rellax-speed="-5.5">
                         CONTACT ME:</div>
-                    <div class="" data-rellax-speed="4" style="line-height: 1;"><a id="email"
-                            href="mailto:[email protected]?subject=Hi!"
-                            class="playwrite-cl-100">[email protected]</a></div>
+                    <div class="z-1" data-rellax-speed="4" style="line-height: 1;">
+                        <a id="email" href="mailto:[email protected]?subject=Hi!"
+                            class="playwrite-cl-100 z-1">[email protected]</a>
+                    </div>
+                    <p class="fakeemail playwrite-cl-400 invisible z-0" style="transform: translateY(-100%)">
+                        [email protected]</p>
 
                 </div>
             </div>