From 567ae6bde3395854a975867da296edeb46f823e8 Mon Sep 17 00:00:00 2001
From: j <j@mailb.org>
Date: Mon, 21 Aug 2023 11:24:53 +0200
Subject: [PATCH] compact view for archive

---
 app/static/css/site.scss    | 28 +++++++++++++++++++++++++---
 app/templates/archive.html  |  5 ++++-
 app/templates/listitem.html |  2 +-
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/app/static/css/site.scss b/app/static/css/site.scss
index 0a473cb..dd1d666 100644
--- a/app/static/css/site.scss
+++ b/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;
-}
diff --git a/app/templates/archive.html b/app/templates/archive.html
index d003b5b..4987635 100644
--- a/app/templates/archive.html
+++ b/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>
diff --git a/app/templates/listitem.html b/app/templates/listitem.html
index ba0b145..d14c8e4 100644
--- a/app/templates/listitem.html
+++ b/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">