From 9254962dd9fbf9705cefe550ea5b29d1843688a5 Mon Sep 17 00:00:00 2001
From: Dominik George <dominik.george@teckids.org>
Date: Tue, 8 Oct 2024 23:34:55 +0200
Subject: [PATCH] Re-style product sections in menu

---
 templates/menu/projects.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/templates/menu/projects.html b/templates/menu/projects.html
index 5dfc32f..054004c 100644
--- a/templates/menu/projects.html
+++ b/templates/menu/projects.html
@@ -6,6 +6,8 @@
       {% set project_section = get_section(path=project_section_path) %}
       {% set project_taxonomy = get_taxonomy_term(kind="projekt", term=project_section.title) %}
       <section class="column menu-project-section" id="menu-project-section-{{ project_taxonomy.slug }}">
+	 <div class="card p-0 m-0 is-shadowless is-radiusless is-overlay is-flex is-flex-direction-column is-fullheight is-justify-content-space-between">
+         <div class="card-content p-0 m-0">
           <h1 class="title is-6 is-mega-menu-title"><a href="{{ project_section.permalink }}">
           <p> {{ project_section.title }} </p>
           <p class="is-4">{{ project_section.description }}</p>
@@ -16,12 +18,20 @@
         <div class="navbar-content">{{ page.title }}</div>
       </a>
       {% endfor %}
-      <hr />
+	 </div>
+	 {% if project_section.extra.products %}
+	 <div class="card-footer">
       {% for product in project_section.extra.products %}
-      <a class="navbar-item" href="{{ product.link }}">
-        <div class="navbar-content">{{ product.name }}</div>
+      <a class="card-footer-item" href="{{ product.link }}">
+	<span class="icon-text">
+	  <span>{{ product.name }}</span>
+	  <span class="icon"><i class="fa-solid fa-up-right-from-square"></i></span>
+	</span>
       </a>
       {% endfor %}
+	 </div>
+	 {% endif %}
+	 </div>
     </section>
     {% endfor %}
   </div>
-- 
GitLab