Update results.astro

1 files changed, 13 insertions, 6 deletions

diff --git a/src/pages/results.astro b/src/pages/results.astro
index 9d4bc63..b3a8c6a 100644
--- a/src/pages/results.astro
+++ b/src/pages/results.astro
@@ -11,7 +11,7 @@ import curtnRight from '../assets/img/curtn-right.png';
   <div class="curtain right-curtain"></div>
  
 
-  
+   <div class="page-content hidden" id="main-content">
    
 <h1 class="text-center section-title pl-4" id="results">Results</h1>
 <!--<h1>The Hackathon is still ongoing</h1>-->
@@ -144,10 +144,13 @@ import curtnRight from '../assets/img/curtn-right.png';
 
 </div>
  
-
+</div>
 </Layout>
 
 <style>
+.hidden {
+  display: none;
+}
     table{
         box-shadow: none;
         background-color: white;
@@ -266,16 +269,20 @@ tr, th,td{
 
 
   <script>
-  window.addEventListener('load', () => {
+ window.addEventListener('load', () => {
   const leftCurtain = document.querySelector('.left-curtain');
   const rightCurtain = document.querySelector('.right-curtain');
+  const content = document.getElementById('main-content');
 
-
-  if (leftCurtain && rightCurtain) {
+  if (leftCurtain && rightCurtain && content) {
     leftCurtain.classList.add('open-left');
     rightCurtain.classList.add('open-right');
-  }
 
+    // Show the content after the curtain animation (4.5s)
+    setTimeout(() => {
+      content.classList.remove('hidden');
+    }, 4500);
+  }
 });