compact view for archive

app/static/css/site.scss

@@ -75,6 +75,31 @@ header {
     .archive {
         text-align: center;
     }
+    &.archive {
+        h2.week {
+            text-align: center;
+            padding-top: 16px;
+            padding-bottom: 8px;
+            margin-bottom: 8px;
+            border-bottom: 1px solid blueviolet;
+        }
+        .item > a {
+            display: flex;
+            flex-direction: row-reverse;
+            gap: 16px;
+            .image, .info {
+                width: 50%;
+            }
+        }
+        .item {
+            .comments {
+                text-align: right;
+                padding-right: 4px;
+                margin-top: -4px;
+                padding-bottom: 4px;
+            }
+        }
+    }
 }
 
 nav.overlay {
@@ -117,6 +142,3 @@ nav.overlay {
     opacity: 0.8;
 }
 
-h2.week {
-    text-align: center;
-}

app/templates/archive.html

@@ -1,6 +1,9 @@
 {% extends "base.html" %}
+{% block head %}
+<title>{{ settings.SITENAME }}</title>
+{% endblock %}
 {% block content %}
-    <div class="index">
+    <div class="index archive">
     {% for item in items %}
         {% ifchanged item.week %}
         <h2 class="week">{{ item.year }} week {{ item.week }}</h2>

app/templates/listitem.html

@@ -1,7 +1,7 @@
     <div class="item">
         <a href="{{ item.get_absolute_url }}">
-            <h1>{{ item.title }}</h1>
             <div class="info">
+                <h1>{{ item.title }}</h1>
                 {{ item.data.title }}
             </div>
             <div class="image">