global: add alt descriptions for images
This commit is contained in:
parent
bcbd315337
commit
db2000640a
3 changed files with 22 additions and 21 deletions
|
|
@ -32,31 +32,32 @@
|
|||
I always liked this type of aesthetic and the mix of melancholy of comfort it brings me.
|
||||
It feels good to bring that vibe into one of my projects.
|
||||
<badges>
|
||||
<img src="/static/assets/badges/88x31computer.gif" />
|
||||
<img src="/static/assets/badges/cssisawesome.webp" />
|
||||
<img src="/static/assets/badges/queer.webp" />
|
||||
<img width="100px" src="/static/assets/badges/skywardsword.webp" />
|
||||
<img src="/static/assets/badges/transrightsnow.webp" />
|
||||
<img width="30%" src="/static/assets/badges/kirby.gif" />
|
||||
<img width="30%" src="/static/assets/badges/pink.gif" />
|
||||
<img width="30%" src="/static/assets/badges/trans.gif" />
|
||||
<img src="/static/assets/badges/88x31computer.gif" alt="88x31 pixel art badge with a retro computer" />
|
||||
<img src="/static/assets/badges/cssisawesome.webp" alt="Badge with text 'CSS is Awesome'" />
|
||||
<img src="/static/assets/badges/queer.webp" alt="Queer pride flag badge" />
|
||||
<img width="100px" src="/static/assets/badges/skywardsword.webp"
|
||||
alt="Cover art for The Legend of Zelda Skyward Sword" />
|
||||
<img src="/static/assets/badges/transrightsnow.webp" alt="Trans rights badge with text 'Trans Rights Now'" />
|
||||
<img width="30%" src="/static/assets/badges/kirby.gif" alt="Kirby character animated GIF" />
|
||||
<img width="30%" src="/static/assets/badges/pink.gif" alt="Pink animated pixel art badge" />
|
||||
<img width="30%" src="/static/assets/badges/trans.gif" alt="Trans pride flag animated badge" />
|
||||
</badges>
|
||||
</box>
|
||||
<box id="smallbox">
|
||||
<socials-header> Socials ! </socials-header>
|
||||
<socials>
|
||||
<a href="https://github.com/naguiagahnim" target="_blank"><img src="/static/assets/icons/github.webp"
|
||||
width="30px" /></a>
|
||||
width="30px" alt="GitHub logo" /></a>
|
||||
<a href="https://open.spotify.com/intl-fr/artist/4BPUhsH6krKkCNFrdMZnZF?si=E3luyIf0S_yfJRmm82S5OA"
|
||||
target="_blank"><img src="/static/assets/icons/spotify.webp" width="30px" /></a>
|
||||
target="_blank"><img src="/static/assets/icons/spotify.webp" width="30px" alt="Spotify logo" /></a>
|
||||
<a href="https://www.instagram.com/agahnim_music/" target="_blank"><img src="/static/assets/icons/insta.webp"
|
||||
width="30px" /></a>
|
||||
width="30px" alt="Instagram logo" /></a>
|
||||
</socials>
|
||||
<img width="200px" src="/static/assets/gifs/divider2.gif" />
|
||||
<img width="200px" src="/static/assets/gifs/divider2.gif" alt="Decorative divider" />
|
||||
</box>
|
||||
<box id="newsbox">
|
||||
<website-news>
|
||||
<img width="70%" src="/static/assets/gifs/updates.gif" />
|
||||
<img width="70%" src="/static/assets/gifs/updates.gif" alt="Animated text 'Updates'" />
|
||||
|
||||
{% for article in news %}
|
||||
<article-entry>
|
||||
|
|
@ -66,7 +67,7 @@
|
|||
<article-body>
|
||||
{{ article.body }}
|
||||
</article-body>
|
||||
<img width="300px" src="/static/assets/gifs/divider2.gif" />
|
||||
<img width="300px" src="/static/assets/gifs/divider2.gif" alt="Decorative divider" />
|
||||
</article-entry>
|
||||
{% else %}
|
||||
<ominous-message>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue