tanner/main-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add WebP versions of photos

Browse Source
This commit is contained in:
Tanner
2026-09-17 20:34:40 +00:00
parent e1b3056b25
commit 92c8906f24
68 changed files with 135 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+16 -4
View File
@@ -94,10 +94,22 @@
and all skill levels are welcome. Membership is $55 / month for 24/7 access.
</p>
<div class="home-gallery">
<img width="640" height="480" src="/assets/painting-miniatures-640x480.jpg" srcset="/assets/painting-miniatures-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member painting a project at a Protospace work table" loading="lazy" decoding="async" />
<img width="640" height="504" src="/assets/building-wooden-project-640x504.jpg" srcset="/assets/building-wooden-project-640x504.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member working on a wooden project with power tools" loading="lazy" decoding="async" />
<img width="640" height="480" src="/assets/using-embroidery-machine-640x480.jpg" srcset="/assets/using-embroidery-machine-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using an industrial embroidery machine" loading="lazy" decoding="async" />
<img width="640" height="480" src="/assets/grinding-metal-640x480.jpg" srcset="/assets/grinding-metal-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member grinding metal in the metal shop" loading="lazy" decoding="async" />
<picture>
<source type="image/webp" srcset="/assets/painting-miniatures-640x480.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="640" height="480" src="/assets/painting-miniatures-640x480.jpg" srcset="/assets/painting-miniatures-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member painting a project at a Protospace work table" loading="lazy" decoding="async" />
</picture>
<picture>
<source type="image/webp" srcset="/assets/building-wooden-project-640x504.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="640" height="504" src="/assets/building-wooden-project-640x504.jpg" srcset="/assets/building-wooden-project-640x504.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member working on a wooden project with power tools" loading="lazy" decoding="async" />
</picture>
<picture>
<source type="image/webp" srcset="/assets/using-embroidery-machine-640x480.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="640" height="480" src="/assets/using-embroidery-machine-640x480.jpg" srcset="/assets/using-embroidery-machine-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using an industrial embroidery machine" loading="lazy" decoding="async" />
</picture>
<picture>
<source type="image/webp" srcset="/assets/grinding-metal-640x480.webp 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" />
<img width="640" height="480" src="/assets/grinding-metal-640x480.jpg" srcset="/assets/grinding-metal-640x480.jpg 640w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member grinding metal in the metal shop" loading="lazy" decoding="async" />
</picture>
</div>
<p>
We are a quirky, fun community where artists, makers and geeks come together to share our