Fix Gentoo logo rendering with DarkReader.

Enables dark mode to display properly on this site.

See: https://github.com/darkreader/darkreader/issues/10608

Signed-off-by: Matthew Marchese <maffblaster@gentoo.org>

1 files changed, 6 insertions, 8 deletions

diff --git a/_includes/layout/header.html b/_includes/layout/header.html
index 6747a26..2a94e5f 100644
--- a/_includes/layout/header.html
+++ b/_includes/layout/header.html
@@ -10,27 +10,25 @@
                 <span class="fa fa-fw fa-map-o"></span> <span class="hidden-xs">gentoo.org sites</span> <span class="caret"></span>
               </a>
               <ul class="dropdown-menu dropdown-menu-right">
-                <li><a href="https://www.gentoo.org/" title="Main Gentoo website"><span class="fa fa-home fa-fw"></span> gentoo.org</a></li>
+                <li><a href="https://www.gentoo.org/" title="Gentoo's main website"><span class="fa fa-home fa-fw"></span> gentoo.org</a></li>
                 <li><a href="https://wiki.gentoo.org/" title="Find and contribute documentation"><span class="fa fa-file-text-o fa-fw"></span> Wiki</a></li>
-                <li><a href="https://bugs.gentoo.org/" title="Report issues and find common issues"><span class="fa fa-bug fa-fw"></span> Bugs</a></li>
-                <li><a href="https://packages.gentoo.org/" title="Find software for your Gentoo"><span class="fa fa-hdd-o fa-fw"></span> Packages</a></li>
+                <li><a href="https://bugs.gentoo.org/" title="Discover and report issues with Gentoo"><span class="fa fa-bug fa-fw"></span> Bugs</a></li>
+                <li><a href="https://packages.gentoo.org/" title="Find software to install"><span class="fa fa-hdd-o fa-fw"></span> Packages</a></li>
                 <li><a href="https://devmanual.gentoo.org/" title="Read the development guide"><span class="fa fa-book fa-fw"></span> Devmanual</a></li>
                 <li><a href="https://forums.gentoo.org/" title="Discuss with the community"><span class="fa fa-comments-o fa-fw"></span> Forums</a></li>
                 <li class="divider"></li>
-                <li><a href="https://planet.gentoo.org/" title="Find out what's going on in the developer community"><span class="fa fa-rss fa-fw"></span> Planet</a></li>
+                <li><a href="https://planet.gentoo.org/" title="Find out what's going on in the dev community"><span class="fa fa-rss fa-fw"></span> Planet</a></li>
                 <li><a href="https://archives.gentoo.org/" title="Read up on past discussions"><span class="fa fa-archive fa-fw"></span> Archives</a></li>
                 <li><a href="https://gitweb.gentoo.org/" title="Browse our source code in Gitweb"><span class="fa fa-code fa-fw"></span> Gitweb</a></li>
                 <li class="divider"></li>
-                <li><a href="https://infra-status.gentoo.org/" title="Get updates on the services provided by Gentoo"><span class="fa fa-server fa-fw"></span> Infra status</a></li>
+                <li><a href="https://infra-status.gentoo.org/" title="Get updates on the services provided by the Gentoo infra team"><span class="fa fa-server fa-fw"></span> Infra status</a></li>
               </ul>
             </div>
           </div>
         </div>
         <div class="logo">
           <a href="/" title="Back to the homepage" class="site-logo">
-            <object data="{{ site.cdnurl }}/site-logo.svg" type="image/svg+xml">
-            <img src="{{ site.cdnurl }}/site-logo.png" alt="Gentoo Linux logo">
-            </object>
+            <img src="{{ site.cdnurl }}/site-logo.png" alt="Gentoo Linux logo" srcset="{{ site.cdnurl }}/site-logo.svg">
           </a>
           {% if page.sitelabel %}<span class="site-label">{{ page.sitelabel }}</span>{% endif %}
         </div>