improve releases page

Author: PalmerAL

releases/releases.css

@@ -6,6 +6,18 @@
   height: 0.33em;
 }
 
+.release-container h1 {
+  border-bottom: none;
+}
+
+.release-container .release-date {
+  font-style: italic;
+  border-bottom: 1px solid #ccc;
+  padding-bottom: 0.5em;
+  margin-top: -1em;
+  margin-bottom: 1em;
+}
+
 #releases-older-link {
   font-size: 1.25em;
   width: 100%;

releases/releases.js

@@ -1,5 +1,5 @@
 
-var releaseCount = 2
+var releaseCount = 5
 try {
   var n = Math.max(1, parseInt(new URLSearchParams(window.location.search).get('n')))
   if (n !== 0 && !Number.isNaN(n)) {
@@ -22,6 +22,11 @@ window.addEventListener('DOMContentLoaded', function (event) {
        heading.textContent = release.name
        relContainer.appendChild(heading)
 
+       var dateHeading = document.createElement('div')
+       dateHeading.className = 'release-date'
+       dateHeading.textContent = (new Intl.DateTimeFormat(navigator.language, {month: 'long', day: 'numeric', year: 'numeric'})).format(new Date(release.created_at))
+       relContainer.appendChild(dateHeading)
+
        if (index === 0) {
            // only show download button for latest release
          var downloadLink = document.createElement('a')