diff --git a/hugo.toml b/hugo.toml
index 8d79dca..39683b7 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -111,7 +111,21 @@ enableEmoji = true
pageref = "/kontakt/"
weight = 7
-
-
+ [[menu.main]]
+ identifier = "instagram"
+ pre = "
"
+ name = ""
+ url = "https://www.instagram.com/vanilla.engineering"
+ weight = 8
+ [menu.main.params]
+ extern = true
+ [[menu.main]]
+ identifier = "linkedin"
+ pre = "
"
+ name = ""
+ url = "https://www.linkedin.com/company/vanilla-engineering"
+ weight = 9
+ [menu.main.params]
+ extern = true
diff --git a/layouts/partials/hamburger.html b/layouts/partials/hamburger.html
index de26f28..b008f36 100644
--- a/layouts/partials/hamburger.html
+++ b/layouts/partials/hamburger.html
@@ -7,7 +7,7 @@
{{ $currentPage := . }}
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 2ce84be..135e866 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -3,11 +3,11 @@
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
-
+
{{ if and (.HasChildren) (or ($currentPage.HasMenuCurrent "main" . ) ($currentPage.IsMenuCurrent "main" . )) }}
{{ range .Children }}
-
+
{{ end }}
{{ end }}
diff --git a/static/css/vanilla.css b/static/css/vanilla.css
index d83886b..e95e094 100644
--- a/static/css/vanilla.css
+++ b/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;