From b19cc31fa12fe1e5971d8bca3f984236e45b5881 Mon Sep 17 00:00:00 2001 From: HauErn Lien <lienhe81@gmail.com> Date: Tue, 1 Oct 2024 12:07:05 +0000 Subject: [PATCH] Update file tryhomepage.html --- wiki/pages/tryhomepage.html | 60 +++++++++++++++++++------------------ 1 file changed, 31 insertions(+), 29 deletions(-) diff --git a/wiki/pages/tryhomepage.html b/wiki/pages/tryhomepage.html index ef9bc990..866da6e4 100644 --- a/wiki/pages/tryhomepage.html +++ b/wiki/pages/tryhomepage.html @@ -85,6 +85,36 @@ </style> + +<script> + let intro = document.querySelector('.intro'); + let logo = document.querySelector('.logoheader'); + let logoSpan = document.querySelectorAll('.logo'); + + window.addEventListener('DOMContentLoaded', ()=>{ + setTimeout(()=>{ + logoSpan.forEach((span, idx)=>{ + setTimeout(()=>{ + span.classList.add('active'); + }, (idx+1) * 400) + }); + + setTimeout(()=>{ + logoSpan.forEach((span, idx)=>{ + setTimeout(()=>{ + span.classList.remove('active'); + span.classList.add('fade'); + }, (idx + 1) * 50) + + }) + }, 2000); + + setTimeout(()=>{ + intro.style.top = '-100vh'; + }, 2300) + }) + }) +</script> </head> <body> @@ -96,34 +126,6 @@ </h1> </div> - <script> - let intro = document.querySelector('.intro'); - let logo = document.querySelector('.logoheader'); - let logoSpan = document.querySelectorAll('.logo'); - - window.addEventListener('DOMContentLoaded', ()=>{ - setTimeout(()=>{ - logoSpan.forEach((span, idx)=>{ - setTimeout(()=>{ - span.classList.add('active'); - }, (idx+1) * 400) - }); - - setTimeout(()=>{ - logoSpan.forEach((span, idx)=>{ - setTimeout(()=>{ - span.classList.remove('active'); - span.classList.add('fade'); - }, (idx + 1) * 50) - - }) - }, 2000); - - setTimeout(()=>{ - intro.style.top = '-100vh'; - }, 2300) - }) - }) - </script> + </body> </html> -- GitLab