fix: countdowns not loading

Author: JesperDramsch

_data/archive.yml

@@ -1,5 +1,21 @@
 ---
 
+- conference: EuroPython
+  year: 2025
+  link: https://ep2025.europython.eu/
+  cfp: '2025-01-27 23:59:00'
+  timezone: UTC
+  place: Prague, Czechia
+  start: 2025-07-14
+  end: 2025-07-20
+  twitter: EuroPython
+  mastodon: https://fosstodon.org/@europython
+  sub: PY
+  location:
+  - title: EuroPython 2025
+    latitude: 50.0874654
+    longitude: 14.4212535
+
 - conference: PyHEP.dev
   alt_name: PyHEP
   year: 2025

_data/conferences.yml

@@ -27,6 +27,21 @@
     latitude: 51.4383999131
     longitude: 5.46712979814
 
+- conference: Python Sul
+  alt_name: Python Sul (Brazil)
+  year: 2025
+  link: https://sul.python.org.br/
+  cfp_link: https://talks.python.org.br/pysul2025/cfp
+  cfp: '2025-10-05 23:59:00'
+  place: Porto Alegre, Brazil
+  start: 2025-11-21
+  end: 2025-11-23
+  sub: PY
+  location:
+  - title: Python Sul 2025
+    latitude: -30.0324999
+    longitude: -51.2303767
+
 - conference: PyCon Wroclaw
   year: 2025
   link: https://www.pyconwroclaw.com/
@@ -103,6 +118,24 @@
     latitude: 13.45535
     longitude: -16.575646
 
+- conference: PyCon Sweden
+  alt_name: PyCon SE
+  year: 2025
+  link: https://pycon.se/
+  cfp_link: https://pretalx.com/pycon-sweden-2025/
+  cfp: '2025-08-31 23:59:00'
+  timezone: Europe/Stockholm
+  place: Stockholm, Sweden
+  start: 2025-10-30
+  end: 2025-10-31
+  sponsor: https://pycon.se/#sponsorship
+  mastodon: https://fosstodon.org/@pyconsweden
+  sub: PY
+  location:
+  - title: PyCon Sweden 2025
+    latitude: 59.3251172
+    longitude: 18.0710935
+
 - conference: PyData Vermont
   year: 2025
   link: https://pydata.org/vermont2025/
@@ -119,6 +152,18 @@
     latitude: 43.3248924
     longitude: -79.7966835
 
+- conference: PyLadiesCon
+  year: 2025
+  link: https://2025.conference.pyladies.com/en/
+  cfp_link: https://pretalx.com/pyladiescon-2025/cfp
+  cfp: '2025-08-23 12:59:00'
+  timezone: UTC
+  place: Online
+  start: 2025-12-05
+  end: 2025-12-07
+  sponsor: https://2025.conference.pyladies.com/en/sponsors/
+  sub: PY
+
 - conference: Kiwi PyCon
   year: 2025
   link: https://kiwipycon.nz/
@@ -819,22 +864,6 @@
     latitude: 50.8214626
     longitude: -0.1400561
 
-- conference: EuroPython
-  year: 2025
-  link: https://ep2025.europython.eu/
-  cfp: '2025-01-27 23:59:00'
-  timezone: UTC
-  place: Prague, Czechia
-  start: 2025-07-14
-  end: 2025-07-20
-  twitter: EuroPython
-  mastodon: https://fosstodon.org/@europython
-  sub: PY
-  location:
-  - title: EuroPython 2025
-    latitude: 50.0874654
-    longitude: 14.4212535
-
 - conference: PyCon Estonia
   alt_name: PyCon EE
   year: 2025
@@ -940,47 +969,6 @@
     latitude: 49.27213705
     longitude: -123.13439461006233
 
-- conference: PyLadiesCon
-  year: 2025
-  link: https://2025.conference.pyladies.com/en/
-  cfp: TBA
-  place: Online
-  start: 2025-12-05
-  end: 2025-12-07
-  sponsor: https://2025.conference.pyladies.com/en/sponsors/
-  sub: PY
-
-- conference: Python Sul
-  alt_name: Python Sul (Brazil)
-  year: 2025
-  link: https://sul.python.org.br/
-  cfp: TBA
-  place: Porto Alegre, Brazil
-  start: 2025-11-21
-  end: 2025-11-23
-  sub: PY
-  location:
-  - title: Python Sul 2025
-    latitude: -30.0324999
-    longitude: -51.2303767
-
-- conference: PyCon Sweden
-  alt_name: PyCon SE
-  year: 2025
-  link: https://pycon.se/
-  cfp: TBA
-  timezone: Europe/Stockholm
-  place: Stockholm, Sweden
-  start: 2025-10-30
-  end: 2025-10-31
-  sponsor: https://pycon.se/#sponsorship
-  mastodon: https://fosstodon.org/@pyconsweden
-  sub: PY
-  location:
-  - title: PyCon Sweden 2025
-    latitude: 59.3251172
-    longitude: 18.0710935
-
 - conference: Pythoncamp Rügen
   year: 2025
   link: https://barcamps.eu/pyr2025/

_includes/calendar.js

