Merge pull request #15 from akshay9085/main

content flashing before animation fixed

2 files changed, 18 insertions, 9 deletions

diff --git a/src/pages/results.astro b/src/pages/results.astro
index 9d4bc63..0cb6c60 100644
--- a/src/pages/results.astro
+++ b/src/pages/results.astro
@@ -4,14 +4,14 @@ import curtnLeft from '../assets/img/curtn-left.png';
 import curtnRight from '../assets/img/curtn-right.png';
 
 ---
+<div class="curtain left-curtain"></div>
+  <div class="curtain right-curtain"></div>
+ 
 
+   <div class="page-content hidden" id="main-content">
 <Layout title="Scilab Case Study Hackathon" >
 
- <div class="curtain left-curtain"></div>
-  <div class="curtain right-curtain"></div>
  
-
-  
    
 <h1 class="text-center section-title pl-4" id="results">Results</h1>
 <!--<h1>The Hackathon is still ongoing</h1>-->
@@ -146,8 +146,11 @@ import curtnRight from '../assets/img/curtn-right.png';
  
 
 </Layout>
-
+</div>
 <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');
+    }, 500);
+  }
 });
 
   
diff --git a/src/pages/temp-results.astro b/src/pages/temp-results.astro
index 760cd06..dabf8d5 100644
--- a/src/pages/temp-results.astro
+++ b/src/pages/temp-results.astro
@@ -154,9 +154,11 @@ background: linear-gradient(180deg,rgba(0, 0, 0, 1) 31%, rgba(255, 0, 0, 1) 88%)
 
     <div class="center-container">
 <h1>Scilab Case Study Hackathon 2025 Result</h1>
+<br><p>&nbsp;</p>
       <button class="neon-button btn" onclick="startCountdown(this)">
         🎉 Congratulations
       </button>
+<p>&nbsp;</p>
     </div>
 
     <script type="text/javascript">