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.
34 lines
1.8 KiB
HTML
34 lines
1.8 KiB
HTML
<header class="header">
|
|
<div class="message-banner-mobile">
|
|
<p class="title">Linux Audio</p>
|
|
<p class="subtitle">Check our new training course</p>
|
|
<a class="message-link" target="_blank" href="https://bootlin.com/training/audio/"></a>
|
|
</div>
|
|
<div class="message-banner-desktop">
|
|
<p class="title">Embedded Linux Audio</p>
|
|
<div class="subtitle">Check our new training course</div>
|
|
<div class="subtitle">with Creative Commons CC-BY-SA</div>
|
|
<div class="subtitle">lecture materials</div>
|
|
<a class="message-link" target="_blank" href="https://bootlin.com/training/audio/"></a>
|
|
</div>
|
|
<h1>
|
|
<img src="/static/img/bootlin-logo-white.svg" alt="Bootlin logo"/>
|
|
</h1>
|
|
<h2>Elixir Cross Referencer</h2>
|
|
<nav>
|
|
<ul class="nav-links">
|
|
<li><a href="https://bootlin.com/">Home</a></li>
|
|
<li><a href="https://bootlin.com/engineering/">Engineering</a></li>
|
|
<li><a href="https://bootlin.com/training/">Training</a></li>
|
|
<li><a href="https://bootlin.com/docs/">Docs</a></li>
|
|
<li><a href="https://bootlin.com/community/">Community</a></li>
|
|
<li><a href="https://bootlin.com/company/">Company</a></li>
|
|
</ul>
|
|
<ul class="social-icons">
|
|
<li><a target="_blank" class="icon-twitter" href="http://twitter.com/bootlincom">twitter</a></li>
|
|
<li><a target="_blank" class="icon-mastodon" href="https://fosstodon.org/@bootlin">mastodon</a></li>
|
|
<li><a target="_blank" class="icon-linkedin" href="https://www.linkedin.com/groups/4501089">linkedin</a></li>
|
|
<li><a target="_blank" class="icon-github" href="https://github.com/bootlin">github</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|