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

Compare commits

base: tanner/main-website:af5c13136e0ab919aa28dff5c94fe33890176194
Branches Tags
tanner/main-website:master
..
compare: tanner/main-website:445549b9ecc14e2b3bad743ec15a8e0bded9c654
Branches Tags
tanner/main-website:master
10 Commits
af5c13136e .. 445549b9ec
Author SHA1 Message Date
Tanner 445549b9ec Add facility links back to home page 2026-09-17 19:21:47 +00:00
Tanner fd49cd15ab Fix mini tour video link text 2026-09-16 18:40:48 +00:00
Tanner fb5fcf2f2b Lazy load images, explicity dimensions 2026-09-16 18:37:26 +00:00
Tanner d4a810ca05 Return spaces images to original width 2026-09-16 18:28:59 +00:00
Tanner 5794154487 Preload styles.css 2026-09-16 18:28:26 +00:00
Tanner a0c0d8f4dc Fix spacing 2026-09-16 18:23:35 +00:00
Tanner ce14df4b53 Add README 2026-09-16 18:12:06 +00:00
Tanner 82cfb0440d Switch links to https 2026-09-16 18:02:08 +00:00
Tanner 264bf8c01f Add Open Graph data 2026-09-16 18:00:27 +00:00
Tanner 44082bdab6 Fix headers, make consistent 2026-09-16 17:49:09 +00:00
22 changed files with 245 additions and 104 deletions
Expand all files Collapse all files
3d-printers/index.html
+17 -9
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace’s 3D printer village in Calgary, with filament and resin printers available to trained members." /> <meta name="description" content="Explore Protospace’s 3D printer village in Calgary, with filament and resin printers available to trained members." />
<link rel="canonical" href="https://protospace.ca/3d-printers/" /> <link rel="canonical" href="https://protospace.ca/3d-printers/" />
<meta property="og:title" content="3D Printers – Protospace" />
<meta property="og:description" content="Explore Protospace’s 3D printer village in Calgary, with filament and resin printers available to trained members." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/3d-printers/" />
<meta property="og:image" content="https://protospace.ca/assets/3d-printers-1-1024x768.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>3D Printers – Protospace</title> <title>3D Printers – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -74,15 +82,15 @@
<h1>3D Printers</h1> <h1>3D Printers</h1>
<div class="entry"> <div class="entry">
<figure> <figure>
<img width="1024" height="768" src="/assets/3d-printers-1-1024x768.jpg" alt="3D printer in the printer village" /> <img width="1024" height="768" src="/assets/3d-printers-1-1024x768.jpg" srcset="/assets/3d-printers-1-1024x768.jpg 1024w, /assets/3d-printers-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer in the printer village" decoding="async" fetchpriority="high" />
</figure> </figure>
<figure> <figure>
<img width="1024" height="768" src="/assets/3d-printers-2-1024x768.jpg" alt="3D printer equipment" /> <img width="1024" height="768" src="/assets/3d-printers-2-1024x768.jpg" srcset="/assets/3d-printers-2-1024x768.jpg 1024w, /assets/3d-printers-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer equipment" loading="lazy" decoding="async" />
</figure> </figure>
<figure> <figure>
<img width="1024" height="768" src="/assets/3d-printers-3-1024x768.jpg" alt="3D printer in operation" /> <img width="1024" height="768" src="/assets/3d-printers-3-1024x768.jpg" srcset="/assets/3d-printers-3-1024x768.jpg 1024w, /assets/3d-printers-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="3D printer in operation" loading="lazy" decoding="async" />
</figure> </figure>
<p></p> <p></p>
@@ -95,7 +103,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -114,10 +122,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
README.md
+51
View File
@@ -0,0 +1,51 @@
# Protospace Website
The Protospace WordPress site has been replaced with static HTML and CSS pages. Static files improve security, reduce maintenance, and provide faster page loads without a database or server-side CMS.
## Editing the site
1. Open the [Protospace repository](https://github.com/Protospace/main-website) on GitHub and click **Fork**. Create the fork under your own GitHub account.
2. Clone your fork and configure the Protospace repository as `upstream`:
```bash
git clone git@github.com:YOUR-USERNAME/main-website.git
cd main-website/
git remote add upstream git@github.com:Protospace/main-website.git
```
3. Create a branch for your change:
```bash
git checkout -b update-page
```
4. Edit the HTML pages, `styles.css`, or files in `assets/`. Preview the site locally with any static web server, for example:
```bash
python3 -m http.server
```
5. Commit your changes and push the branch to your fork:
```bash
git add .
git commit -m "Update page content"
git push -u origin update-page
```
6. Go to your fork on GitHub and click **Compare & pull request**. Set the base repository to `Protospace/main-website`, choose the appropriate base branch, describe what changed, and submit the pull request.
Maintainers will review the pull request, request changes if needed, and merge it when it is ready. After your pull request is merged, you can sync your fork before starting another change:
```bash
git checkout main
git fetch upstream
git reset --hard upstream/main
git push origin main --force-with-lease
```
There is no build step. Edit the generated HTML and CSS files directly. Keep the existing responsive layout, local asset paths, accessibility text, metadata, and external Wiki/Portal links intact.
## Using a coding agent
A coding agent can be helpful for larger content, layout, accessibility, and consistency changes. Give it a focused task and ask it to inspect the existing files before editing. Follow the repository instructions in `AGENTS.md` when present, and review the resulting diff before opening a pull request.
assets/electronics-lab-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 208 KiB

assets/laser-cutters-1-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 167 KiB

assets/laser-cutters-3-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 187 KiB

assets/metal-shop-1-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 186 KiB

assets/metal-shop-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 188 KiB

assets/metal-shop-3-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 189 KiB

assets/sewing-room-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 148 KiB

assets/wood-shop-1-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 179 KiB

assets/wood-shop-2-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

assets/wood-shop-3-1024x768.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 199 KiB

contact/index.html
+19 -11
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Contact Protospace in Calgary, Alberta. Visit our Tuesday open house, find our address, and learn how to get in touch with the makerspace." /> <meta name="description" content="Contact Protospace in Calgary, Alberta. Visit our Tuesday open house, find our address, and learn how to get in touch with the makerspace." />
<link rel="canonical" href="https://protospace.ca/contact/" /> <link rel="canonical" href="https://protospace.ca/contact/" />
<meta property="og:title" content="Contact – Protospace" />
<meta property="og:description" content="Contact Protospace in Calgary, Alberta. Visit our Tuesday open house, find our address, and learn how to get in touch with the makerspace." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/contact/" />
<meta property="og:image" content="https://protospace.ca/assets/FrontProto-1024x455.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Contact – Protospace</title> <title>Contact – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -90,19 +98,19 @@
most effective): most effective):
</p> </p>
<h3>Email:</h3> <h2>Email:</h2>
<p><a href="mailto:info@protospace.ca">info@protospace.ca</a></p> <p><a href="mailto:info@protospace.ca">info@protospace.ca</a></p>
<hr /> <hr />
<h3>Telephone&nbsp;(only Voice Mail):</h3> <h2>Telephone&nbsp;(only Voice Mail):</h2>
<p>+1 (587) 774-5672</p> <p>+1 (587) 774-5672</p>
<hr /> <hr />
<h3>Postal Mail:</h3> <h2>Postal Mail:</h2>
<p> <p>
1530 27th Avenue NE, Bay 108<br /> 1530 27th Avenue NE, Bay 108<br />
@@ -118,7 +126,7 @@
</a>. </a>.
</p> </p>
<h3>Parking:</h3> <h2>Parking:</h2>
<p> <p>
Designated spots are available in the rear parking lot. There is also street parking at the Designated spots are available in the rear parking lot. There is also street parking at the
@@ -128,7 +136,7 @@
<hr /> <hr />
<h3>Getting Here:</h3> <h2>Getting Here:</h2>
<p> <p>
<a href="https://maps.google.ca/maps/ms?msid=208583905441188347072.0004ca4c53d4171d3923b&amp;msa=0&amp;z=13"> <a href="https://maps.google.ca/maps/ms?msid=208583905441188347072.0004ca4c53d4171d3923b&amp;msa=0&amp;z=13">
@@ -150,7 +158,7 @@
</ul> </ul>
<figure> <figure>
<img width="1024" height="455" src="/assets/FrontProto-1024x455.jpg" alt="Exterior of the Protospace makerspace" /> <img width="1024" height="455" src="/assets/FrontProto-1024x455.jpg" srcset="/assets/FrontProto-1024x455.jpg 1024w, /assets/FrontProto.jpg 1112w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Exterior of the Protospace makerspace" loading="lazy" decoding="async" />
</figure> </figure>
<hr /> <hr />
@@ -164,10 +172,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
electronics-lab/index.html
+16 -8
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace’s electronics lab in Calgary, with workbenches, test equipment, soldering tools, and components for member projects." /> <meta name="description" content="Explore Protospace’s electronics lab in Calgary, with workbenches, test equipment, soldering tools, and components for member projects." />
<link rel="canonical" href="https://protospace.ca/electronics-lab/" /> <link rel="canonical" href="https://protospace.ca/electronics-lab/" />
<meta property="og:title" content="Electronics Lab – Protospace" />
<meta property="og:description" content="Explore Protospace’s electronics lab in Calgary, with workbenches, test equipment, soldering tools, and components for member projects." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/electronics-lab/" />
<meta property="og:image" content="https://protospace.ca/assets/electronics-lab-2.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Electronics Lab – Protospace</title> <title>Electronics Lab – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -74,11 +82,11 @@
<h1>Electronics Lab</h1> <h1>Electronics Lab</h1>
<div class="entry"> <div class="entry">
<figure> <figure>
<img width="1280" height="960" src="/assets/electronics-lab-2.jpg" alt="Electronics lab equipment" /> <img width="1024" height="768" src="/assets/electronics-lab-2.jpg" srcset="/assets/electronics-lab-2-1024x768.jpg 1024w, /assets/electronics-lab-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics lab equipment" decoding="async" fetchpriority="high" />
</figure> </figure>
<figure> <figure>
<img width="1024" height="768" src="/assets/electronics-lab-3-1024x768.jpg" alt="Electronics workbench and equipment" /> <img width="1024" height="768" src="/assets/electronics-lab-3-1024x768.jpg" srcset="/assets/electronics-lab-3-1024x768.jpg 1024w, /assets/electronics-lab-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Electronics workbench and equipment" loading="lazy" decoding="async" />
</figure> </figure>
</div> </div>
</main> </main>
@@ -89,7 +97,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -108,10 +116,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
index.html
+26 -13
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Protospace is Calgary’s non-profit makerspace with community workshops, tools, classes, and 24/7 membership access for makers of all skill levels." /> <meta name="description" content="Protospace is Calgary’s non-profit makerspace with community workshops, tools, classes, and 24/7 membership access for makers of all skill levels." />
<link rel="canonical" href="https://protospace.ca/" /> <link rel="canonical" href="https://protospace.ca/" />
<meta property="og:title" content="We make space so you can make things – Protospace" />
<meta property="og:description" content="Protospace is Calgary’s non-profit makerspace with community workshops, tools, classes, and 24/7 membership access for makers of all skill levels." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/" />
<meta property="og:image" content="https://protospace.ca/assets/FrontProto-1024x455.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>We make space so you can make things – Protospace</title> <title>We make space so you can make things – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -75,16 +83,21 @@
<div class="entry home-intro"> <div class="entry home-intro">
<h1>Calgary's Original Makerspace</h1> <h1>Calgary's Original Makerspace</h1>
<p> <p>
Protospace is Calgary’s non-profit makerspace. We have a community wood shop, metal shop, Protospace is Calgary’s non-profit makerspace. We have a community
sewing room, 3D printers, laser cutters, electronics lab, and <a href="/wood-shop/">wood shop</a>,
<a href="/metal-shop/">metal shop</a>,
<a href="/sewing-room/">sewing room</a>,
<a href="/3d-printers/">3D printers</a>,
<a href="/laser-cutters/">laser cutters</a>, and
<a href="/electronics-lab/">electronics lab</a>, plus
<a href="/the-space/">much more</a>. We offer classes on equipment you are unfamiliar with, <a href="/the-space/">much more</a>. We offer classes on equipment you are unfamiliar with,
and all skill levels are welcome. Membership is $55 / month for 24/7 access. and all skill levels are welcome. Membership is $55 / month for 24/7 access.
</p> </p>
<div class="home-gallery"> <div class="home-gallery">
<img src="/assets/IMG_8905-1024x768.jpeg" alt="Member painting a project at a Protospace work table" /> <img width="1024" height="768" src="/assets/IMG_8905-1024x768.jpeg" srcset="/assets/IMG_8905-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member painting a project at a Protospace work table" loading="lazy" decoding="async" />
<img src="/assets/IMG_8915-1024x806.jpg" alt="Member working on a wooden project with power tools" /> <img width="1024" height="806" src="/assets/IMG_8915-1024x806.jpg" srcset="/assets/IMG_8915-1024x806.jpg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member working on a wooden project with power tools" loading="lazy" decoding="async" />
<img src="/assets/IMG_9104-1024x768.jpeg" alt="Member using an industrial embroidery machine" /> <img width="1024" height="768" src="/assets/IMG_9104-1024x768.jpeg" srcset="/assets/IMG_9104-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using an industrial embroidery machine" loading="lazy" decoding="async" />
<img src="/assets/IMG_8908-1024x768.jpeg" alt="Member grinding metal in the metal shop" /> <img width="1024" height="768" src="/assets/IMG_8908-1024x768.jpeg" srcset="/assets/IMG_8908-1024x768.jpeg 1024w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member grinding metal in the metal shop" loading="lazy" decoding="async" />
</div> </div>
<p> <p>
We are a quirky, fun community where artists, makers and geeks come together to share our We are a quirky, fun community where artists, makers and geeks come together to share our
@@ -98,7 +111,7 @@
</p> </p>
<p><a href="/join-us/">Come build something with us today!</a></p> <p><a href="/join-us/">Come build something with us today!</a></p>
<div class="thoughts"> <div class="thoughts">
<img src="/assets/gear.svg" alt="Ideas and making" /> <img width="150" height="150" src="/assets/gear.svg" alt="Ideas and making" loading="lazy" decoding="async" />
</div> </div>
</div> </div>
</div> </div>
@@ -110,7 +123,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -129,10 +142,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
join-us/index.html
+18 -10
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Join Protospace in Calgary for 24/7 access to community workshops, tools, classes, project storage, and a welcoming community of makers." /> <meta name="description" content="Join Protospace in Calgary for 24/7 access to community workshops, tools, classes, project storage, and a welcoming community of makers." />
<link rel="canonical" href="https://protospace.ca/join-us/" /> <link rel="canonical" href="https://protospace.ca/join-us/" />
<meta property="og:title" content="Membership – Protospace" />
<meta property="og:description" content="Join Protospace in Calgary for 24/7 access to community workshops, tools, classes, project storage, and a welcoming community of makers." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/join-us/" />
<meta property="og:image" content="https://protospace.ca/assets/FrontProto-1024x455.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Membership – Protospace</title> <title>Membership – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -89,7 +97,7 @@
building at 3:00 am. building at 3:00 am.
</p> </p>
<h3><strong>Dues</strong></h3> <h2>Dues</h2>
<p> <p>
<strong>Member dues:</strong> $55 / month &#8211; (students or low income: $35 / month). <strong>Member dues:</strong> $55 / month &#8211; (students or low income: $35 / month).
@@ -124,7 +132,7 @@
<p><strong>Cancellation</strong>: Pause or cancel any time, there are no contracts.</p> <p><strong>Cancellation</strong>: Pause or cancel any time, there are no contracts.</p>
<h3><strong>Membership Process</strong></h3> <h2>Membership Process</h2>
<div> <div>
<p><strong>Outline:</strong></p> <p><strong>Outline:</strong></p>
@@ -197,7 +205,7 @@
to operate them. Volunteers routinely run classes that you can attend for a small fee. to operate them. Volunteers routinely run classes that you can attend for a small fee.
</p> </p>
<h3><strong>Member Duties</strong></h3> <h2>Member Duties</h2>
<p>Our 3 guiding principles are:</p> <p>Our 3 guiding principles are:</p>
@@ -212,7 +220,7 @@
place safe and tidy. place safe and tidy.
</p> </p>
<h3><strong>Membership FAQ</strong></h3> <h2>Membership FAQ</h2>
<p>We receive a number of repeat questions in our inbox:</p> <p>We receive a number of repeat questions in our inbox:</p>
@@ -262,7 +270,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -281,10 +289,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
laser-cutters/index.html
+16 -8
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace’s laser cutting area in Calgary, including laser cutters and desktop CNC equipment for member projects." /> <meta name="description" content="Explore Protospace’s laser cutting area in Calgary, including laser cutters and desktop CNC equipment for member projects." />
<link rel="canonical" href="https://protospace.ca/laser-cutters/" /> <link rel="canonical" href="https://protospace.ca/laser-cutters/" />
<meta property="og:title" content="Laser Cutters – Protospace" />
<meta property="og:description" content="Explore Protospace’s laser cutting area in Calgary, including laser cutters and desktop CNC equipment for member projects." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/laser-cutters/" />
<meta property="og:image" content="https://protospace.ca/assets/laser-cutters-1.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Laser Cutters – Protospace</title> <title>Laser Cutters – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -74,13 +82,13 @@
<h1>Laser Cutters</h1> <h1>Laser Cutters</h1>
<div class="entry"> <div class="entry">
<figure> <figure>
<img width="1280" height="960" src="/assets/laser-cutters-1.jpg" alt="Laser cutter in the laser cutting area" /> <img width="1024" height="768" src="/assets/laser-cutters-1-1024x768.jpg" srcset="/assets/laser-cutters-1-1024x768.jpg 1024w, /assets/laser-cutters-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter in the laser cutting area" decoding="async" fetchpriority="high" />
</figure> </figure>
<p>Our laser cutting area also includes two mini desktop CNC mills:</p> <p>Our laser cutting area also includes two mini desktop CNC mills:</p>
<figure> <figure>
<img width="1280" height="960" src="/assets/laser-cutters-3.jpg" alt="Laser cutter and CNC equipment" /> <img width="1024" height="768" src="/assets/laser-cutters-3-1024x768.jpg" srcset="/assets/laser-cutters-3-1024x768.jpg 1024w, /assets/laser-cutters-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Laser cutter and CNC equipment" loading="lazy" decoding="async" />
</figure> </figure>
</div> </div>
</main> </main>
@@ -91,7 +99,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -110,10 +118,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
metal-shop/index.html
+17 -9
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace’s Calgary metal shop, with metalworking, machining, and welding equipment available to trained members." /> <meta name="description" content="Explore Protospace’s Calgary metal shop, with metalworking, machining, and welding equipment available to trained members." />
<link rel="canonical" href="https://protospace.ca/metal-shop/" /> <link rel="canonical" href="https://protospace.ca/metal-shop/" />
<meta property="og:title" content="Metal Shop – Protospace" />
<meta property="og:description" content="Explore Protospace’s Calgary metal shop, with metalworking, machining, and welding equipment available to trained members." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/metal-shop/" />
<meta property="og:image" content="https://protospace.ca/assets/metal-shop-1.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Metal Shop – Protospace</title> <title>Metal Shop – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -74,15 +82,15 @@
<h1>Metal Shop</h1> <h1>Metal Shop</h1>
<div class="entry"> <div class="entry">
<figure> <figure>
<img width="1280" height="960" src="/assets/metal-shop-1.jpg" alt="Metalworking equipment in the metal shop" /> <img width="1024" height="768" src="/assets/metal-shop-1-1024x768.jpg" srcset="/assets/metal-shop-1-1024x768.jpg 1024w, /assets/metal-shop-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking equipment in the metal shop" decoding="async" fetchpriority="high" />
</figure> </figure>
<figure> <figure>
<img width="1280" height="960" src="/assets/metal-shop-2.jpg" alt="Metalworking lathe in the metal shop" /> <img width="1024" height="768" src="/assets/metal-shop-2-1024x768.jpg" srcset="/assets/metal-shop-2-1024x768.jpg 1024w, /assets/metal-shop-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metalworking lathe in the metal shop" loading="lazy" decoding="async" />
</figure> </figure>
<figure> <figure>
<img width="1280" height="960" src="/assets/metal-shop-3.jpg" alt="Metal shop equipment and tools" /> <img width="1024" height="768" src="/assets/metal-shop-3-1024x768.jpg" srcset="/assets/metal-shop-3-1024x768.jpg 1024w, /assets/metal-shop-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Metal shop equipment and tools" loading="lazy" decoding="async" />
</figure> </figure>
</div> </div>
</main> </main>
@@ -93,7 +101,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -112,10 +120,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
sewing-room/index.html
+18 -10
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace’s Calgary sewing room, with sewing, embroidery, garment printing, and textile equipment for members." /> <meta name="description" content="Explore Protospace’s Calgary sewing room, with sewing, embroidery, garment printing, and textile equipment for members." />
<link rel="canonical" href="https://protospace.ca/sewing-room/" /> <link rel="canonical" href="https://protospace.ca/sewing-room/" />
<meta property="og:title" content="Sewing Room – Protospace" />
<meta property="og:description" content="Explore Protospace’s Calgary sewing room, with sewing, embroidery, garment printing, and textile equipment for members." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/sewing-room/" />
<meta property="og:image" content="https://protospace.ca/assets/sewing-room-2.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Sewing Room – Protospace</title> <title>Sewing Room – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -74,19 +82,19 @@
<h1>Sewing Room</h1> <h1>Sewing Room</h1>
<div class="entry"> <div class="entry">
<figure> <figure>
<img width="1280" height="960" src="/assets/sewing-room-2.jpg" alt="Industrial embroidery machine in the sewing room" /> <img width="1024" height="768" src="/assets/sewing-room-2.jpg" srcset="/assets/sewing-room-2-1024x768.jpg 1024w, /assets/sewing-room-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial embroidery machine in the sewing room" decoding="async" fetchpriority="high" />
</figure> </figure>
<figure> <figure>
<img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" alt="Sewing room equipment and workspace" /> <img width="1024" height="768" src="/assets/sewing-room-3-1024x768.jpg" srcset="/assets/sewing-room-3-1024x768.jpg 1024w, /assets/sewing-room-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing room equipment and workspace" loading="lazy" decoding="async" />
</figure> </figure>
<figure> <figure>
<img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" alt="Industrial sewing machine" /> <img width="1024" height="768" src="/assets/sewing-room-4-1024x768.jpg" srcset="/assets/sewing-room-4-1024x768.jpg 1024w, /assets/sewing-room-4.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Industrial sewing machine" loading="lazy" decoding="async" />
</figure> </figure>
<figure> <figure>
<img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" alt="Sewing and textile equipment" /> <img width="1024" height="768" src="/assets/sewing-room-5-1024x768.jpg" srcset="/assets/sewing-room-5-1024x768.jpg 1024w, /assets/sewing-room-5.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Sewing and textile equipment" loading="lazy" decoding="async" />
</figure> </figure>
</div> </div>
</main> </main>
@@ -97,7 +105,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -116,10 +124,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
styles.css
+10 -5
View File
@@ -120,6 +120,7 @@ main h1 {
.entry p + ul { .entry p + ul {
margin-top: -24px; margin-top: -24px;
} }
.entry h2,
.entry h3 { .entry h3 {
font: font:
300 32px/1.2 "Yanone Kaffeesatz", 300 32px/1.2 "Yanone Kaffeesatz",
@@ -209,7 +210,7 @@ footer {
footer a { footer a {
color: #eee; color: #eee;
} }
footer h4 { footer p {
text-align: center; text-align: center;
font: font:
300 24px "Yanone Kaffeesatz", 300 24px "Yanone Kaffeesatz",
@@ -231,13 +232,14 @@ footer h4 {
.nav { .nav {
justify-content: center; justify-content: center;
gap: 15px; gap: 15px;
margin-top: 15px; margin-top: 20px;
} }
.nav a { .nav a {
font-size: 18px; font-size: 22px;
} }
.content { .content {
padding: 0 20px; width: calc(100% - 24px);
padding: 0;
} }
.layout { .layout {
display: block; display: block;
@@ -250,7 +252,7 @@ footer h4 {
font-size: 44px; font-size: 44px;
} }
.footer-inner { .footer-inner {
padding: 0 20px; padding: 0 12px;
} }
.home-gallery { .home-gallery {
gap: 4px; gap: 4px;
@@ -301,6 +303,9 @@ footer h4 {
} }
@media (max-width: 560px) { @media (max-width: 560px) {
.area-grid { .area-grid {
width: calc(100% - 56px);
margin-right: auto;
margin-left: auto;
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
} }
the-space/index.html
+20 -12
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace, Calgary’s community makerspace, including our woodworking, metalworking, sewing, electronics, laser cutting, and 3D printing areas." /> <meta name="description" content="Explore Protospace, Calgary’s community makerspace, including our woodworking, metalworking, sewing, electronics, laser cutting, and 3D printing areas." />
<link rel="canonical" href="https://protospace.ca/the-space/" /> <link rel="canonical" href="https://protospace.ca/the-space/" />
<meta property="og:title" content="About – Protospace" />
<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:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>About – Protospace</title> <title>About – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -81,12 +89,12 @@
<p>Select an area to view:</p> <p>Select an area to view:</p>
<div class="area-grid"> <div class="area-grid">
<a class="area-card" href="/wood-shop/"><img src="/assets/wood-shop-4-1024x768.jpg" alt="Wood Shop" /><span>Wood Shop</span></a> <a class="area-card" href="/wood-shop/"><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" /><span>Wood Shop</span></a>
<a class="area-card" href="/metal-shop/"><img src="/assets/metal-shop-4-1024x768.jpg" alt="Metal Shop" /><span>Metal Shop</span></a> <a class="area-card" href="/metal-shop/"><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" /><span>Metal Shop</span></a>
<a class="area-card" href="/laser-cutters/"><img src="/assets/laser-cutters-2-1024x768.jpg" alt="Laser Cutters" /><span>Laser Cutters</span></a> <a class="area-card" href="/laser-cutters/"><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" /><span>Laser Cutters</span></a>
<a class="area-card" href="/sewing-room/"><img src="/assets/sewing-room-1-1024x768.jpg" alt="Sewing Room" /><span>Sewing Room</span></a> <a class="area-card" href="/sewing-room/"><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" /><span>Sewing Room</span></a>
<a class="area-card" href="/electronics-lab/"><img src="/assets/electronics-lab-1-1024x768.jpg" alt="Electronics Lab" /><span>Electronics Lab</span></a> <a class="area-card" href="/electronics-lab/"><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" /><span>Electronics Lab</span></a>
<a class="area-card" href="/3d-printers/"><img src="/assets/3d-printers-4-1024x768.jpg" alt="3D Printers" /><span>3D Printers</span></a> <a class="area-card" href="/3d-printers/"><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" /><span>3D Printers</span></a>
</div> </div>
<p id="facilities">Facilities available to members include (training may be required):</p> <p id="facilities">Facilities available to members include (training may be required):</p>
@@ -144,7 +152,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -163,10 +171,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>
wood-shop/index.html
+17 -9
View File
@@ -7,7 +7,15 @@
<link rel="icon" href="/assets/favicon.png" type="image/png" /> <link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Explore Protospace’s community wood shop in Calgary, with woodworking tools, workspaces, and equipment for member projects." /> <meta name="description" content="Explore Protospace’s community wood shop in Calgary, with woodworking tools, workspaces, and equipment for member projects." />
<link rel="canonical" href="https://protospace.ca/wood-shop/" /> <link rel="canonical" href="https://protospace.ca/wood-shop/" />
<meta property="og:title" content="Wood Shop – Protospace" />
<meta property="og:description" content="Explore Protospace’s community wood shop in Calgary, with woodworking tools, workspaces, and equipment for member projects." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/wood-shop/" />
<meta property="og:image" content="https://protospace.ca/assets/wood-shop-1.jpg" />
<meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" />
<title>Wood Shop – Protospace</title> <title>Wood Shop – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" /> <link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json"> <script type="application/ld+json">
{ {
@@ -58,12 +66,12 @@
<body> <body>
<header> <header>
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img src="/assets/logo.png" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo.png" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/the-space/">About</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="http://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca">Wiki</a>
<a href="http://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -74,15 +82,15 @@
<h1>Wood Shop</h1> <h1>Wood Shop</h1>
<div class="entry"> <div class="entry">
<figure> <figure>
<img width="1280" height="960" src="/assets/wood-shop-1.jpg" alt="Woodworking table saw and work surface" /> <img width="1024" height="768" src="/assets/wood-shop-1-1024x768.jpg" srcset="/assets/wood-shop-1-1024x768.jpg 1024w, /assets/wood-shop-1.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Woodworking table saw and work surface" decoding="async" fetchpriority="high" />
</figure> </figure>
<figure> <figure>
<img width="1280" height="960" src="/assets/wood-shop-2.jpg" alt="Woodworking tools and project workspace" /> <img width="1024" height="768" src="/assets/wood-shop-2-1024x768.jpg" srcset="/assets/wood-shop-2-1024x768.jpg 1024w, /assets/wood-shop-2.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Woodworking tools and project workspace" loading="lazy" decoding="async" />
</figure> </figure>
<figure> <figure>
<img width="1280" height="960" src="/assets/wood-shop-3.jpg" alt="Member using a woodworking power tool" /> <img width="1024" height="768" src="/assets/wood-shop-3-1024x768.jpg" srcset="/assets/wood-shop-3-1024x768.jpg 1024w, /assets/wood-shop-3.jpg 1280w" sizes="(max-width: 760px) calc(100vw - 24px), 750px" alt="Member using a woodworking power tool" loading="lazy" decoding="async" />
</figure> </figure>
</div> </div>
</main> </main>
@@ -93,7 +101,7 @@
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour! Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p> </p>
<p> <p>
<a href="https://youtu.be/B9w5G6Rn99A"><b>Click here for a mini tour video</b></a> <a href="https://youtu.be/B9w5G6Rn99A">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -112,10 +120,10 @@
<div class="footer-inner"> <div class="footer-inner">
<div class="footer-links"> <div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div> <div><a href="https://www.youtube.com/user/calgaryprotospace/playlists">YouTube</a></div>
<div><a href="http://wiki.protospace.ca/Faq">F.A.Q.</a></div> <div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/">Facebook</a></div>
</div> </div>
<h4>PROTOSPACE 2026 · All rights reserved</h4> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
</footer> </footer>
</body> </body>