A small test with animated logos for the funs

Author: b-n

config/_default/params.toml

@@ -22,8 +22,8 @@ fingerprintAlgorithm = "sha256"
 
 [header]
   layout = "hybrid" # valid options: basic, hamburger, hybrid, custom
-  logo = "img/logo-nl.png"
-  logo_en = "img/logo-en.png"
+  logo = "img/twc-nederland.svg"
+  logo_en = "img/twc-thenetherlands-animated.svg"
   # logoDark = "img/dark-logo.jpg"
   showTitle = false
 

layouts/_partials/logo.html

@@ -18,17 +18,17 @@
       <!-- prettier-ignore-attribute -->
       <img
         src="{{ $logo.RelPermalink }}"
-        width="{{ div $logo.Width 2 }}"
-        height="{{ div $logo.Height 2 }}"
+        width="150"
+        height="150"
         class="max-h-[10rem] max-w-[10rem] object-scale-down object-left
         {{ if $logo_dark }}hidden{{ end }}"
         alt="{{ .Site.Title }}"
       />
       {{- if $logo_dark }}
         <img
           src="{{ $logo_dark.RelPermalink }}"
-          width="{{ div $logo_dark.Width 2 }}"
-          height="{{ div $logo_dark.Height 2 }}"
+          width="150"
+          height="150"
           class="max-h-[10rem] max-w-[10rem] object-scale-down object-left"
           alt="{{ .Site.Title }}"
         />