Moved liquid logic deciding if events section is displayed above the column and section definition to completely skip rendering any html for this section if no future events are present.

Author: Tomasz-Kluczkowski

index.html

@@ -38,17 +38,17 @@ <h2 class="navigation__subtitle">All About Open Source</h2>
 </div>
 <div class="upcoming-chapters-container container-fluid">
     <div class="row">
-        <div class="col-lg-6 no-padding-x">
-            <!--Upcoming Events section-->
-            {% include events_array_generator.html future_events = true %}
-            {% if posts.size > 0 %}
-                {% assign upcoming_event = true %}
-                {% assign chapters_col = "col-lg-6" %}
-                {% assign posts = posts | reverse %}
-            {% else %}
-                {% assign chapters_col = "col-12" %}
-            {% endif %}
-            {% if upcoming_event == true %}
+        {% include events_array_generator.html future_events = true %}
+        {% if posts.size > 0 %}
+            {% assign upcoming_event = true %}
+            {% assign chapters_col = "col-lg-6" %}
+            {% assign posts = posts | reverse %}
+        {% else %}
+            {% assign chapters_col = "col-12" %}
+        {% endif %}
+        {% if upcoming_event == true %}
+            <div class="col-lg-6 no-padding-x">
+                <!--Upcoming Events section-->
                 <section class="upcoming">
                     <div class="row container-fluid">
                         <div class="col-md-12 no-padding-x">
@@ -102,8 +102,8 @@ <h2 class="upcoming__event-subtitle"> {{ post.subtitle }}</h2>
                         {% endfor %}
                     </div>
                 </section>
-            {% endif %}
-        </div>
+            </div>
+        {% endif %}
 
         <div class="{{ chapters_col }} no-padding-x">
             <section class="chapters">