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

Convert srcset images to 1600, 800, 400px

Browse Source
This commit is contained in:
Tanner
2026-09-29 22:16:36 +00:00
parent bb8fd62041
commit 0725d3eb1a
227 changed files with 55 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/index.html
+8 -8
View File
@@ -96,20 +96,20 @@
</p>
<div class="home-gallery">
<picture>
<source type="image/webp" srcset="/assets/painting-miniatures-400w.webp 400w, /assets/painting-miniatures-640x480.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="640" height="480" src="/assets/painting-miniatures-640x480.jpg" srcset="/assets/painting-miniatures-400w.jpg 400w, /assets/painting-miniatures-640x480.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member painting a project at a Protospace work table" fetchpriority="high" loading="eager" decoding="async" />
<source type="image/webp" srcset="/assets/home-painting-miniatures-400.webp 400w, /assets/home-painting-miniatures-800.webp 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="800" height="600" src="/assets/home-painting-miniatures-800.jpg" srcset="/assets/home-painting-miniatures-400.jpg 400w, /assets/home-painting-miniatures-800.jpg 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member painting a project at a Protospace work table" fetchpriority="high" loading="eager" decoding="async" />
</picture>
<picture>
<source type="image/webp" srcset="/assets/building-wooden-project-400w.webp 400w, /assets/building-wooden-project-640x504.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="640" height="504" src="/assets/building-wooden-project-640x504.jpg" srcset="/assets/building-wooden-project-400w.jpg 400w, /assets/building-wooden-project-640x504.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member working on a wooden project with power tools" loading="eager" decoding="async" />
<source type="image/webp" srcset="/assets/home-building-wooden-project-400.webp 400w, /assets/home-building-wooden-project-800.webp 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="800" height="630" src="/assets/home-building-wooden-project-800.jpg" srcset="/assets/home-building-wooden-project-400.jpg 400w, /assets/home-building-wooden-project-800.jpg 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member working on a wooden project with power tools" loading="eager" decoding="async" />
</picture>
<picture>
<source type="image/webp" srcset="/assets/using-embroidery-machine-400w.webp 400w, /assets/using-embroidery-machine-640x480.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="640" height="480" src="/assets/using-embroidery-machine-640x480.jpg" srcset="/assets/using-embroidery-machine-400w.jpg 400w, /assets/using-embroidery-machine-640x480.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member using an industrial embroidery machine" loading="eager" decoding="async" />
<source type="image/webp" srcset="/assets/home-using-embroidery-machine-400.webp 400w, /assets/home-using-embroidery-machine-800.webp 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="800" height="600" src="/assets/home-using-embroidery-machine-800.jpg" srcset="/assets/home-using-embroidery-machine-400.jpg 400w, /assets/home-using-embroidery-machine-800.jpg 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member using an industrial embroidery machine" loading="eager" decoding="async" />
</picture>
<picture>
<source type="image/webp" srcset="/assets/grinding-metal-400w.webp 400w, /assets/grinding-metal-640x480.webp 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="640" height="480" src="/assets/grinding-metal-640x480.jpg" srcset="/assets/grinding-metal-400w.jpg 400w, /assets/grinding-metal-640x480.jpg 640w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member grinding metal in the metal shop" loading="eager" decoding="async" />
<source type="image/webp" srcset="/assets/home-grinding-metal-400.webp 400w, /assets/home-grinding-metal-800.webp 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" />
<img width="800" height="600" src="/assets/home-grinding-metal-800.jpg" srcset="/assets/home-grinding-metal-400.jpg 400w, /assets/home-grinding-metal-800.jpg 800w" sizes="(max-width: 760px) calc((100vw - 40px) / 2), 375px" alt="Member grinding metal in the metal shop" loading="eager" decoding="async" />
</picture>
</div>
<p>