Use absolute url for images in footer

Author: gosko

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>