Scala Days 2025 countdown is live

Author: anatoliykmetyuk

_includes/scala-days-countdown.html

@@ -1,21 +1,21 @@
 <section id="countdown-clock-2025" class="scala-days-countdown">
   <div class="countdown-content">
     <div class="countdown-left">
-      <a href="#" class="countdown-register-btn">Learn More & Register Today</a>
+      <a href="https://www.scaladays.org/tickets" class="countdown-register-btn">Learn More & Register Today</a>
       <div class="countdown-heading">Bringing Scala Days in...</div>
     </div>
     <div class="countdown-right">
       <div class="countdown-timer">
         <div class="countdown-segment">
-          <span id="2025-day" class="countdown-value">38</span>
+          <span id="2025-day" class="countdown-value"></span>
           <span class="countdown-label">DAYS</span>
         </div>
         <div class="countdown-segment">
-          <span id="2025-hour" class="countdown-value">13</span>
+          <span id="2025-hour" class="countdown-value"></span>
           <span class="countdown-label">HOURS</span>
         </div>
         <div class="countdown-segment">
-          <span id="2025-minute" class="countdown-value">23</span>
+          <span id="2025-minute" class="countdown-value"></span>
           <span class="countdown-label">MINUTES</span>
         </div>
       </div>

_layouts/frontpage.html

@@ -30,9 +30,6 @@
             <i class="fa fa-bars"></i>
           </div>
           <ul class="navigation-menu">
-            <li class="navigation-menu-item navigation-menu-item--scala-days">
-              <a href="https://scaladays.org" class="scala-days-button">Scala Days 2025</a>
-            </li>
             {% for navItem in site.data.nav-header %}
             <li class="navigation-menu-item">
               <a href="{{navItem.url}}">{{navItem.title}}</a>

_sass/layout/navigation.scss

@@ -52,29 +52,6 @@
                 }
             }
 
-            &.navigation-menu-item--scala-days {
-                a {
-                    background: #ff6b35;
-                    color: #fff;
-                    padding: 8px 20px;
-                    border-radius: 25px;
-                    font-weight: bold;
-                    transition: all 0.3s ease;
-                    box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
-
-                    &:hover {
-                        background: #e55a2b;
-                        transform: translateY(-1px);
-                        box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
-                        text-decoration: none;
-                    }
-
-                    &:active {
-                        transform: translateY(0);
-                        box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
-                    }
-                }
-            }
         }
     }
 }
@@ -102,32 +79,6 @@
                 padding: 10px 0;
                 display: block;
             }
-
-            .navigation-menu-item--scala-days {
-                a {
-                    background: #ff6b35;
-                    color: #fff;
-                    padding: 10px 20px;
-                    border-radius: 25px;
-                    font-weight: bold;
-                    text-transform: uppercase;
-                    display: inline-block;
-                    transition: all 0.3s ease;
-                    box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
-
-                    &:hover {
-                        background: #e55a2b;
-                        transform: translateY(-1px);
-                        box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
-                        text-decoration: none;
-                    }
-
-                    &:active {
-                        transform: translateY(0);
-                        box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
-                    }
-                }
-            }
         }
     }
 }

resources/js/functions.js

@@ -595,3 +595,37 @@ $(document).ready(function() {
             });
     }
 });
+
+// Scala Days 2025 Countdown
+$(document).ready(function() {
+  function countdownCalc(deadline, cityName) {
+    var now = new Date().getTime();
+    var t = deadline - now;
+    var days = Math.floor(t / (1000 * 60 * 60 * 24));
+    var hours = Math.floor((t % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
+    var minutes = Math.floor((t % (1000 * 60 * 60)) / (1000 * 60));
+    var dayEl = document.getElementById(cityName + '-day');
+    var hourEl = document.getElementById(cityName + '-hour');
+    var minEl = document.getElementById(cityName + '-minute');
+    if (dayEl && hourEl && minEl) {
+      dayEl.innerHTML = days;
+      hourEl.innerHTML = hours;
+      minEl.innerHTML = minutes;
+    }
+    if (t < 0) {
+      clearInterval(window.scalaDaysCountdownInterval);
+      var clock = document.getElementById('countdown-clock-' + cityName);
+      if (clock) clock.innerHTML = 'Ready!';
+      if (dayEl) dayEl.innerHTML = '0';
+      if (hourEl) hourEl.innerHTML = '0';
+      if (minEl) minEl.innerHTML = '0';
+    }
+  }
+  var deadline2025 = new Date('Aug 19, 2025 09:00:00').getTime();
+  if (document.getElementById('countdown-clock-2025')) {
+    countdownCalc(deadline2025, '2025');
+    window.scalaDaysCountdownInterval = setInterval(function() {
+      countdownCalc(deadline2025, '2025');
+    }, 60000);
+  }
+});