From acfa45295be6f097a9d8dfbc42847ad9068c6036 Mon Sep 17 00:00:00 2001
From: SG <sg@exocortex.ru>
Date: Wed, 11 Jun 2025 23:09:14 +0300
Subject: [PATCH] updates - ui

---
 classes.py             | 2 +-
 templates/default.html | 9 ++++-----
 templates/index.html   | 5 +++++
 3 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/classes.py b/classes.py
index c8f4c32..fd7e831 100644
--- a/classes.py
+++ b/classes.py
@@ -44,7 +44,7 @@ class ContentItem:
             self.title = self.data.get("title", self.slug)
             self.omit_second_title = self.data.get("omit_second_title", False)
             self.date = self.data.get("date", "2000-01-01T00:00:00+03:00")
-            self.categories = self.data.get("categories", str([]))
+            self.categories = [c for c in self.data.get("categories", str([])) if c != 'default']
             self.hidden = self.data.get("hidden", str(False))
             self.data.content = self.data.content.replace('\n', '  \n')
             self.html = markdown.markdown(self.data.content)
diff --git a/templates/default.html b/templates/default.html
index c4d6c67..45b7d97 100644
--- a/templates/default.html
+++ b/templates/default.html
@@ -79,7 +79,7 @@
             <a href="{{ parent_path }}static/about.html">About</a>
     </div>
     <div id="categories_container" class="container">
-      <div id="categories_menu" class="row justify-content-around mx-auto" style="visibility: hidden">
+      <div id="categories_menu" class="row justify-content-around mx-auto" style="display: none">
         {% for category in categories %}
           <a href="{{ parent_path }}categories/{{ category }}.html" class="mx-2">{{ category }}</a>
         {% endfor %}
@@ -102,12 +102,11 @@
   <script defer>
     document.getElementById("categories_toggle").onclick = function() {
       categories_menu_item = document.getElementById("categories_menu")
-      console.log(categories_menu_item.style.visibility)
-      if (categories_menu_item.style.visibility == "hidden") {
-        categories_menu_item.style.visibility = "visible"
+      if (categories_menu_item.style.display == "none") {
+        categories_menu_item.style.display = "block"
       }
       else {
-        categories_menu_item.style.visibility = "hidden"
+        categories_menu_item.style.display = "none"
       }
     }
   </script>
diff --git a/templates/index.html b/templates/index.html
index d2e6278..f88fe72 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -25,6 +25,11 @@
               <h5 class="card-title"><a class="text-decoration-none text-body" href="{{ parent_path }}content/{{ content_item.slug}}.html">{{ content_item.title }}</a></h5>
               <p class="card-text mb-3">{{ content_item.preview | safe}}<a href="{{ parent_path }}content/{{ content_item.slug}}.html">... read more</a> </p>
             </div>
+            <div class="card-footer">
+              {% for item_category in content_item.categories %}
+              <small><a href="{{ parent_path }}categories/{{ item_category }}.html" class="text-muted mx-1">{{ item_category }}</a></small>
+              {% endfor %}
+            </div>
           </div>
         </div>
       {% endfor %}