@@ -509,7 +509,11 @@
509509 </li>
510510 <li data-lang="en" id="noelle-dev">
511511 <a href="https://noelle.dev">noelle.dev</a>
512− <img loading="lazy" src="https://noelle.dev/assets/images/button.gif" style="image-rendering: pixelated;" width="88" height="31">
512+ <picture>
513+ <source media="(prefers-reduced-motion: reduce) and (prefers-color-scheme: light)" srcset="https://noelle.dev/assets/images/buttons/static-light.png">
514+ <source media="(prefers-reduced-motion: reduce) and (prefers-color-scheme: dark)" srcset="https://noelle.dev/assets/images/buttons/static-dark.png">
515+ <img src="https://noelle.dev/assets/images/buttons/animated-wipe.gif" width="88" height="31" alt="Noelle.dev" loading="lazy" style="image-rendering: pixelated;">
516+ </picture>
513517 </li>
514518 <li data-lang="en" id="giacinto-carlucci">
515519 <a href="https://www.giacintocarlucci.it">giacintocarlucci.it</a>
@@ -909,7 +913,7 @@
909913 body > footer > img { display: inline-block; width: 100px; height: auto; margin-bottom: -5px; margin-bottom: 30px; }
910914 body:target > ol li a.twtxt, html:target li a.rss { background: var(--color-beta); color: var(--color-alpha); display: inline; }
911915 body:target > footer > p > span.hide, html:target footer > p > span.hide { display: inline; }
912− body > ol:target > li > img { display:block; }
916+ #icons:target img, #icons:target picture { display: block; }
913917 body > ol > li:target a { color: var(--color-alpha); }
914918 body > ol > li:target { background: var(--color-beta); }
915919 @media screen and (max-width: 800px) { body > ol { column-count: 2; } }