Modified event.html to test if post was in the past (since we want to show upcoming events).

Created 2 future dated dummy posts to test looping and displaying their content on main page - new section layout is required.
Added test upcoming events section to index.html which shows only future dated posts.

Author: Tomasz-Kluczkowski

_config_dev.yml

@@ -19,6 +19,7 @@ include: ["_pages"]
 exclude:
   - Gemfile
   - Gemfile.lock
+future: true
 
 # command to run build locally:
 # bundle exec jekyll serve --config _config.yml,_config_dev.yml

_includes/event.html

@@ -8,11 +8,21 @@ <h2 class="section-title">Recent Events</h2>
 
         {% comment %}
             Create an array of last 4 posts (from newest to oldest) to show in recent events section.
+            Since we also allow future posts to show upcoming event we have to eliminate the future once
+            from displaying in the past ones.
         {% endcomment %}
 
+        {% assign curDate = site.time | date: "%s" %}
         {% assign last_4_posts = "" | split: ',' %}
-        {% for post in site.posts reversed limit: 4 %}
-            {% assign last_4_posts = last_4_posts | push: post %}
+        {% for post in site.posts %}
+            {% assign postStartDate = post.date | date: "%s" %}
+            {% if postStartDate <= curDate %}
+                {% assign last_4_posts = last_4_posts | push: post %}
+                {% increment post_count %}
+            {% endif %}
+            {% if post_count == 4 %}
+                {% break %}
+            {% endif %}
         {% endfor %}
 
         {% comment %}

_posts/2020-10-04-Test-future-post-no-1.md

@@ -0,0 +1,10 @@
+---
+layout: default
+title: This is test post in the future no 2 title
+date: 2022-10-04
+venue: Test venue 2
+link: www.blizzard.com
+image: static/images/events_past/pandas_bokeh_backend_harvey_nash_960x539px.jpeg
+---
+
+Test post in the future 2 content

_posts/2022-10-04-Test-future-post-no-2.md

@@ -0,0 +1,10 @@
+---
+layout: default
+title: This is test post in the future no 1 title
+date: 2020-10-04
+venue: Test venue 1
+link: www.google.com
+image: static/images/events_past/pandas_bokeh_backend_harvey_nash_960x539px.jpeg
+---
+
+Test post in the future 1 content

index.html

@@ -46,6 +46,32 @@ <h2 class="section-title">Our Mission</h2>
     </div>
 </section>
 
+<section>
+    <div class="row container">
+        <div class="col-md-12">
+            <!--Upcoming Events section-->
+            <!--Create array of future events-->
+            {% assign upcoming_events = "" | split: ',' %}
+            {% assign curDate = site.time | date: "%s" %}
+            {% for post in site.posts %}
+                {% assign postStartDate = post.date | date: "%s" %}
+                {% if postStartDate >= curDate %}
+                    {% assign upcoming_events = upcoming_events | push: post %}
+                {% endif %}
+            {% endfor %}
+
+            <!--Test data passed from future posts/events-->
+            {% for post in upcoming_events %}
+                <h1>Event: {{ post.title }}</h1>
+                <h1>Venue: {{ post.venue }}</h1>
+                <h1>Date: {{ post.date | date: "%e %B %Y" }}</h1>
+                <a href="{{ post.link }}">test link</a>
+            {% endfor %}
+        </div>
+    </div>
+</section>
+
+
 <!--Events in the past section-->
 {% include event.html %}