add event metadata to event post layout

_layouts/post.html

@@ -41,6 +41,20 @@ <h1>{{ page.title }}</h1>
             </div>
           {% endif %}
 
+          <ul class="event-meta mb-2">
+              {% if page.event_url | size > 0 %}
+              <li><a href="{{ page.event_url }}" target="_blank">Homepage</a></li>
+              {% endif %}
+              {% if page.event_location | size > 0 %}
+              <li>Location: {{ page.event_location }}</li>
+              {% endif %}
+              {% if page.event_start | size > 0 %}
+              <li>Start: {{ page.event_start | date_to_string }}</li>
+              {% endif %}
+              {% if page.event_end | size > 0 %}
+              <li>End: {{ page.event_end | date_to_string }}</li>
+              {% endif %}
+          </ul>
       </div>
     </div>
 
@@ -60,7 +74,6 @@ <h1>{{ page.title }}</h1>
 <div class="section pt-0">
   <div class="container">
     <div class="row justify-content-center">
-
       <div class="col-12 col-lg-8">
         <div class="content">{{ content }}</div>
         {% if site.disqus.shortname %}

_sass/theme/_page-post.scss

@@ -103,3 +103,8 @@
     }
   }
 }
+.event-meta {
+  font-size: 16px;
+  font-weight: 400;
+  color: var(--color-base-text-2);
+}