[#171] (#172)

* [#171] hardcode timezone abbreviation map and render abbreviations accordingly

* [#171] switch to using moment.js to display timezone abbreviations

* [#171] display correct local time

* remove unneeded console log

* [#171] remove margin-right of time to prevent space before comma

Author: TatsatJha

layouts/partials/head.html

@@ -44,4 +44,23 @@
   {{- end }}
 {{- end }}
 
+<script src="https://cdn.jsdelivr.net/npm/moment@2.29.4/moment.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/moment-timezone@0.5.43/builds/moment-timezone-with-data.min.js"></script>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function () {
+    document.querySelectorAll('.post_date').forEach(el => {
+      const rawDate = el.dataset.datetime;
+      if (!rawDate) return;
+
+      const userZone = moment.tz.guess();
+      const m = moment.parseZone(rawDate).tz(userZone);
+      const time = m.format("ddd MMM D, YYYY [at] h:mm A z")
+    
+      const text = el.innerHTML;
+      el.innerHTML = `Event Date: ${time}`;  
+    });
+  });
+</script>
+
 {{- partial "scripts/google/tag-manager" (dict "noscript" false) }}

layouts/partials/post-meta.html

@@ -21,8 +21,12 @@
   {{ if .Params.event_date }}
   {{- if ($scratch.Get "writeSeparator") }} · {{ end }}
   <span>{{ partial "sprite" (dict "icon" "calendar") }}</span>
-  <span class="post_date">
-    Event date: {{ time.Format "Mon Jan 2, 2006 at 3:04 PM MST" .Params.event_date -}}{{ if .Params.event_location }}, {{.Params.event_location}}{{- end}}
+  <!-- this in-line style is to prevent a space before the comma separating time and date without effecting other parts of the post -->
+  <span style="margin-right: 0;" class="post_date" data-datetime="{{ .Params.event_date }}">
+    Event date: {{ time.Format "Mon Jan 2, 2006 at 3:04 PM " .Params.event_date -}} 
+  </span>
+  <span>
+    {{ if .Params.event_location }}, {{.Params.event_location}}{{- end}}
   </span>
   {{ end }}
   {{ if and (.Params.registration) (.Params.event_date) }}