Rename About to Spaces, add About page

This commit is contained in:
Tanner
2026-09-23 20:58:23 +00:00
parent 933720125a
commit 1a264905ea
14 changed files with 195 additions and 20 deletions
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
+3 -2
View File
@@ -16,7 +16,8 @@ This is the static website for Protospace, a non-profit makerspace in Calgary, A
- Every page must be an `index.html` inside its own route directory: - Every page must be an `index.html` inside its own route directory:
- `/index.html` - `/index.html`
- `/the-space/index.html` - `/about/index.html`
- `/spaces/index.html`
- `/join-us/index.html` - `/join-us/index.html`
- `/contact/index.html` - `/contact/index.html`
- `/wood-shop/index.html` - `/wood-shop/index.html`
@@ -66,7 +67,7 @@ Keep source code pleasant for humans to read and edit.
When adding or editing a page, match the existing structure: When adding or editing a page, match the existing structure:
- Header with Protospace logo and links to About, Membership, Wiki, Portal, and Contact - Header with Protospace logo and links to About, Spaces, Membership, Wiki, Portal, and Contact
- Main page content with one meaningful `<h1>` - Main page content with one meaningful `<h1>`
- Sidebar containing the current open-house information, address, parking details, map iframe, and search control where applicable - Sidebar containing the current open-house information, address, parking details, map iframe, and search control where applicable
- Footer containing YouTube, FAQ, and Facebook links - Footer containing YouTube, FAQ, and Facebook links
+160
View File
@@ -0,0 +1,160 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" href="/assets/favicon.png" type="image/png" />
<meta name="description" content="Learn about Protospace, Calgary’s volunteer-run non-profit makerspace and community workshop." />
<link rel="canonical" href="https://protospace.ca/about/" />
<meta property="og:title" content="About Protospace – Protospace" />
<meta property="og:description" content="Learn about Protospace, Calgary’s volunteer-run non-profit makerspace and community workshop." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://protospace.ca/about/" />
<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>About Protospace – Protospace</title>
<link rel="preload" href="/styles.css" as="style" />
<link rel="stylesheet" href="/styles.css" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": [
"LocalBusiness",
"NonprofitOrganization"
],
"@id": "https://protospace.ca/#organization",
"name": "Protospace",
"description": "Protospace is a volunteer-run, non-profit makerspace in Calgary with shared woodworking, metalworking, sewing, electronics, laser cutting, and 3D printing facilities.",
"url": "https://protospace.ca/",
"logo": "https://protospace.ca/assets/logo.png",
"image": "https://protospace.ca/assets/FrontProto-1024x455.jpg",
"telephone": "+1-587-774-5672",
"email": "info@protospace.ca",
"address": {
"@type": "PostalAddress",
"streetAddress": "1530 27th Avenue NE, Bay 108",
"addressLocality": "Calgary",
"addressRegion": "AB",
"postalCode": "T2E 7S6",
"addressCountry": "CA"
},
"areaServed": "Calgary, Alberta, Canada",
"priceRange": "$55/month",
"sameAs": [
"https://www.facebook.com/CalgaryProtospace/",
"https://www.youtube.com/user/calgaryprotospace/playlists"
],
"openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": "https://schema.org/Tuesday",
"opens": "19:00",
"closes": "21:00",
"description": "Public open house every Tuesday from 7:00 pm to 9:00 pm, including holidays. Visitors can drop in for a tour."
},
"contactPoint": {
"@type": "ContactPoint",
"telephone": "+1-587-774-5672",
"email": "info@protospace.ca",
"contactType": "customer service"
}
}
</script>
</head>
<body>
<header>
<div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav">
<a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a>
</nav>
</div>
</header>
<div class="content">
<div class="layout">
<main>
<h1>About Protospace</h1>
<div class="entry">
<p>
Protospace is a volunteer-run, non-profit makerspace in Calgary, Alberta. We bring together
artists, builders, hackers, engineers, and curious people who want to learn, make things, and
share what they know.
</p>
<h2>A place to make things</h2>
<p>
Our 6,500-square-foot space includes dedicated areas for woodworking, metalworking, sewing,
electronics, laser cutting, 3D printing, machining, welding, and larger projects. Members
can use shared tools and workspaces around the clock, with training available for equipment
that requires an orientation.
</p>
<p>
Explore the <a href="/spaces/">spaces and equipment</a> available to members, or visit the
individual pages for the <a href="/wood-shop/">wood shop</a>,
<a href="/metal-shop/">metal shop</a>, <a href="/laser-cutters/">laser cutters</a>,
<a href="/sewing-room/">sewing room</a>, <a href="/electronics-lab/">electronics lab</a>,
and <a href="/3d-printers/">3D printers</a>.
</p>
<h2>Community-powered</h2>
<p>
Protospace has no owners, employees, or shareholders. The space is run by its members,
who volunteer their time to maintain equipment, teach classes, organize events, and keep
the community welcoming. Beginners and experienced makers are equally welcome.
</p>
<h2>Come visit</h2>
<p>
The best way to get to know Protospace is to come to our open house, every Tuesday from
7:00 pm to 9:00 pm, including holidays. Drop in for a tour, meet members, and see what
we are building. <a href="/contact/">Find contact and location details</a> before you visit.
</p>
</div>
</main>
<aside class="sidebar">
<section>
<h2>2026 Schedule:</h2>
<p class="green">
Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!
</p>
<p>
<a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p>
</section>
<section>
<p>1530 27th Avenue NE<br />Bay 108<br />Calgary, Alberta, Canada<br />T2E 7S6</p>
<p><b>Parking:</b> For open house, park in the front lot (southeast) or on the street.</p>
<iframe
class="map"
loading="lazy"
src="https://maps.google.com/maps?width=300&amp;height=100&amp;hl=en&amp;q=Protospace%2C%20Calgary&amp;ie=UTF8&amp;t=&amp;z=12&amp;iwloc=B&amp;output=embed"
title="Map to Protospace"
></iframe>
</section>
</aside>
</div>
</div>
<footer>
<div class="footer-inner">
<div class="footer-links">
<div><a href="https://www.youtube.com/user/calgaryprotospace/playlists" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq" class="external">F.A.Q.</a></div>
<div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div>
<p>PROTOSPACE 2026 · All rights reserved</p>
</div>
</footer>
</body>
</html>
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
+3 -2
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
@@ -90,7 +91,7 @@
<a href="/3d-printers/">3D printers</a>, <a href="/3d-printers/">3D printers</a>,
<a href="/laser-cutters/">laser cutters</a>, and <a href="/laser-cutters/">laser cutters</a>, and
<a href="/electronics-lab/">electronics lab</a>, plus <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="/spaces/">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">
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
+2 -1
View File
@@ -5,7 +5,8 @@
## Main pages ## Main pages
- [Home](https://protospace.ca/): Overview of Protospace, its community, facilities, and membership. - [Home](https://protospace.ca/): Overview of Protospace, its community, facilities, and membership.
- [About the space](https://protospace.ca/the-space/): Description of the facility, available areas, and member equipment. - [About Protospace](https://protospace.ca/about/): Background on Protospace, its volunteer-run community, mission, and how to visit.
- [Spaces](https://protospace.ca/spaces/): Description of the facility, available areas, and member equipment.
- [Membership](https://protospace.ca/join-us/): Membership dues, benefits, process, duties, and frequently asked questions. - [Membership](https://protospace.ca/join-us/): Membership dues, benefits, process, duties, and frequently asked questions.
- [Contact](https://protospace.ca/contact/): Contact information, address, parking, transit, and directions. - [Contact](https://protospace.ca/contact/): Contact information, address, parking, transit, and directions.
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
+4 -1
View File
@@ -4,7 +4,10 @@
<loc>https://protospace.ca/</loc> <loc>https://protospace.ca/</loc>
</url> </url>
<url> <url>
<loc>https://protospace.ca/the-space/</loc> <loc>https://protospace.ca/about/</loc>
</url>
<url>
<loc>https://protospace.ca/spaces/</loc>
</url> </url>
<url> <url>
<loc>https://protospace.ca/join-us/</loc> <loc>https://protospace.ca/join-us/</loc>
+7 -6
View File
@@ -6,15 +6,15 @@
<meta name="viewport" content="width=device-width,initial-scale=1" /> <meta name="viewport" content="width=device-width,initial-scale=1" />
<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/spaces/" />
<meta property="og:title" content="About – Protospace" /> <meta property="og:title" content="Spaces – 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: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:type" content="website" />
<meta property="og:url" content="https://protospace.ca/the-space/" /> <meta property="og:url" content="https://protospace.ca/spaces/" />
<meta property="og:image" content="https://protospace.ca/assets/wood-shop-4-1024x768.jpg" /> <meta property="og:image" content="https://protospace.ca/assets/wood-shop-4-1024x768.jpg" />
<meta property="og:site_name" content="Protospace" /> <meta property="og:site_name" content="Protospace" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<title>About – Protospace</title> <title>Spaces – Protospace</title>
<link rel="preload" href="/styles.css" as="style" /> <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">
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
@@ -79,7 +80,7 @@
<div class="content"> <div class="content">
<div class="layout"> <div class="layout">
<main> <main>
<h1>About</h1> <h1>Spaces</h1>
<div class="entry"> <div class="entry">
<p> <p>
Our space occupies about 6500 square feet consisting of two 2000 sq ft warehouse bays that Our space occupies about 6500 square feet consisting of two 2000 sq ft warehouse bays that
+2 -1
View File
@@ -68,7 +68,8 @@
<div class="nav-wrap"> <div class="nav-wrap">
<a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a> <a class="brand" href="/"><img width="360" height="70" src="/assets/logo-white.svg" alt="Protospace" /></a>
<nav class="nav"> <nav class="nav">
<a href="/the-space/">About</a> <a href="/about/">About</a>
<a href="/spaces/">Spaces</a>
<a href="/join-us/">Membership</a> <a href="/join-us/">Membership</a>
<a href="https://wiki.protospace.ca" class="external">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca" class="external">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>