header: restore and adapt the avatar image

Co-Authored-by: iGor milhit <igor@milhit.ch>

assets/scss/_header.scss

@@ -9,6 +9,12 @@
   flex-direction: column;
   margin: 1.25rem 0;
 
+  .avatar {
+    height: 3rem;
+    margin: auto 0;
+    border-radius: 35%;
+  }
+
   h1 {
     margin: 0;
   }
@@ -20,6 +26,8 @@
   .title {
     display: flex;
     justify-content: center;
+    gap: .5rem;
+    margin-bottom: .5rem;
   }
 
   nav {

layouts/partials/header.html

@@ -1,5 +1,6 @@
 <header class="main-header">
   <a href="{{ .Site.BaseURL }}" class="title">
+    <img class="avatar" src="{{ .Site.BaseURL  }}images/avatar.png">
     <h1>{{ .Site.Title }}</h1>
   </a>
   <nav role="navigation" aria-label="Primary">