fmouhart/fmouhart.epheme.re
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add logo on header

Browse Source
This commit is contained in:
Fabrice Mouhartem 2023-11-07 09:52:21 +01:00
parent 494379d020
commit 574a3bfe98
3 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
sass/_base.scss
View File

@ -47,12 +47,20 @@ header {
background-position: center center; background-position: center center;
display: flex; display: flex;
align-items: center; align-items: center;
padding: 10px; padding: 0px;
.date, h1 { .date, h1 {
color: $header-fg; color: $header-fg;
text-shadow: black 0px 0px 0.1em; text-shadow: black 0px 0px 0.1em;
} }
} }
#header-logo {
background: url('img/logo.png') top;
width: 150px;
height: 150px;
}
#header-logo:hover {
background-position: bottom;
}
h1 { h1 {
font-size: 28pt; font-size: 28pt;
} }

BIN
static/img/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 46 KiB

1
templates/header.html
View File

@ -1,3 +1,4 @@
<header id="title-block-header"> <header id="title-block-header">
<div id="header-logo"></div>
<h1 class="title">Fabrice Mouhartem</h1> <h1 class="title">Fabrice Mouhartem</h1>
</header> </header>