Luck game is added

tedxnitksurathkal · Sep 14, 2024 · 0056295 · 0056295
1 parent 0f058e3
commit 0056295
Show file tree

Hide file tree

Showing 4 changed files with 52 additions and 11 deletions.
diff --git a/assets/LuckGame b/assets/LuckGame
diff --git a/index.html b/index.html
@@ -144,14 +144,18 @@
         <!-- LUCK THEME STARTS HERE -->
         <canvas id="canvas1"></canvas>
         <!-- LUCK THEME ENDS HERE -->
+        <a href="./assets/LuckGame/intro.html" class="luck-play" id="luck-play-bar" >Play game</a>
         <section>
             <div class="pet-me-text">
-                <div>Welcome to TEDxNITKSurathkal V11!</div>
-                <div>Pet me 11 times for some fortune!</div>
+                <!-- <div>Welcome to TEDxNITKSurathkal V11!</div> -->
+                <div>Pet me 7 times for some fortune!</div>
             </div>
         </section>
-
+
+
+
         <div class="luck-bar" id="luck-bar">
+            <a href="./assets/LuckGame/index.html"></a>
             Fortune Count: 0
         </div>
 
@@ -169,7 +173,7 @@
                         <div class="content">
                             <h5 class="box_title">DATE</h5>
                             <p>
-                                6:00 PM, 2nd February, 2024
+                                6:00 PM, 28nd September, 2024
                             </p>
                         </div>
                     </div>
@@ -182,7 +186,7 @@ <h5 class="box_title">
                                 location
                             </h5>
                             <p>
-                                SAC, NITK Surathkal
+                                SJA, NITK Surathkal
                             </p>
                         </div>
                     </div>
@@ -195,7 +199,7 @@ <h5 class="box_title">
                                 speakers
                             </h5>
                             <p>
-                                8
+                                3
                             </p>
                         </div>
                     </div>
@@ -342,10 +346,11 @@ <h4 style="color: white">Location</h4>
                 <h3 class="title">
                     <span style="color: white; margin-right: 10px;">our</span>
                     <span style="color: #fbc403; margin-right: 10px; ">speakers</span>
-                    <img src="luck_theme_assets/clover3.png" class="tiny_clover" onclick="incrementFortune()" />
+                    <!-- <img src="luck_theme_assets/clover3.png" class="tiny_clover" onclick="incrementFortune()" /> -->
                 </h3>
             </div>
-            <div class="row justify-content-center no-gutters" id="speakers"> </div>
+            <div>Stay Tuned for to know our speaker</div>
+            <!-- <div class="row justify-content-center no-gutters" id="speakers"> </div> -->
             <h5 class="title">
 
             </h5>
@@ -641,7 +646,7 @@ <h4 class="footer_title">
                 time: 3000
             });
 
-            $('.countdown').countdown(new Date("2024-02-02T17:00:00.000+05:30"), function (event) {
+            $('.countdown').countdown(new Date("2024-09-28T17:00:00.000+05:30"), function (event) {
                 $(this).html(
                     event.strftime("<div>%D <span>Days</span></div><div>%H <span>Hours</span></div><div>%M <span>Minutes</span></div><div>%S <span>Seconds</span></div>")
                 );

diff --git a/luck_theme_script.js b/luck_theme_script.js
@@ -41,7 +41,7 @@ canvas.onclick = () => {
   // console.log("Your score is " + score);
 
   // Trigger coin shower after 15 clicks
-  if (clickCount >= 11) {
+  if (clickCount >= 7) {
     //increment fortune by 10
     incrementFortune(10);
     showCoins = true;

diff --git a/luck_theme_style.css b/luck_theme_style.css
@@ -1,5 +1,6 @@
 .herobody {
-  background-color: #ca4444; /* A warm shade of red */
+  /* background-color: #ca4444;  */
+  background-color: black;
   height: 100vh; /* Ensures the background covers the entire viewport */
   margin: 0;
   padding: 0;
@@ -69,3 +70,37 @@
   z-index: 1000;
   box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5);
 }
+
+.luck-play {
+  font-family: "Luckiest Guy", cursive;
+  font-weight: 400;
+  font-style: normal;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  margin-bottom: 10px;
+  background-color: #f50136;
+  border-radius: 5%;
+  color: white;
+  text-align: center;
+  padding-top: 10px;
+  padding-left: 10px;
+  padding-right: 10px;
+  z-index: 1000;
+  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5);
+}
+
+@media (max-width: 600px) {
+  .luck-bar {
+    font-size: 2.5vw; /* Smaller font size on small screens */
+  }
+
+  .pet-me-text {
+    font-size: 4vw; /* Adjust font size */
+  }
+
+  #canvas1 {
+    width: 95vw; /* Further adjust canvas size */
+    height: 70vh;
+  }
+}