make typewriter responsive
This commit is contained in:
parent
057ac83c4a
commit
625a2b76ef
4 changed files with 69 additions and 5 deletions
|
@ -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>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue