Insta & LinkedIn Icon ins Menü aufgenommen

hugo.toml

@@ -111,7 +111,17 @@ enableEmoji = true
   pageref = "/kontakt/"
   weight = 7
   
+  [[menu.main]]
+  identifier = "instagram"
+  pre = "<img src=/icons/instagram.svg>"
+  name = ""
+  url = "https://duck.com"
+  weight = 8
   
-  
-  
+  [[menu.main]]
+  identifier = "linkedin"
+  pre = "<img src=/icons/linkedin.svg>"
+  name = ""
+  url = "https://duck.com"
+  weight = 9
   

layouts/partials/sidebar.html

@@ -3,7 +3,7 @@
   {{ $currentPage := . }}
   <ul>
     {{ range .Site.Menus.main }}
-        <li class="{{ .Identifier }}{{ if ($currentPage.IsMenuCurrent "main" . ) }} active{{ end }}{{ with .Params.imp }} imp{{ end }}"><a href="{{ .URL }}" {{ with .Params.imp }}class="imp"{{ end }}>{{ .Name }}</a></li>
+        <li class="{{ .Identifier }}{{ if ($currentPage.IsMenuCurrent "main" . ) }} active{{ end }}{{ with .Params.imp }} imp{{ end }}"><a href="{{ .URL }}" {{ with .Params.imp }}class="imp"{{ end }}>{{ with .Pre }}{{ . }} {{ end }}{{ .Name }}</a></li>
         {{ if and (.HasChildren) (or ($currentPage.HasMenuCurrent "main" . ) ($currentPage.IsMenuCurrent "main" . )) }}
         <ul class="subnavi">
            {{ range .Children }}

static/css/vanilla.css

@@ -378,13 +378,37 @@ aside > nav ul li a:focus {
 }
 
 aside > nav ul li.active {
-    text-decoration: underline;
+    /* text-decoration: underline; */
 }
 
 aside > nav ul li.active.home {
     display: none !important;
 }
 
+/* Spezielle Links im Menü */
+aside > nav ul li img {
+	float: left;
+	height: 2rem;
+	filter: saturate(100%);
+}
+
+
+aside > nav ul li.instagram,
+aside > nav ul li.linkedin
+{
+    display: table-cell;
+    padding-left:1rem;
+
+}
+aside > nav ul li.instagram a,
+aside > nav ul li.linkedin a
+{
+	height: 3.5rem;
+	
+}
+
+
+
 .subnavi {
     margin-left: 2rem;
     font-size: 0.8em;