My personal website.
entomoviscera.online
1---
2const { url, name, filetype = ".gif" } = Astro.props;
3---
4
5<a href={url}>
6 <picture>
7 <source
8 srcset={`/img/sitebuttons/${name}.png`}
9 media="(prefers-reduced-motion: reduce)"
10 />
11 <img srcset={`/img/sitebuttons/${name}${filetype}`} alt={name} />
12 </picture>
13</a>
14
15<style>
16 a {
17 display: inline-block;
18 margin-bottom: 6px;
19 }
20</style>