From 8a543b2d5f3fa060d4d817ebaa94173f4a67e9ba Mon Sep 17 00:00:00 2001
From: timurgordon <timurgordon@gmail.com>
Date: Sat, 26 Feb 2022 06:01:07 +0300
Subject: [PATCH] improvements around

---
 content/header/_index.md            |  2 +-
 templates/page.html                 |  2 +-
 templates/partials/blogSidebar.html | 23 ++++++++++++-----------
 templates/partials/footer.html      |  2 +-
 templates/partials/header.html      |  4 +++-
 templates/roles/list.html           |  5 ++++-
 templates/shortcodes/row.html       |  4 ++--
 7 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/content/header/_index.md b/content/header/_index.md
index f696183..1057111 100644
--- a/content/header/_index.md
+++ b/content/header/_index.md
@@ -19,7 +19,7 @@ extra:
 
 #### [The Internot](apage)
 
-Whats wrong with the [internet](apage)
+Whats wrong with the [internet](/apage)
 
 <br>
 
diff --git a/templates/page.html b/templates/page.html
index 9da7934..61eea99 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -2,7 +2,7 @@
 
 {% block content %}
 
-<main class="p-16">
+<main class="pt-16">
     <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
     <script>mermaid.initialize({startOnLoad:true});</script>
     {{page.content | safe}}
diff --git a/templates/partials/blogSidebar.html b/templates/partials/blogSidebar.html
index 8001ef7..e6de9c6 100644
--- a/templates/partials/blogSidebar.html
+++ b/templates/partials/blogSidebar.html
@@ -1,13 +1,3 @@
-<script>
-
-    window.onload = function(){
-        let activeCategory = window.location.pathname.split("/")[2]    
-        if (typeof activeCategory === "undefined") { activeLink = document.getElementById("all") }
-        else { activeLink = document.getElementById(activeCategory)}
-        activeLink.className = activeLink.className.replace("text-black font-normal", "text-black font-semibold");
-    }
-
-</script>
 
 <div class="mx-8 md:mx-4 flex flex-col">
     <div class="lg:pt-24 flex flex-col mb-12 md:mr-24">
@@ -34,4 +24,15 @@
         {% endfor %}
         
     </div>
-</div>
\ No newline at end of file
+</div>
+
+<script>
+    function setActiveCategory() {
+        let activeCategory = window.location.pathname.split("/")[2]    
+        if (typeof activeCategory === "undefined") { activeLink = document.getElementById("all") }
+        else { activeLink = document.getElementById(activeCategory)}
+        activeLink.className = activeLink.className.replace("text-black font-normal", "text-black font-semibold");
+    }
+
+    setActiveCategory()
+</script>
\ No newline at end of file
diff --git a/templates/partials/footer.html b/templates/partials/footer.html
index 44862d2..d1e0e55 100644
--- a/templates/partials/footer.html
+++ b/templates/partials/footer.html
@@ -20,7 +20,7 @@
                 {% include "partials/socialLinks.html" %}
             </div>
 
-            <div class="mt-6 md:mt-0 w-full">
+            <div class="mt-6 lg:mt-0 w-full">
                 {{ section.content | safe }}
             </div>
               
diff --git a/templates/partials/header.html b/templates/partials/header.html
index 92f8a06..396097a 100644
--- a/templates/partials/header.html
+++ b/templates/partials/header.html
@@ -26,6 +26,7 @@
     }
 
     function toggleHamburger() {
+        console.log("toggling hamburger", hamburgerShown)
         if (hamburgerShown) { 
             hideHamburger();
             hamburgerShown = false;
@@ -43,6 +44,7 @@
 
     function hideMenu(menuName) {
         var menuId = menuName + (isMobile ? '-mobile-menu' : '-menu');
+        console.log(menuId)
         document.getElementById(menuId).className = document.getElementById(menuId).className.replace("ease-out opacity-1 -translate-y-0", "hidden ease-in opacity-0 -translate-y-1");
     }
 
@@ -58,7 +60,7 @@
         document.getElementById('hamburger').className = "hidden absolute z-20 top-0 inset-x-0 transition transform origin-top-right md:hidden";
         document.getElementById('hamburger-btn').className = "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out";
         document.getElementById('close-hamburger-btn').className = "hidden md:hidden inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:bg-gray-100 focus:text-gray-500 transition duration-150 ease-in-out";
-        hideMenu();
+        if (displayedMenu !== "") { hideMenu(displayedMenu); }
     }
 
     window.onload = function(){
diff --git a/templates/roles/list.html b/templates/roles/list.html
index f628a84..7330b1f 100644
--- a/templates/roles/list.html
+++ b/templates/roles/list.html
@@ -1,4 +1,7 @@
 {% extends "index.html" %}
 
 {% block content %}
-{% endblock content %}
\ No newline at end of file
+
+{{ terms }}
+
+{% endblock content %}
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index 8cc8242..c7fa868 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -18,12 +18,12 @@ Parameters:
     {% set classes = classes ~ " lg:items-center" %}
 {% endif %}
 
-{% set column_classes = "flex-1 lg:mx-8" %}
+{% set column_classes = "flex-1 md:mx-8" %}
 
 {% if style %}
 
 {% if "lean" in style %}
-    {% set classes = "relative flex flex-col lg:flex-row items-baseline w-full" %}
+    {% set classes = "relative flex flex-col md:flex-row items-baseline w-full" %}
     {% set column_classes = "flex-1 m-4 md:m-0" %}
 {% endif %}