From 203d6f6b44e917aee02e137c5d6cbd081b734ee2 Mon Sep 17 00:00:00 2001
From: dave <dave@davepedu.com>
Date: Thu, 12 Jan 2023 22:48:56 -0800
Subject: [PATCH] add more tag colors

---
 styles/less/main.less | 66 +++++++++++++++++++++++++++++++++++--------
 templates/page.html   |  4 +--
 2 files changed, 56 insertions(+), 14 deletions(-)

diff --git a/styles/less/main.less b/styles/less/main.less
index 510ad2b..b345e52 100644
--- a/styles/less/main.less
+++ b/styles/less/main.less
@@ -93,23 +93,65 @@ a {
     margin-right: 0.5em;
     border-radius: 3px;
 }
-.tag-icon-mod-6-0 {
-    background: #ffc94c;
+.tag-icon-0 {
+    background: #fa6e6e;
 }
-.tag-icon-mod-6-1 {
-    background: #41ccb4;
+.tag-icon-1 {
+    background: #d25476;
 }
-.tag-icon-mod-6-2 {
-    background: #40c365;
+.tag-icon-2 {
+    background: #a24375;
 }
-.tag-icon-mod-6-3 {
-    background: #ffc900;
+.tag-icon-3 {
+    background: #70366b;
 }
-.tag-icon-mod-6-4 {
-    background: #4100b4;
+.tag-icon-4 {
+    background: #3f2a58;
 }
-.tag-icon-mod-6-5 {
-    background: #00c365;
+.tag-icon-5 {
+    background: #b66efa;
+}
+.tag-icon-6 {
+    background: #3b7cea;
+}
+.tag-icon-7 {
+    background: #0077bd;
+}
+.tag-icon-8 {
+    background: #006986;
+}
+.tag-icon-9 {
+    background: #2a5558;
+}
+.tag-icon-10 {
+    background: #6ef5fa;
+}
+.tag-icon-11 {
+    background: #58cdbe;
+}
+.tag-icon-12 {
+    background: #4ca587;
+}
+.tag-icon-13 {
+    background: #427e55;
+}
+.tag-icon-14 {
+    background: #36582a;
+}
+.tag-icon-15 {
+    background: #8ffa6e;
+}
+.tag-icon-16 {
+    background: #b2bb35;
+}
+.tag-icon-17 {
+    background: #ad802a;
+}
+.tag-icon-18 {
+    background: #8b4e2f;
+}
+.tag-icon-19 {
+    background: #582a2a;
 }
 
 .email-content {
diff --git a/templates/page.html b/templates/page.html
index 8c726dc..d930161 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -21,11 +21,11 @@
                         <li class="pure-menu-item"><a href="/stats" class="pure-menu-link">Stats</a></li>
                         <li class="pure-menu-heading">Albums</li>
                         {% for tag in all_tags %}{% if tag.is_album %}
-                            <li class="pure-menu-item"><a href="/album/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-mod-6-{{ tag.id % 6 }}"></span>{{ tag.name }}</a></li>
+                            <li class="pure-menu-item"><a href="/album/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-{{ tag.id % 20 }}"></span>{{ tag.name }}</a></li>
                         {% endif %}{% endfor %}
                         <li class="pure-menu-heading">Tags</li>
                         {% for tag in all_tags %}{% if not tag.is_album %}
-                            <li class="pure-menu-item"><a href="/tag/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-mod-6-{{ tag.id % 6 }}"></span>{{ tag.name }}</a></li>
+                            <li class="pure-menu-item"><a href="/tag/{{ tag.slug }}" class="pure-menu-link"><span class="tag-icon tag-icon-{{ tag.id % 20 }}"></span>{{ tag.name }}</a></li>
                         {% endif %}{% endfor %}
                     </ul>
                 </div>