keep archive per year, don't call it archive

app/static/css/style.css

@@ -17,7 +17,7 @@ body {
 }
 
 a {
-    color: var(--blue)
+    color: var(--fg)
 }
 iframe {
     max-width: 100%;
@@ -98,6 +98,10 @@ video, .poster {
 .more a {
     color: rgb(144, 144, 144);
 }
+.more nav {
+    margin-top: 24px;
+    margin-bottom: 24px;
+}
 .layer.active {
     padding-top: 8px;
 }

app/static/js/render.js

@@ -46,6 +46,31 @@ function renderItem(data) {
     if (!item.title) {
         div.querySelector('item-title').remove()
     }
+    if (item.next || item.previous) {
+        var more = div.querySelector('.more')
+        var nav = document.createElement('nav')
+        //more.insertBefore(nav, more.firstChild);
+        more.appendChild(nav)
+        if (item.previous) {
+            var a = document.createElement('a')
+            a.href = item.previous
+            a.innerText = '<< previous'
+            nav.appendChild(a)
+        }
+        if (item.previous && item.next) {
+            var e = document.createElement('span')
+            e.innerText = ' | '
+            nav.appendChild(e)
+        }
+        if (item.next) {
+            var a = document.createElement('a')
+            a.href = item.next
+            a.innerText = 'next >>'
+            nav.appendChild(a)
+        }
+
+
+    }
 
     if (window.renderComments) {
         renderComments(div.querySelector('.comments'), data)