collapse older years

app/static/css/site.scss

@@ -220,6 +220,9 @@ header {
     .year {
       padding-bottom: 16px;
     }
+    h1 {
+      cursor: pointer;
+    }
 }
 
 nav.overlay {

app/templates/archive.html

@@ -50,12 +50,18 @@ body {
             </div>
         {% endfor %}
         <script>
+            let first = true
             document.querySelectorAll('.weeks h1').forEach(h1 => {
                 h1.addEventListener('click', event => {
                     var year = event.target.innerText
                     var details = document.querySelector('.year-details-' + year)
                     details.style.display = details.style.display == 'none' ? '' : 'none'
                 })
+                if (!first) {
+                    var details = document.querySelector('.year-details-' + h1.innerText)
+                    details.style.display = 'none'
+                }
+                first = false
             })
         </script>
     </div>