sidebar

static/css/hyde.css

@@ -94,12 +94,40 @@ html {
 }
 
 /* Sidebar nav */
+
 .sidebar-nav {
   margin-bottom: 1rem;
   list-style: none;
   padding-left: 0;
 }
 
+/* Hauptpunkte: größer und mehr Abstand */
+.sidebar-nav > li {
+  margin-top: 0.6rem;
+}
+
+.sidebar-nav > li > a {
+  font-size: 1.05rem;
+  font-weight: bold;
+}
+
+/* Unterpunkte: kleiner und eingerückt */
+.sidebar-subnav {
+  list-style: none;
+  padding-left: 1rem;
+  margin-top: 0.2rem;
+}
+
+.sidebar-subnav > li > a {
+  font-size: 0.85rem;
+}
+
+/* CLI-Style-Pfeil vor Unterpunkten */
+.sidebar-subnav > li::before {
+  content: "› ";
+  color: #00ff41;
+}
+
 .sidebar-social {
   display: flex;
   justify-content: center;

templates/sidebar.html

@@ -12,18 +12,20 @@
 			<p class="lead">{{ BIO }} </p>
 			<p></p>
 		</div>
-		{% if MENUITEMS or DISPLAY_PAGES_ON_MENU %}
+			{% if SIDEBAR_MENU %}
 				<ul class="sidebar-nav">
-			{% if MENUITEMS %}
+				{% for title, url, children in SIDEBAR_MENU %}
-				{% for title, url in MENUITEMS %}
+					<li>
-					<li><a href="{{ url }}">{{ title }}</a></li>
+						<a href="{{ SITEURL }}{{ url }}">{{ title }}</a>
+						{% if children %}
+							<ul class="sidebar-subnav">
+								{% for sub_title, sub_url in children %}
+									<li><a href="{{ SITEURL }}{{ sub_url }}">{{ sub_title }}</a></li>
 								{% endfor %}
+							</ul>
 						{% endif %}
-			{% if DISPLAY_PAGES_ON_MENU %}
+					</li>
-				{% for p in pages %}
-					<li><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
 				{% endfor %}
-			{% endif %}
 				</ul>
 			{% endif %}
 		<nav class="sidebar-social">