nav-label: init

* label can be set differently from title
* label can have an optional icon with preffered size

* in site config =>
params:
  label:
    text: "Home"
    icon: /apple-touch-icon.png
    iconHeight: 35

assets/css/header.css

@@ -25,6 +25,15 @@
     font-weight: 700;
 }
 
+.logo a img {
+    display: inline;
+    vertical-align: middle;
+    pointer-events: none;
+    transform: translate(0, -10%);
+    border-radius: 6px;
+    margin-right: 8px;
+}
+
 .theme-toggle svg{
     height: 18px;
     margin: 0 10px;

layouts/partials/header.html

@@ -30,7 +30,13 @@
 <header class="header">
     <nav class="nav">
         <p class="logo">
-            <a href="{{ "" | absLangURL }}">{{ .Site.Title }}</a>
+            <a href="{{ "" | absLangURL }}">
+                {{- if .Site.Params.label.icon }}
+                <img src="{{- .Site.Params.label.icon -}}"
+                    height="{{- .Site.Params.label.iconHeight | default "30px" -}}">
+                {{- end -}}
+                {{- .Site.Params.label.text | default .Site.Title -}}
+            </a>
             {{- if (and (not .Site.Params.disableThemeToggle) (not (or (eq .Site.Params.defaultTheme "light") (eq .Site.Params.defaultTheme "dark")))) }}
             <span class="theme-toggle">
                 <a id="theme-toggle">