Use absolute url for images in footer

w3c · Dec 20, 2024 · d79af14 · d79af14
1 parent 3ad85ca
commit d79af14
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/templates/components/styles/footer.html.twig b/templates/components/styles/footer.html.twig
@@ -47,13 +47,13 @@
             <ul class="clean-list" role="list">
                 <li>
                     <a class="with-icon--larger" href="https://w3c.social/@w3c" hreflang="en">
-                        <img class="icon icon--larger" src="{{ asset('svg/mastodon.svg', 'website-2021') }}" width="20" height="20" alt aria-hidden="true" loading="lazy"/>
+                        <img class="icon icon--larger" src="{{ absolute_url(asset('svg/mastodon.svg', 'website-2021')) }}" width="20" height="20" alt aria-hidden="true" loading="lazy"/>
                         <span class="visuallyhidden">{{ 'footer.links.mastodon'|trans({}, 'w3c_website_templates_bundle')|raw }}</span>
                     </a>
                 </li>
                 <li>
                     <a class="with-icon--larger" href="https://github.com/w3c/" hreflang="en">
-                        <img class="icon icon--larger" src="{{ asset('svg/github.svg', 'website-2021') }}" width="20" height="20" alt aria-hidden="true" loading="lazy"/>
+                        <img class="icon icon--larger" src="{{ absolute_url(asset('svg/github.svg', 'website-2021')) }}" width="20" height="20" alt aria-hidden="true" loading="lazy"/>
                         <span class="visuallyhidden">{{ 'footer.links.github'|trans({}, 'w3c_website_templates_bundle')|raw }}</span>
                     </a>
                 </li>