header: restore and adapt the avatar image

Co-Authored-by: iGor milhit <igor@milhit.ch>
merge-requests/5/head
iGor milhit 2021-11-03 11:16:28 +01:00
parent 07d9577e8c
commit ad3ee27f0a
Signed by: igor
GPG Key ID: 692D97C3D0228A99
2 changed files with 9 additions and 0 deletions

View File

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

View File

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