portugalfuturista/elixir
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

templates: Remove png version of logo

Browse source 
Backwards compatibility for browsers without svg support (in this
version) causes the logo to unnecessarily flicker on navigation.

According to caniuse.com SVG in img elements is supported in browsers
used by 97.85% of users. https://caniuse.com/svg-img
Firefox introduced support in 2011, Chrome in 2013, Safari in 2015.
This commit is contained in:
Franciszek Stachura 2024-08-28 13:20:20 +02:00 committed by Théo Lebrun
parent 8c5e12fffd
commit f5c7c3c1ec
2 changed files with 1 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
static/img/bootlin-logo-white.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 3.1 KiB

5
templates/header.html
View file

@ -12,10 +12,7 @@
<a class="message-link" target="_blank" href="https://bootlin.com/training/audio/"></a>
</div>
<h1>
<object data="/static/img/bootlin-logo-white.svg" type="image/svg+xml">
<!-- If the browser doesn't support SVG -->
<img src="/static/img/bootlin-logo-white.png" alt="Bootlin logo" />
</object>
<img src="/static/img/bootlin-logo-white.svg" alt="Bootlin logo"/>
</h1>
<h2>Elixir Cross Referencer</h2>
<nav>