Update events page to also show today's events

Author: julianocosta89

_layouts/default.html

@@ -34,7 +34,7 @@ <h1 class="site-name"><a href="{{ site.baseurl }}/">{{ site.name }}</a></h1>
               <a href="{{ site.baseurl }}/join">Join us!</a>
               <a href="{{ site.baseurl }}/speaker-info">Speaker Info</a>
               <a href="{{ site.baseurl }}/slides">Slides & Content</a>
-              <a href="{{ site.baseurl }}/statistics">Events</a>
+              <a href="{{ site.baseurl }}/events">Events</a>
               <a href="{{ site.baseurl }}/random-number-generator">🎲</a>
               <!--
               <a href="{{ site.baseurl }}/search">Search</a>

_pages/statistics.md renamed to _pages/events.md

@@ -1,7 +1,7 @@
 ---
 layout: page
 title: Events
-permalink: /statistics/
+permalink: /events/
 ---
 
 <style>
@@ -17,13 +17,37 @@ permalink: /statistics/
     text-align: center; /* Center align text horizontally */
     vertical-align: middle; /* Center align text vertically */
   }
+  .today-event {
+    background-color: #e6f3ff;
+    border-left: 4px solid #0066cc;
+    padding: 10px;
+    margin: 5px 0;
+  }
+  .today-label {
+    display: inline-block;
+    padding: 2px 8px;
+    margin-right: 8px;
+    background-color: #0066cc;
+    color: white;
+    border-radius: 12px;
+    font-size: 0.8em;
+    font-weight: bold;
+  }
+  .host-label {
+    display: inline-block;
+    padding: 2px 8px;
+    margin-right: 8px;
+    background-color: #f0f0f0;
+    border-radius: 12px;
+    font-size: 0.8em;
+  }
 </style>
 
 {% assign upcoming_events = false %}
 {% for event in site.data.events %}
   {% assign event_date = event.date | date: "%Y-%m-%d" %}
   {% assign today = site.time | date: "%Y-%m-%d" %}
-  {% if event_date > today %}
+  {% if event_date >= today %}
     {% assign upcoming_events = true %}
     {% break %}
   {% endif %}
@@ -35,14 +59,18 @@ permalink: /statistics/
   {% for event in site.data.events %}
     {% assign event_date = event.date | date: "%Y-%m-%d" %}
     {% assign today = site.time | date: "%Y-%m-%d" %}
-    {% if event_date > today %}
-      <tr>
+    {% if event_date >= today %}
+      <tr {% if event_date == today %}class="today-event"{% endif %}>
         <td>
-          <span class="date-label">{{ event.date }}
+          {% if event_date == today %}
+            <span class="today-label">TODAY</span>
+          {% else %}
+            <span class="date-label">{{ event.date }}</span>
+          {% endif %}
           {% if !event.host || event.host != "" %}
-          - hosted by {{ event.host }}
+            <span class="host-label">hosted by {{ event.host }}</span>
           {% endif %}
-          </span><br>
+          <br>
           <strong><a href="{{ event.event_link }}">{{ event.edition }}</a></strong>
         </td>
       </tr>