add legend to track activity

9 files changed, 109 insertions, 63 deletions

diff --git a/asset-sources/theme.scss b/asset-sources/theme.scss
index 5432b43..2faaffa 100644
--- a/asset-sources/theme.scss
+++ b/asset-sources/theme.scss
@@ -271,39 +271,37 @@ strong {
   }
 }
 
-.contributions {
-  tbody td.contribs-cell {
-    div {
-      border: 1px solid rgba(0, 0, 0, 0.175);
-      border-radius: calc(0.375rem - (1px));
-
-      width: 1.1em;
-      height: 1.1em;
-    }
-  }
+.contribs-cell {
+  div {
+    border: 1px solid rgba(0, 0, 0, 0.175);
+    border-radius: calc(0.375rem - (1px));
 
-  .contribs-rowhead {
-    font-size: 90%;
+    width: 1.1em;
+    height: 1.1em;
   }
+}
 
-  .contribs-length-0 div {
-    background-color: #FFFFFF;
-  }
-  .contribs-length-1 div {
-    background-color: #8FF0A4;
-  }
-  .contribs-length-2 div {
-    background-color: #75DD95;
-  }
-  .contribs-length-3 div {
-    background-color: #5BC987;
-  }
-  .contribs-length-4 div {
-    background-color: #40B678;
-  }
-  .contribs-length-5 div {
-    background-color: #26A269;
-  }
+.contribs-rowhead {
+  font-size: 90%;
+}
+
+.contribs-length-0 div {
+  background-color: #FFFFFF;
+}
+.contribs-length-1 div {
+  background-color: #8FF0A4;
+}
+.contribs-length-2 div {
+  background-color: #75DD95;
+}
+.contribs-length-3 div {
+  background-color: #5BC987;
+}
+.contribs-length-4 div {
+  background-color: #40B678;
+}
+.contribs-length-5 div {
+  background-color: #26A269;
 }
 
 .browse-summary {
diff --git a/fietsboek/locale/de/LC_MESSAGES/messages.mo b/fietsboek/locale/de/LC_MESSAGES/messages.mo
index 4ffa423..25b4a89 100644
--- a/fietsboek/locale/de/LC_MESSAGES/messages.mo
+++ b/fietsboek/locale/de/LC_MESSAGES/messages.mo
diff --git a/fietsboek/locale/de/LC_MESSAGES/messages.po b/fietsboek/locale/de/LC_MESSAGES/messages.po
index 8342327..bdd53a7 100644
--- a/fietsboek/locale/de/LC_MESSAGES/messages.po
+++ b/fietsboek/locale/de/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2026-08-12 22:13+0200\n"
+"POT-Creation-Date: 2026-08-13 17:40+0200\n"
 "PO-Revision-Date: 2022-07-02 17:35+0200\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language: de\n"
@@ -61,7 +61,7 @@ msgstr "Maximalgeschwindigkeit"
 msgid "pdf.table.avg_speed"
 msgstr "Durchschnittsgeschwindigkeit"
 
-#: fietsboek/summaries.py:384
+#: fietsboek/summaries.py:429
 msgid "page.profile.contribution_card.tooltip"
 msgid_plural "page.profile.contribution_card.tooltips"
 msgstr[0] "${count} Strecke am ${date}"
@@ -1018,27 +1018,35 @@ msgstr "Anzahl der Strecken"
 msgid "page.profile.contribution_card.title"
 msgstr "Streckenaktivität"
 
-#: fietsboek/templates/profile_overview.jinja2:142
+#: fietsboek/templates/profile_overview.jinja2:147
+msgid "page.profile.contribution_card.legend.less"
+msgstr "Weniger km"
+
+#: fietsboek/templates/profile_overview.jinja2:154
+msgid "page.profile.contribution_card.legend.more"
+msgstr "Mehr km"
+
+#: fietsboek/templates/profile_overview.jinja2:161
 msgid "page.profile.longest_distance_track"
 msgstr "Weiteste Strecke"
 
-#: fietsboek/templates/profile_overview.jinja2:147
+#: fietsboek/templates/profile_overview.jinja2:166
 msgid "page.profile.shortest_distance_track"
 msgstr "Kürzeste Strecke"
 
-#: fietsboek/templates/profile_overview.jinja2:152
+#: fietsboek/templates/profile_overview.jinja2:171
 msgid "page.profile.longest_duration_track"
 msgstr "Am Längsten Dauernde Strecke"
 
-#: fietsboek/templates/profile_overview.jinja2:157
+#: fietsboek/templates/profile_overview.jinja2:176
 msgid "page.profile.shortest_duration_track"
 msgstr "Am Kürzesten Dauernde Strecke"
 
-#: fietsboek/templates/profile_overview.jinja2:178
+#: fietsboek/templates/profile_overview.jinja2:197
 msgid "page.profile.heatmap"
 msgstr "Heatmap"
 
-#: fietsboek/templates/profile_overview.jinja2:186
+#: fietsboek/templates/profile_overview.jinja2:205
 msgid "page.profile.tilehunt"
 msgstr "Kacheljäger"
 
diff --git a/fietsboek/locale/en/LC_MESSAGES/messages.mo b/fietsboek/locale/en/LC_MESSAGES/messages.mo
index 39eabb5..b0c8a9c 100644
--- a/fietsboek/locale/en/LC_MESSAGES/messages.mo
+++ b/fietsboek/locale/en/LC_MESSAGES/messages.mo
diff --git a/fietsboek/locale/en/LC_MESSAGES/messages.po b/fietsboek/locale/en/LC_MESSAGES/messages.po
index a8e6c0c..e75d0e0 100644
--- a/fietsboek/locale/en/LC_MESSAGES/messages.po
+++ b/fietsboek/locale/en/LC_MESSAGES/messages.po
@@ -7,7 +7,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2026-08-12 22:13+0200\n"
+"POT-Creation-Date: 2026-08-13 17:40+0200\n"
 "PO-Revision-Date: 2023-04-03 20:42+0200\n"
 "Last-Translator: \n"
 "Language: en\n"
@@ -61,7 +61,7 @@ msgstr "Max Speed"
 msgid "pdf.table.avg_speed"
 msgstr "Average Speed"
 
-#: fietsboek/summaries.py:384
+#: fietsboek/summaries.py:429
 msgid "page.profile.contribution_card.tooltip"
 msgid_plural "page.profile.contribution_card.tooltips"
 msgstr[0] "${count} track on ${date}"
@@ -1012,27 +1012,35 @@ msgstr "Number of tracks"
 msgid "page.profile.contribution_card.title"
 msgstr "Track Activity"
 
-#: fietsboek/templates/profile_overview.jinja2:142
+#: fietsboek/templates/profile_overview.jinja2:147
+msgid "page.profile.contribution_card.legend.less"
+msgstr "Fewer km"
+
+#: fietsboek/templates/profile_overview.jinja2:154
+msgid "page.profile.contribution_card.legend.more"
+msgstr "More km"
+
+#: fietsboek/templates/profile_overview.jinja2:161
 msgid "page.profile.longest_distance_track"
 msgstr "Longest Track"
 
-#: fietsboek/templates/profile_overview.jinja2:147
+#: fietsboek/templates/profile_overview.jinja2:166
 msgid "page.profile.shortest_distance_track"
 msgstr "Shortest Track"
 
-#: fietsboek/templates/profile_overview.jinja2:152
+#: fietsboek/templates/profile_overview.jinja2:171
 msgid "page.profile.longest_duration_track"
 msgstr "Most Time-Consuming Track"
 
-#: fietsboek/templates/profile_overview.jinja2:157
+#: fietsboek/templates/profile_overview.jinja2:176
 msgid "page.profile.shortest_duration_track"
 msgstr "Quickest Track"
 
-#: fietsboek/templates/profile_overview.jinja2:178
+#: fietsboek/templates/profile_overview.jinja2:197
 msgid "page.profile.heatmap"
 msgstr "Heat Map"
 
-#: fietsboek/templates/profile_overview.jinja2:186
+#: fietsboek/templates/profile_overview.jinja2:205
 msgid "page.profile.tilehunt"
 msgstr "Tilehunt"
 
diff --git a/fietsboek/locale/fietslog.pot b/fietsboek/locale/fietslog.pot
index 7f7e325..53f697f 100644
--- a/fietsboek/locale/fietslog.pot
+++ b/fietsboek/locale/fietslog.pot
@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2026-08-12 22:13+0200\n"
+"POT-Creation-Date: 2026-08-13 17:40+0200\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -57,7 +57,7 @@ msgstr ""
 msgid "pdf.table.avg_speed"
 msgstr ""
 
-#: fietsboek/summaries.py:384
+#: fietsboek/summaries.py:429
 msgid "page.profile.contribution_card.tooltip"
 msgid_plural "page.profile.contribution_card.tooltips"
 msgstr[0] ""
@@ -1004,27 +1004,35 @@ msgstr ""
 msgid "page.profile.contribution_card.title"
 msgstr ""
 
-#: fietsboek/templates/profile_overview.jinja2:142
+#: fietsboek/templates/profile_overview.jinja2:147
+msgid "page.profile.contribution_card.legend.less"
+msgstr ""
+
+#: fietsboek/templates/profile_overview.jinja2:154
+msgid "page.profile.contribution_card.legend.more"
+msgstr ""
+
+#: fietsboek/templates/profile_overview.jinja2:161
 msgid "page.profile.longest_distance_track"
 msgstr ""
 
-#: fietsboek/templates/profile_overview.jinja2:147
+#: fietsboek/templates/profile_overview.jinja2:166
 msgid "page.profile.shortest_distance_track"
 msgstr ""
 
-#: fietsboek/templates/profile_overview.jinja2:152
+#: fietsboek/templates/profile_overview.jinja2:171
 msgid "page.profile.longest_duration_track"
 msgstr ""
 
-#: fietsboek/templates/profile_overview.jinja2:157
+#: fietsboek/templates/profile_overview.jinja2:176
 msgid "page.profile.shortest_duration_track"
 msgstr ""
 
-#: fietsboek/templates/profile_overview.jinja2:178
+#: fietsboek/templates/profile_overview.jinja2:197
 msgid "page.profile.heatmap"
 msgstr ""
 
-#: fietsboek/templates/profile_overview.jinja2:186
+#: fietsboek/templates/profile_overview.jinja2:205
 msgid "page.profile.tilehunt"
 msgstr ""
 
diff --git a/fietsboek/static/theme.css b/fietsboek/static/theme.css
index 78d79e3..d12a9b7 100644
--- a/fietsboek/static/theme.css
+++ b/fietsboek/static/theme.css
@@ -259,31 +259,38 @@ strong {
   color: inherit;
 }
 
-.contributions tbody td.contribs-cell div {
+.contribs-cell div {
   border: 1px solid rgba(0, 0, 0, 0.175);
   border-radius: calc(0.375rem - 1px);
   width: 1.1em;
   height: 1.1em;
 }
-.contributions .contribs-rowhead {
+
+.contribs-rowhead {
   font-size: 90%;
 }
-.contributions .contribs-length-0 div {
+
+.contribs-length-0 div {
   background-color: #FFFFFF;
 }
-.contributions .contribs-length-1 div {
+
+.contribs-length-1 div {
   background-color: #8FF0A4;
 }
-.contributions .contribs-length-2 div {
+
+.contribs-length-2 div {
   background-color: #75DD95;
 }
-.contributions .contribs-length-3 div {
+
+.contribs-length-3 div {
   background-color: #5BC987;
 }
-.contributions .contribs-length-4 div {
+
+.contribs-length-4 div {
   background-color: #40B678;
 }
-.contributions .contribs-length-5 div {
+
+.contribs-length-5 div {
   background-color: #26A269;
 }
 
diff --git a/fietsboek/static/theme.css.map b/fietsboek/static/theme.css.map
index 9408c30..acade8d 100644
--- a/fietsboek/static/theme.css.map
+++ b/fietsboek/static/theme.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../asset-sources/theme.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAlCJ;EAqCE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;;;AAMA;EACE;EACA;EAEA;EACA;;AAIJ;EACE;;AAGF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI,eACE;;;AAIJ;EACE;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","file":"theme.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../../asset-sources/theme.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAIA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAlCJ;EAqCE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACI;;;AAGJ;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAEF;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;;;AAKF;EACE;EACA;EAEA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;AAEA;EAJF;IAKI,eACE;;;AAIJ;EACE;;AAGF;EACE;;AAEA;EAHF;IAII;;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;;AAIJ;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","file":"theme.css"}
\ No newline at end of file
diff --git a/fietsboek/templates/profile_overview.jinja2 b/fietsboek/templates/profile_overview.jinja2
index fbb1804..381efb6 100644
--- a/fietsboek/templates/profile_overview.jinja2
+++ b/fietsboek/templates/profile_overview.jinja2
@@ -140,6 +140,23 @@
   </table>
 </div>
 
+<div class="d-flex justify-content-end mb-3">
+  <table>
+    <tbody>
+      <tr>
+        <td>{{ _("page.profile.contribution_card.legend.less") }}</td>
+        <td class="contribs-cell contribs-length-0"><div></div></td>
+        <td class="contribs-cell contribs-length-1"><div></div></td>
+        <td class="contribs-cell contribs-length-2"><div></div></td>
+        <td class="contribs-cell contribs-length-3"><div></div></td>
+        <td class="contribs-cell contribs-length-4"><div></div></td>
+        <td class="contribs-cell contribs-length-5"><div></div></td>
+        <td>{{ _("page.profile.contribution_card.legend.more") }}</td>
+      </tr>
+    </tbody>
+  </table>
+</div>
+
 {% if total.longest_distance_track %}
 <h2>{{ _("page.profile.longest_distance_track") }}</h2>
 {{ render_track_card(total.longest_distance_track) }}