Order of activities

src/_data/translations.js

@@ -9,6 +9,7 @@ module.exports = {
     ariaTitleTranslateNav: "Language",
     location: "Location",
     locationUnknown: "to be determined",
+    eventDateTentativePrefix: "somewhere in",
     jobreadmore: "Read more",
     blogreadmore: "Read more",
     moreInformation: "More information",
@@ -134,6 +135,7 @@ module.exports = {
     goToVimeo: "Ga naar ons profiel op Vimeo",
     location: "Locatie",
     locationUnknown: "nog te bepalen",
+    eventDateTentativePrefix: "ergens in",
     signUp: "Meld je aan",
     signUpMail: "Meld je aan via email",
     signUpMeetup: "Meld je aan op Meetup.com",

src/_includes/layouts/activity-category.liquid

@@ -26,11 +26,23 @@
             <section class="inner-wrapper upcoming-activities">
                 <h2>{{ translations[locale].upcomingActivitiesTitle }} '{{ category.title }}'</h2>
                 <ol class="activity-calendar-items">
+                    {%- assign index = 0 -%}
                     {%- for activity in upcomingPosts -%}
-                        {%- assign index = forloop.index -%}
-                        <li class="list-item">
-                            {%- include partials/activity-calendar-item headerlvl:"h3" index:index -%}
-                        </li>
+                        {%- unless activity.data.eventdateTentative -%}
+                            {%- assign index = index | plus: 1 -%}
+                            <li class="list-item">
+                                {%- include partials/activity-calendar-item headerlvl:"h3" index:index -%}
+                            </li>
+                        {%- endunless -%}
+                    {%- endfor -%}
+
+                    {%- for activity in upcomingPosts -%}
+                        {%- if activity.data.eventdateTentative -%}
+                            {%- assign index = index | plus: 1 -%}
+                            <li class="list-item">
+                                {%- include partials/activity-calendar-item headerlvl:"h3" index:index -%}
+                            </li>
+                        {%- endif -%}
                     {%- endfor -%}
                 </ol>
             </section>

src/_includes/layouts/activity-home.liquid

@@ -115,7 +115,7 @@
                 <ol class="activity-calendar-items" data-activity-list>
                     {%- for activity in allUpcomingActivities -%}
                         {%- assign index = forloop.index -%}
-                        <li class="list-item" data-activity-item {% for tag in activity.data.categories %}data-category-{{ tag | slugify }}="true" {% endfor %}>
+                        <li class="list-item" data-activity-item {% for tag in activity.data.categories %}data-category-{{ tag | slugify }}="true" {% endfor %} {% if index == 1 %}open{% endif %}>
                             {%- include partials/activity-calendar-item headerlvl:"h3" index:index -%}
                         </li>
                     {%- endfor -%}

src/_includes/partials/activity-calendar-item.liquid

@@ -4,19 +4,17 @@ activity-calendar-item--{{ tag | slugify }} {% endfor %} {% if activity.data.ext
     <details class="activity-calendar-item__details" {% if firstItem %}open{% endif %}>
         <summary class="activity-calendar-item__summary">
             <h3 class="activity-calendar-item__title">
-                {%- if locale == "nl" -%}
-                    {% if activity.data.eventdate %}
-                        <time class="activity-calendar-item__time" datetime="{{ activity.data.eventdate | date: "%Y-%m-%d" }}">
-                            {{ activity.data.eventdate | eventDate: 'nl', activity.data.eventdateTentative }}
-                        </time>
-                    {% endif %}
-                {%- elsif locale == "en" -%}
-                    {% if activity.data.eventdate %}
-                        <time class="activity-calendar-item__time" datetime="{{ activity.data.eventdate | date: "%Y-%m-%d" }}">
-                            {{ activity.data.eventdate | eventDate: 'en', activity.data.eventdateTentative }}
-                        </time>
-                    {% endif %}
-                {%- endif -%}
+
+                {% if activity.data.eventdate %}  
+                    <time class="activity-calendar-item__time" datetime="{{ activity.data.eventdate | date: "%Y-%m-%d" }}">
+                        {% if activity.data.eventdateTentative %}
+                            {{ translations[locale].eventDateTentativePrefix }}
+                        {% endif %}
+
+                        {{ activity.data.eventdate | eventDate: locale, activity.data.eventdateTentative }}
+                    </time>
+
+                {% endif %} 
 
                 <span>{{ activity.data.title }}</span>
             </h3>

src/_includes/partials/homepage/upcoming-activities.liquid

@@ -1,10 +1,17 @@
 <section data-partial="homepage/upcoming-activities" class="inner-wrapper upcoming-activities">
     {%- include partials/utility/dynamic-headerlevel level: headerlvl title: partialTitle -%}
     <ol class="activity-calendar-items">
-        {%- for activity in upcomingActivities limit: 5 -%}
-            <li class="list-item">
-                {%- include partials/activity-calendar-item headerlvl: "h3"  pastActivity: false -%}
-            </li>
+        {%- assign shownActivities = 0 -%}
+        {%- for activity in upcomingActivities -%}
+            {%- unless activity.data.eventdateTentative -%}
+                <li class="list-item">
+                    {%- include partials/activity-calendar-item headerlvl: "h3" pastActivity: false -%}
+                </li>
+                {%- assign shownActivities = shownActivities | plus: 1 -%}
+                {%- if shownActivities >= 5 -%}
+                    {%- break -%}
+                {%- endif -%}
+            {%- endunless -%}
         {%- endfor -%}
     </ol>
 

src/en/activities/2026/frontend-festival-2026.md

@@ -0,0 +1,23 @@
+---
+title: 'Frontend Festival 2026'
+summary: 'An evening of talks, workshops, dinner, and drinks about open source frontend development in Nieuwegein.'
+date: 2026-03-27
+eventdate: 2026-06-10
+eventtime: '17:00'
+location: 'Sopra Steria NL HQ, Ringwade 1, 3439 LM Nieuwegein'
+categories:
+  - Conferences
+tags: activities
+locale: en
+signupavailable: false
+externalUrl: 'https://frontendfestival.nl/'
+externalEvent: true
+externalEventDiscount: false
+key: frontend-festival-2026
+---
+
+Frontend Festival 2026 is an evening event for frontend developers featuring talks and workshops on open source frontend development. The event starts with dinner, followed by sessions and closing drinks.
+
+- **Date:** Wednesday 10 June 2026 (17:00 - 22:30)
+- **Location:** Sopra Steria NL HQ, Ringwade 1, 3439 LM Nieuwegein
+- **Website:** [frontendfestival.nl](https://frontendfestival.nl/)

src/nl/activiteiten/2026/frontend-festival-2026.md

@@ -0,0 +1,23 @@
+---
+title: 'Frontend Festival 2026'
+summary: 'Een avond met talks, workshops, diner en borrel over open source frontend development in Nieuwegein.'
+date: 2026-03-27
+eventdate: 2026-06-10
+eventtime: '17:00'
+location: 'Sopra Steria NL HQ, Ringwade 1, 3439 LM Nieuwegein'
+categories:
+  - congressen
+tags: activities
+locale: nl
+signupavailable: false
+externalUrl: 'https://frontendfestival.nl/'
+externalEvent: true
+externalEventDiscount: false
+key: frontend-festival-2026
+---
+
+Frontend Festival 2026 is een avondprogramma voor frontend developers met talks en workshops over open source frontend development. Het event start met diner, gevolgd door sessies en afsluitende borrel.
+
+- **Datum:** woensdag 10 juni 2026 (17:00 - 22:30)
+- **Locatie:** Sopra Steria NL HQ, Ringwade 1, 3439 LM Nieuwegein
+- **Website:** [frontendfestival.nl](https://frontendfestival.nl/)

utils/filters.js

@@ -59,7 +59,8 @@ module.exports = {
       }
     });
 
-    // Sort by eventdate in ascending order (earliest first)
+    // Sort by eventdate in ascending order (earliest first), but place
+    // tentative events at the end of their month.
     return filtered.sort((a, b) => {
       let dateA, dateB;
 
@@ -74,8 +75,11 @@ module.exports = {
       } else {
         dateB = DateTime.fromISO(b.data.eventdate);
       }
-
-      return dateA - dateB;
+
+      const sortDateA = a.data.eventdateTentative ? dateA.endOf('month') : dateA.startOf('day');
+      const sortDateB = b.data.eventdateTentative ? dateB.endOf('month') : dateB.startOf('day');
+
+      return sortDateA.toMillis() - sortDateB.toMillis();
     });
   },