diff --git a/wiki/pages/tryhomepage.html b/wiki/pages/tryhomepage.html index ef9bc990c21232813ff94f62636621462eefdaa9..866da6e4abac75fb0179bbb6a8af923b7fe7c0d5 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>