optimized logo and header

layouts/partials/header.html

@@ -7,12 +7,12 @@
                 <!-- Logo and Title -->
                 <a href="{{ .Site.BaseURL }}" class="flex items-center space-x-4">
                     {{ with $headerConfig.logo }}
-                        <img src="{{ .src | relURL }}" alt="{{ $.Site.Title }}" class="{{ with .class }}{{ . }}{{ else }}h-20{{ end }}">
+                        <img src="{{ .src | relURL }}" alt="{{ $.Site.Title }}" class="{{ with .class }}{{ . }}{{ else }}h-12{{ end }}">
                     {{ else }}
-                        <span class="text-2xl font-bold text-gray-900">{{ .Site.Title }}</span>
+                        <span class="text-3xl font-bold text-gray-900">{{ .Site.Title }}</span>
                     {{ end }}
                     {{ if .Site.Title }}
-                        <span class="text-2xl font-semibold text-gray-800">{{ .Site.Title }}</span>
+                        <span class="text-3xl font-semibold text-gray-800">{{ .Site.Title }}</span>
                     {{ end }}
                 </a>
 

static/images/logo.svg

@@ -1,17 +1,8 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="35 36 130 128">
   <!-- outline around oval -->
-  <ellipse cx="100" cy="100" rx="60" ry="45" 
-           fill="none" 
-           stroke="#68b6e6" 
-           stroke-width="8"/>
-  
+  <ellipse cx="100" cy="100" rx="60" ry="45" fill="none" stroke="#68b6e6" stroke-width="8"/>
   <!-- Blue oval background -->
-  <ellipse cx="100" cy="100" rx="56" ry="41" 
-           fill="#2563eb"/>
-  
+  <ellipse cx="100" cy="100" rx="56" ry="41" fill="#2563eb"/>
   <!-- Yellow lightning bolt -->
-  <path d="M90 40 L130 40 L100 85 L130 85 L70 160 L90 105 L70 105 Z" 
-        fill="#fbbf24"
-        stroke="white"
-        stroke-width="2"/>
+  <path d="M90 40 L130 40 L100 85 L130 85 L70 160 L90 105 L70 105 Z" fill="#fbbf24" stroke="white" stroke-width="2"/>
 </svg>