@@ -192,6 +192,12 @@ function load_conference_list() {
 }
 
 function update_filtering(data) {
+  // Defensive check for data parameter
+  if (!data || typeof data !== 'object' || !data.subs || !Array.isArray(data.subs)) {
+    console.error('calendar update_filtering called with invalid data:', data);
+    return;
+  }
+
   store.set('{{site.domain}}-subs', {subs: data.subs, timestamp: new Date().getTime()});
 
   conf_list = conf_list_all.filter(v => {

_includes/handle_url_retrieval.js

@@ -4,7 +4,7 @@ subs = url.searchParams.get('sub');
 if (subs == undefined) {
   data = store.get('{{site.domain}}-subs');
   if (!data || typeof data !== 'object' || isDataExpired(data)) {
-    data = { subs: data.all_subs };
+    data = { subs: all_subs };
   }
 	subs = data.subs;
 } else {

_includes/head.html

@@ -32,7 +32,7 @@
 <link rel="stylesheet" type="text/css" href="{{ "/static/css/deadlines.css" | prepend:site.baseurl_root }}?t={{site.time | date: '%s'}}" media="screen,projection">
 <link rel="stylesheet" type="text/css" href="{{ "/static/css/calendar.css" | prepend:site.baseurl_root }}?t={{site.time | date: '%s'}}" media="screen,projection">
 <link rel="stylesheet" type="text/css" href="{{ "/static/css/search.css" | prepend:site.baseurl_root }}?t={{site.time | date: '%s'}}" media="screen,projection">
-<link rel="stylesheet" type="text/css" href="{{ "/static/css/search.css" | prepend:site.baseurl_root }}?t={{site.time | date: '%s'}}" media="screen,projection">
+<link rel="stylesheet" type="text/css" href="{{ "/static/css/mobile-fixes.css" | prepend:site.baseurl_root }}?t={{site.time | date: '%s'}}" media="screen,projection">
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/fontawesome.min.css" media="screen,projection">
 <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/brands.min.css" media="screen,projection">
 

_includes/utils.js

@@ -1,4 +1,21 @@
 function update_filtering(data) {
+	// Defensive check for data parameter
+	if (!data || typeof data !== 'object') {
+		console.error('update_filtering called with invalid data:', data);
+		return;
+	}
+
+	// Ensure required properties exist
+	if (!data.subs || !Array.isArray(data.subs)) {
+		console.error('update_filtering: data.subs is not an array:', data.subs);
+		return;
+	}
+
+	if (!data.all_subs || !Array.isArray(data.all_subs)) {
+		console.error('update_filtering: data.all_subs is not an array:', data.all_subs);
+		return;
+	}
+
 	var page_url = window.location.pathname;
 	store.set('{{site.domain}}-subs', { subs: data.subs, timestamp: new Date().getTime() });
 

_layouts/conference.html

@@ -26,16 +26,18 @@
           var feedContainer = document.getElementById("mastodon-feed");
           var postLimit = 2; // Number of posts to display
 
-          for (var i = 0; i < postLimit && i < items.length; i++) {
-            var item = items[i];
-            var post = item.querySelector("description").textContent;
-            var link = item.querySelector("link").textContent;
-            var pubDate = item.querySelector("pubDate").textContent;
+          if (feedContainer) {
+            for (var i = 0; i < postLimit && i < items.length; i++) {
+              var item = items[i];
+              var post = item.querySelector("description").textContent;
+              var link = item.querySelector("link").textContent;
+              var pubDate = item.querySelector("pubDate").textContent;
 
-            var feedItem = document.createElement("div");
-            feedItem.setAttribute("class", "timeline-item")
-            feedItem.innerHTML = '<div class="timeline-content">' + post + '</div><a href="' + link + '">' + pubDate + ' by {{ page.conference }}</a>';
-            feedContainer.appendChild(feedItem);
+              var feedItem = document.createElement("div");
+              feedItem.setAttribute("class", "timeline-item")
+              feedItem.innerHTML = '<div class="timeline-content">' + post + '</div><a href="' + link + '">' + pubDate + ' by {{ page.conference }}</a>';
+              feedContainer.appendChild(feedItem);
+            }
           }
         })
         .catch(function (error) {
@@ -269,7 +271,10 @@ <h3 id="conf-subtitle">a.k.a. {{page.alt_name}} {{page.year}}</h3>
         place: '{{page.place}}',
         link: '{{page.link}}',
       });
-      document.querySelector('#conference-deadline').appendChild(conferenceDeadlineCalendar);
+      var deadlineContainer = document.querySelector('#conference-deadline');
+      if (deadlineContainer) {
+        deadlineContainer.appendChild(conferenceDeadlineCalendar);
+      }
 
 
       var conferenceCalendar = createCalendarFromObject({
@@ -280,7 +285,10 @@ <h3 id="conf-subtitle">a.k.a. {{page.alt_name}} {{page.year}}</h3>
         place: '{{page.place}}',
         link: '{{page.link}}',
       });
-      document.querySelector('#conference-calendar').appendChild(conferenceCalendar);
+      var calendarContainer = document.querySelector('#conference-calendar');
+      if (calendarContainer) {
+        calendarContainer.appendChild(conferenceCalendar);
+      }
 
       // render countdown timer
       $('#cfp-timer').countdown(confDeadline.toJSDate(), function (event) {

_layouts/summary.html

@@ -21,16 +21,18 @@
           var feedContainer = document.getElementById("mastodon-feed");
           var postLimit = 2; // Number of posts to display
 
-          for (var i = 0; i < postLimit && i < items.length; i++) {
-            var item = items[i];
-            var post = item.querySelector("description").textContent;
-            var link = item.querySelector("link").textContent;
-            var pubDate = item.querySelector("pubDate").textContent;
+          if (feedContainer) {
+            for (var i = 0; i < postLimit && i < items.length; i++) {
+              var item = items[i];
+              var post = item.querySelector("description").textContent;
+              var link = item.querySelector("link").textContent;
+              var pubDate = item.querySelector("pubDate").textContent;
 
-            var feedItem = document.createElement("div");
-            feedItem.setAttribute("class", "timeline-item")
-            feedItem.innerHTML = '<div class="timeline-content">' + post + '</div><a href="' + link + '">' + pubDate + ' by {{page.conference}}</a>';
-            feedContainer.appendChild(feedItem);
+              var feedItem = document.createElement("div");
+              feedItem.setAttribute("class", "timeline-item")
+              feedItem.innerHTML = '<div class="timeline-content">' + post + '</div><a href="' + link + '">' + pubDate + ' by {{page.conference}}</a>';
+              feedContainer.appendChild(feedItem);
+            }
           }
         })
         .catch(function (error) {
@@ -336,9 +338,17 @@ <h1>
               place: '{{conf.place}}',
               link: '{{conf.link}}'
             });
-            document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar').appendChild(myCalendar);
+            var calendarContainer = document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar');
+            if (calendarContainer) {
+              calendarContainer.appendChild(myCalendar);
+            }
           } catch (err) {
-            document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar').appendChild("<p>Calendar not available.</p>");
+            var calendarContainer = document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar');
+            if (calendarContainer) {
+              var errorMsg = document.createElement('p');
+              errorMsg.textContent = 'Calendar not available.';
+              calendarContainer.appendChild(errorMsg);
+            }
             console.log("Error in cfp date.");
           }
 

index.html

@@ -51,6 +51,9 @@ <h1 id="archive-link"><a href="{% tl archive %}">{% t titles.visit_archive %}</a
           {% include_cached footer.html %}
     </footer>
     <script type="text/javascript" charset="utf-8">
+    // Global conference data for lazy loading
+    window.conferenceData = window.conferenceData || {};
+
     $(function() {
       luxon.Settings.defaultLocale = "{{ site.lang }}";
       var DateTime = luxon.DateTime;
@@ -100,20 +103,34 @@ <h1 id="archive-link"><a href="{% tl archive %}">{% t titles.visit_archive %}</a
           {% endif %}
 
           // check if timezone is valid otherwise replace by system timezone
-          if (cfpDate.invalid || confDate.invalid) {
+          if (cfpDate.invalid === true || confDate.invalid === true) {
             var cfpDate = DateTime.fromSQL("{{cfp}}");
             var confDate = DateTime.fromSQL("{{conf.start}}");
             console.log("Invalid timezone in {{conf.conference | slugify: "latin"}}-{{conf.year}}. Using system timezone instead.");
           }
 
+          // Store conference data globally for lazy loading
+          window.conferenceData['{{conf.conference | slugify: "latin"}}-{{conf.year}}'] = {
+            cfpDate: cfpDate.toJSDate(),
+            confDate: confDate.toJSDate()
+          };
+
           // render countdown timer
           $('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .timer').countdown(cfpDate.toJSDate(), function (event) {
-              $(this).html(event.strftime('%D days %Hh %Mm %Ss'));
+              if (event.elapsed) {
+                $(this).html('Deadline passed');
+              } else {
+                $(this).html(event.strftime('%D days %Hh %Mm %Ss'));
+              }
           });
 
           // render countdown timer small
           $('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .timer-small').countdown(cfpDate.toJSDate(), function (event) {
-              $(this).html(event.strftime('%Dd %H:%M:%S'));
+              if (event.elapsed) {
+                $(this).html('Passed');
+              } else {
+                $(this).html(event.strftime('%Dd %H:%M:%S'));
+              }
           });
 
           // deadline in local timezone
@@ -129,9 +146,17 @@ <h1 id="archive-link"><a href="{% tl archive %}">{% t titles.visit_archive %}</a
             place: '{{conf.place}}',
             link: '{{conf.link}}'
           });
-          document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar').appendChild(myCalendar);
+          var calendarContainer = document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar');
+          if (calendarContainer) {
+            calendarContainer.appendChild(myCalendar);
+          }
           } catch(err) {
-            document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar').appendChild("<p>Calendar not available.</p>");
+            var calendarContainer = document.querySelector('#{{conf.conference | slugify: "latin"}}-{{conf.year}} .calendar');
+            if (calendarContainer) {
+              var errorMsg = document.createElement('p');
+              errorMsg.textContent = 'Calendar not available.';
+              calendarContainer.appendChild(errorMsg);
+            }
             console.log("Error in cfp date.");
           }