From 6732cfa6de4f0aa2b41538e7b62a341b3fe27bf9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20Hells=C3=A9n?= <tlovinator@gmail.com>
Date: Fri, 29 Aug 2025 18:48:22 +0200
Subject: [PATCH] Refactor dashboard title and enhance campaign details display

---
 templates/twitch/dashboard.html | 33 ++++++++++++++++++++++++++++++---
 1 file changed, 30 insertions(+), 3 deletions(-)

diff --git a/templates/twitch/dashboard.html b/templates/twitch/dashboard.html
index 05a046f..13beab9 100644
--- a/templates/twitch/dashboard.html
+++ b/templates/twitch/dashboard.html
@@ -1,12 +1,15 @@
 {% extends "base.html" %}
 {% load static %}
 {% block title %}
-    Dashboard
+    Twitch drops
 {% endblock title %}
 {% block content %}
     <main>
-        <h1>Twitch Drops Dashboard</h1>
-        <p>Track active campaigns and upcoming drops</p>
+        <h1>Twitch Drops</h1>
+        <pre>
+Drops are sorted alphabetically by organization and game. Click on a campaign or game title to see more details.
+Hover over the end time to see the exact date and time.
+</pre>
         {% if campaigns_by_org_game %}
             {% for org_id, org_data in campaigns_by_org_game.items %}
                 <section>
@@ -57,6 +60,30 @@
                                                                  text-align: left">
                                                         Ends in {{ campaign.end_at|timeuntil }}
                                                     </time>
+                                                    <time datetime="{{ campaign.start_at|date:'c' }}"
+                                                          title="{{ campaign.start_at|date:'DATETIME_FORMAT' }}"
+                                                          style="font-size: 0.9rem;
+                                                                 color: #666;
+                                                                 display: block;
+                                                                 text-align: left">
+                                                        Started {{ campaign.start_at|timesince }} ago
+                                                    </time>
+                                                    <time datetime="{{ campaign.created_at|date:'c' }}"
+                                                          title="Scraped at {{ campaign.created_at|date:'DATETIME_FORMAT' }}"
+                                                          style="font-size: 0.9rem;
+                                                                 color: #666;
+                                                                 display: block;
+                                                                 text-align: left">
+                                                        Scraped {{ campaign.created_at|timesince }} ago
+                                                    </time>
+                                                    <time datetime="{{ campaign.start_at|date:'c' }} to {{ campaign.end_at|date:'c' }}"
+                                                          title="Duration: {{ campaign.start_at|date:'DATETIME_FORMAT' }} to {{ campaign.end_at|date:'DATETIME_FORMAT' }}"
+                                                          style="font-size: 0.9rem;
+                                                                 color: #666;
+                                                                 display: block;
+                                                                 text-align: left">
+                                                        Duration: {{ campaign.start_at|timesince:campaign.end_at }}
+                                                    </time>
                                                 </div>
                                             </article>
                                         {% endfor %}