Merge branch 'menu-neu'

alles drin

hugo.toml

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

layouts/partials/hamburger.html

@@ -7,7 +7,7 @@
     {{ $currentPage := . }}
     <ul class="menu__box">
     {{ range .Site.Menus.main }}
-       <li><a class="menu__item {{ .Identifier}}{{ if ($currentPage.IsMenuCurrent "main" . ) }} active{{ end }}{{ with .Params.imp }} imp{{ end }}" href="{{ .URL }}">{{ .Name }}</a></li>
+       <li><a class="menu__item {{ .Identifier}}{{ if ($currentPage.IsMenuCurrent "main" . ) }} active{{ end }}{{ with .Params.imp }} imp{{ end }}" href="{{ .URL }}"{{ with .Params.extern }} target="_blank" {{ end }}>{{ with .Pre }}{{ . }} {{ end }}{{ .Name }}</a></li>
     {{ end }}   
     </ul>
   </div>

layouts/partials/sidebar.html

@@ -3,11 +3,11 @@
   {{ $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 .Params.extern }} target="_blank"{{ end }}>{{ with .Pre }}{{ . }} {{ end }}{{ .Name }}</a></li>
         {{ if and (.HasChildren) (or ($currentPage.HasMenuCurrent "main" . ) ($currentPage.IsMenuCurrent "main" . )) }}
         <ul class="subnavi">
            {{ range .Children }}
-           <li class="{{ .Identifier }}{{ if ($currentPage.IsMenuCurrent "main" . ) }} active{{ end }}"><a href="{{ .URL }}">{{ .Name }}</a></li>
+           <li class="{{ .Identifier }}{{ if ($currentPage.IsMenuCurrent "main" . ) }} active{{ end }}"><a href="{{ .URL }}"{{ with .Params.extern }} target="_blank"{{ end }}>{{ .Name }}</a></li>
            {{ end }}
         </ul>
         {{ end }}

static/css/vanilla.css

@@ -316,6 +316,30 @@ header#hero img {
     text-decoration: none;
     transition-duration: .3s;
 }
+
+/* Spezielle Links im Menü */
+ul.menu__box> li img {
+	float: left;
+	height: 2rem;
+	filter: var(--filter-icon-gentle-ecru);
+}
+
+
+ul.menu__box > li .instagram,
+ul.menu__box > li .linkedin
+{
+    display: table-cell;
+    padding-left: 1rem;
+
+}
+ul.menu__box > li .instagram a,
+ul.menu__box > li .linkedin a
+{
+	height: 3.5rem;
+	
+}
+
+
 .menu__item.active {
     text-decoration: underline;
 
@@ -376,13 +400,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: var(--filter-icon-royal-plum);
+}
+
+
+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;