split menu into parts

assets/_custom.scss

@@ -42,6 +42,33 @@
   margin: 1rem;
 }
 
+.section-content {
+  display: none; /* Hide sections by default */
+  transition: max-height 0.3s ease-out;
+}
+
+.section-content.open {
+  display: block; /* Show sections when toggled */
+}
+
+.toggle-section {
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.arrow {
+  font-size: 0.55em;
+  margin-left: 10px;
+  transform: rotate(270deg);
+}
+
+.arrow.up {
+  transform: rotate(0deg);
+}
+
+
 #personal {
 width: 50%;
 min-width: 40px;

hugo.toml

@@ -30,20 +30,25 @@ disableKinds = ['taxonomy']
   url="/pdf/cv.pdf"
   weight=10
 
-[[menu.before]]
+[[menu.after]]
   name="blog"
   url="/posts"
-  weight=20
+  weight=10
 
 [[menu.after]]
+  name="keímena"
+  url="https://keimena.aethrvmn.gr"
+  weight=20
+
+[[menu.contact]]
   name="signal.me/aethrvmn"
   url="https://signal.me/#eu/hknLPAjFLEXeSdaX1ql5y8HiVrkJOPkzAHKLgV_spm8XWZ-N4jFK94Rr7BnVHy6Y"
   weight=30
-[[menu.after]]
+[[menu.contact]]
   name="t.me/aethrvmn"
   url="https://t.me/aethrvmn"
   weight=20
-[[menu.after]]
+[[menu.contact]]
   name="mail"
   url="mailto:aethrvmn@apotheke.earth"
   weight=10