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-28 01:14:49 +00:00
parent bb8fd62041
commit 9939b987c7
227 changed files with 55 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/the-space/index.html
+13 -13
View File
@@ -11,7 +11,7 @@
<meta property="og:description" content="Explore Protospace, Calgary’s community makerspace, including our woodworking, metalworking, sewing, electronics, laser cutting, and 3D printing areas." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/the-space/" />
<meta property="og:image" content="https://protospace.ca/assets/wood-shop-4-1024x768.jpg" />
<meta property="og:image" content="https://protospace.ca/assets/spaces-wood-shop-800.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Spaces – Protospace</title>
@@ -92,43 +92,43 @@
<div class="area-grid">
<a class="area-card" href="/wood-shop/">
<picture>
<source type="image/webp" srcset="/assets/wood-shop-4-1024x768.webp 1024w, /assets/wood-shop-4.webp 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="1024" height="768" src="/assets/wood-shop-4-1024x768.jpg" srcset="/assets/wood-shop-4-1024x768.jpg 1024w, /assets/wood-shop-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Wood Shop" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/spaces-wood-shop-400.webp 400w, /assets/spaces-wood-shop-800.webp 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="800" height="600" src="/assets/spaces-wood-shop-800.jpg" srcset="/assets/spaces-wood-shop-400.jpg 400w, /assets/spaces-wood-shop-800.jpg 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Wood Shop" loading="lazy" decoding="async" />
</picture>
<span>Wood Shop</span>
</a>
<a class="area-card" href="/metal-shop/">
<picture>
<source type="image/webp" srcset="/assets/metal-shop-4-1024x768.webp 1024w, /assets/metal-shop-4.webp 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="1024" height="768" src="/assets/metal-shop-4-1024x768.jpg" srcset="/assets/metal-shop-4-1024x768.jpg 1024w, /assets/metal-shop-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Metal Shop" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/spaces-metal-shop-400.webp 400w, /assets/spaces-metal-shop-800.webp 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="800" height="600" src="/assets/spaces-metal-shop-800.jpg" srcset="/assets/spaces-metal-shop-400.jpg 400w, /assets/spaces-metal-shop-800.jpg 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Metal Shop" loading="lazy" decoding="async" />
</picture>
<span>Metal Shop</span>
</a>
<a class="area-card" href="/laser-cutters/">
<picture>
<source type="image/webp" srcset="/assets/laser-cutters-2-1024x768.webp 1024w, /assets/laser-cutters-2.webp 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="1024" height="768" src="/assets/laser-cutters-2-1024x768.jpg" srcset="/assets/laser-cutters-2-1024x768.jpg 1024w, /assets/laser-cutters-2.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Laser Cutters" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/spaces-laser-cutters-400.webp 400w, /assets/spaces-laser-cutters-800.webp 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="800" height="600" src="/assets/spaces-laser-cutters-800.jpg" srcset="/assets/spaces-laser-cutters-400.jpg 400w, /assets/spaces-laser-cutters-800.jpg 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Laser Cutters" loading="lazy" decoding="async" />
</picture>
<span>Laser Cutters</span>
</a>
<a class="area-card" href="/sewing-room/">
<picture>
<source type="image/webp" srcset="/assets/sewing-room-1-1024x768.webp 1024w, /assets/sewing-room-1.webp 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="1024" height="768" src="/assets/sewing-room-1-1024x768.jpg" srcset="/assets/sewing-room-1-1024x768.jpg 1024w, /assets/sewing-room-1.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Sewing Room" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/spaces-sewing-room-400.webp 400w, /assets/spaces-sewing-room-800.webp 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="800" height="600" src="/assets/spaces-sewing-room-800.jpg" srcset="/assets/spaces-sewing-room-400.jpg 400w, /assets/spaces-sewing-room-800.jpg 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Sewing Room" loading="lazy" decoding="async" />
</picture>
<span>Sewing Room</span>
</a>
<a class="area-card" href="/electronics-lab/">
<picture>
<source type="image/webp" srcset="/assets/electronics-lab-1-1024x768.webp 1024w, /assets/electronics-lab-1.webp 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="1024" height="768" src="/assets/electronics-lab-1-1024x768.jpg" srcset="/assets/electronics-lab-1-1024x768.jpg 1024w, /assets/electronics-lab-1.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Electronics Lab" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/spaces-electronics-lab-400.webp 400w, /assets/spaces-electronics-lab-800.webp 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="800" height="600" src="/assets/spaces-electronics-lab-800.jpg" srcset="/assets/spaces-electronics-lab-400.jpg 400w, /assets/spaces-electronics-lab-800.jpg 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="Electronics Lab" loading="lazy" decoding="async" />
</picture>
<span>Electronics Lab</span>
</a>
<a class="area-card" href="/3d-printers/">
<picture>
<source type="image/webp" srcset="/assets/3d-printers-4-1024x768.webp 1024w, /assets/3d-printers-4.webp 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="1024" height="768" src="/assets/3d-printers-4-1024x768.jpg" srcset="/assets/3d-printers-4-1024x768.jpg 1024w, /assets/3d-printers-4.jpg 1280w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="3D Printers" loading="lazy" decoding="async" />
<source type="image/webp" srcset="/assets/spaces-3d-printers-400.webp 400w, /assets/spaces-3d-printers-800.webp 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" />
<img width="800" height="600" src="/assets/spaces-3d-printers-800.jpg" srcset="/assets/spaces-3d-printers-400.jpg 400w, /assets/spaces-3d-printers-800.jpg 800w" sizes="(max-width: 560px) calc(100vw - 56px), 367px" alt="3D Printers" loading="lazy" decoding="async" />
</picture>
<span>3D Printers</span>
</a>