Update header

assets/css/main.css

@@ -157,12 +157,18 @@ svg {
     margin: 0.5rem;
     vertical-align: middle;
     fill: light-dark(var(--uchu-yin), var(--uchu-yang));
+
     @media (prefers-color-scheme: dark) {
       path {
         fill: white;
       }
     }
   }
+
+  &.active {
+    text-decoration: underline;
+    text-decoration-color: var(--uchu-blue);
+  }
 }
 
 header {
@@ -302,6 +308,7 @@ footer {
       width: 0.75rem;
       vertical-align: middle;
       margin: 0 1px;
+
       @media (prefers-color-scheme: dark) {
         path {
           fill: white;

content/about.md

@@ -3,7 +3,7 @@ date = '2024-12-12'
 title = 'Über mich'
 +++
 
-Mein Name ist _Jan Kremer_. Ich bin 29 Jahre alt und bin *Apotheker*. Manchmal schreibe ich über Technik und Software die ich benutze.
+Mein Name ist _Jan Kremer_. Ich bin 29 Jahre alt und habe *Pharmazie* studiert. Manchmal schreibe ich über Technik und Software die ich benutze.
 
 Wenn ich nicht gerade lerne, mache ich gerne Sport, vor allem Joggen, Kraftsport und Tanzen.
 

hugo.toml

@@ -12,7 +12,7 @@ email = "mail@jankremer.eu"
 [menus]
 [[menus.main]]
 name = "Blog"
-pageRef = "/"
+pageRef = "/blog"
 weight = 1
 [[menus.main]]
 name = "Fotos"

layouts/_partials/header.html

@@ -1,2 +1,6 @@
-<a href="/" class="title">{{ partial "logo.svg" . }}{{ site.Title }}</a>
+{{- $attrs := dict "class" "title" }}
+{{- if .IsHome }}
+{{- $attrs = merge $attrs (dict "class" "title active" "aria-current" "page") }}
+{{- end }}
+<a href="/" {{ range $k, $v :=$attrs }}{{ $k }}="{{ $v }}" {{ end }}>{{ partial "logo.svg" . }}{{ site.Title }}</a>
 {{ partial "menu.html" (dict "menuID" "main" "page" .) }}