make typewriter responsive

This commit is contained in:
gribse 2025-05-22 22:39:07 +02:00
parent 057ac83c4a
commit 625a2b76ef
4 changed files with 69 additions and 5 deletions

View file

@ -85,6 +85,19 @@
max-height: 100%;
object-fit: contain;
}
.light-logo {
display: block;
}
.dark-logo {
display: none;
}
body.dark .light-logo {
display: none;
}
body.dark .dark-logo {
display: block;
}
.navigation {
flex-grow: 3;
@ -225,11 +238,11 @@
<div class="title-wrapper">
<h1 class="site-title">Achille<br/>Toupin</h1>
<div class="site-logo">
<img src="favicon.svg" alt="Logo de machine à écrire" class="logo"></img>
<img src="favicon.svg" alt="Logo de machine à écrire" class="logo light-logo">
<img src="favicon-dark.svg" alt="Logo de machine à écrire" class="logo dark-logo">
</div>
</div>
<nav class="navigation">
{{ partial "menu.html" }}
</nav>