Menüeinträge für LinkedIn und Insta angepasst

This commit is contained in:
edi 2024-07-23 23:12:44 +02:00
parent 5fbd92fc12
commit fe9b842f07
Signed by: edi
SSH key fingerprint: SHA256:KFkwZzDracWAjmHqmcEMriW2i/8qe9LcXBGY2UFyQe4
3 changed files with 28 additions and 4 deletions

View file

@ -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>

View file

@ -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 }}>{{ with .Pre }}{{ . }} {{ 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 }}

View file

@ -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;
@ -387,7 +411,7 @@ aside > nav ul li.active.home {
aside > nav ul li img {
float: left;
height: 2rem;
filter: saturate(100%);
filter: var(--filter-icon-royal-plum);
}