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>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
## Page d'accueil
|
||||
- [x] Lien flux rss en bas de page
|
||||
- [x] Resize scrolling posts pour écrans fullhd x1.25
|
||||
- [ ] mettre la favicon à coté de mon nom sur la page d'accueil
|
||||
- [x] mettre la favicon à coté de mon nom sur la page d'accueil
|
||||
|
||||
## Galleries / figures
|
||||
- [x] ajouter une optimisation qui traite automatiquement les images dans les galleries en les resizant à la largeur de la page et en les transformant en .webp
|
||||
|
|
@ -38,6 +38,7 @@
|
|||
- [ ] Mettre "une machine au pif" avec du javascript qui en tire une au hazard
|
||||
- [ ] si pas d'image de cover dans un article, la box doit réagir (ajdh elle ne s'affiche pas du tout)
|
||||
|
||||
|
||||
### Scrolling posts
|
||||
- [x] add a blur to backgound images of scrolling posts
|
||||
- [x] Optimiser les images de la page d'accueil
|
||||
|
|
@ -98,3 +99,7 @@
|
|||
- [ ] Les projets ont des tags "en cours", "abandonné", "fini"
|
||||
- [ ] Commencer un article par une lettrine. Ajouter une option dans le frontmatter pour l'activer ou pas. Cf https://continuum.codeberg.page/2025-05-20-augsburg.html Pour le style
|
||||
- [ ] Rendre responsive au thème l'icone RSS
|
||||
|
||||
# Prio 3
|
||||
|
||||
- [ ] rendre la favicon svg du titre responsive par code avec les variables, pas manuellement avec une copie
|
||||
46
static/favicon-dark.svg
Normal file
46
static/favicon-dark.svg
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg fill="#DADADB" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 512 512" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
<circle cx="122.435" cy="361.739" r="16.696"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<circle cx="189.217" cy="361.739" r="16.696"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<circle cx="256" cy="361.739" r="16.696"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<circle cx="322.783" cy="361.739" r="16.696"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<circle cx="389.565" cy="361.739" r="16.696"/>
|
||||
</g>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path d="M503.943,416.496l-30.899-123.594v-64.729c0-27.618-22.469-50.087-50.087-50.087h-16.696v-33.391h50.087
|
||||
c9.22,0,16.696-7.475,16.696-16.696V94.609c0-9.22-7.475-16.696-16.696-16.696s-16.696,7.475-16.696,16.696v16.696h-33.391V50.087
|
||||
C406.261,22.469,383.792,0,356.174,0H155.826c-27.618,0-50.087,22.469-50.087,50.087v61.217H72.348V94.609
|
||||
c0-9.22-7.475-16.696-16.696-16.696c-9.22,0-16.696,7.475-16.696,16.696V128c0,9.22,7.475,16.696,16.696,16.696h50.087v33.391
|
||||
H89.044c-27.618,0-50.087,22.469-50.087,50.087v64.729l-30.9,123.595c-1.674,6.703-2.491,13.596-2.491,20.246v25.169
|
||||
C5.565,489.531,28.034,512,55.652,512h400.696c27.618,0,50.087-22.469,50.087-50.087v-25.169
|
||||
C506.435,430.237,505.655,423.344,503.943,416.496z M139.13,50.087c0-9.206,7.49-16.696,16.696-16.696h200.348
|
||||
c9.206,0,16.696,7.49,16.696,16.696v61.217H139.13V50.087z M139.13,144.696H372.87v66.783H139.13V144.696z M72.348,228.174
|
||||
c0-9.206,7.49-16.696,16.696-16.696h16.696v16.696c0,9.22,7.475,16.696,16.696,16.696h267.13c9.22,0,16.696-7.475,16.696-16.696
|
||||
v-16.696h16.696c9.206,0,16.696,7.49,16.696,16.696v50.087H72.348V228.174z M68.688,311.652h374.624l25.044,100.174H43.644
|
||||
L68.688,311.652z M473.043,461.913c0,9.206-7.49,16.696-16.696,16.696H55.652c-9.206,0-16.696-7.49-16.696-16.696v-16.696h434.087
|
||||
V461.913z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
|
||||
<svg fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
<svg fill="#1E1E1E" height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
viewBox="0 0 512 512" xml:space="preserve">
|
||||
<g>
|
||||
<g>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 2 KiB After Width: | Height: | Size: 2 KiB |
Loading…
Add table
Add a link
Reference in a new issue