Add external link icons

This commit is contained in:
Tanner
2026-09-23 20:50:51 +00:00
parent 07056bd10b
commit 933720125a
11 changed files with 89 additions and 64 deletions
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -112,7 +112,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -131,9 +131,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+8 -8
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -100,7 +100,7 @@
<h2>Email:</h2> <h2>Email:</h2>
<p><a href="mailto:info@protospace.ca">info@protospace.ca</a></p> <p><a href="mailto:info@protospace.ca" class="external">info@protospace.ca</a></p>
<hr /> <hr />
@@ -121,7 +121,7 @@
<hr /> <hr />
<p> <p>
<a href="https://www.google.ca/maps/place/Calgary+Protospace+Ltd./@51.07701,-114.0233128,15z/data=!4m2!3m1!1s0x537177754cb71bf9:0xa0039e8a3e820581"> <a href="https://www.google.ca/maps/place/Calgary+Protospace+Ltd./@51.07701,-114.0233128,15z/data=!4m2!3m1!1s0x537177754cb71bf9:0xa0039e8a3e820581" class="external">
Here is a <em>Google Map</em> to our location Here is a <em>Google Map</em> to our location
</a>. </a>.
</p> </p>
@@ -139,7 +139,7 @@
<h2>Getting Here:</h2> <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" class="external">
View Larger Map View Larger Map
</a> </a>
</p> </p>
@@ -174,9 +174,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -103,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -122,9 +122,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -135,7 +135,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -154,9 +154,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+8 -8
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -85,7 +85,7 @@
Membership grants 24/7 access to the makerspace. You&#8217;ll be able to use the wood shop, Membership grants 24/7 access to the makerspace. You&#8217;ll be able to use the wood shop,
metal shop, sewing room, 3D printers, laser cutters, and electronics lab to build your metal shop, sewing room, 3D printers, laser cutters, and electronics lab to build your
projects. You can projects. You can
<a rel="noreferrer noopener" href="https://my.protospace.ca/classes" data-type="URL" target="_blank">attend classes</a> <a rel="noreferrer noopener" href="https://my.protospace.ca/classes" data-type="URL" target="_blank" class="external">attend classes</a>
for machines that require training or a safety orientation. You&#8217;ll get a shelf to store for machines that require training or a safety orientation. You&#8217;ll get a shelf to store
projects or supplies if you want. projects or supplies if you want.
</p> </p>
@@ -256,7 +256,7 @@
<p> <p>
You are welcome to post a commission request on You are welcome to post a commission request on
<a href="https://forum.protospace.ca/c/chattymcchatface/commissions/35">our forum</a>. <a href="https://forum.protospace.ca/c/chattymcchatface/commissions/35" class="external">our forum</a>.
However, please be aware that there is <strong>no guarantee</strong> that we have any members However, please be aware that there is <strong>no guarantee</strong> that we have any members
willing or able to take on your request. It&#8217;s up to you to work something out with a willing or able to take on your request. It&#8217;s up to you to work something out with a
member. member.
@@ -270,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -289,9 +289,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -105,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -124,9 +124,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -110,7 +110,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -129,9 +129,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -117,7 +117,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -136,9 +136,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+25
View File
@@ -56,6 +56,14 @@ a {
color: var(--ink); color: var(--ink);
text-decoration: underline; text-decoration: underline;
} }
a.external {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23fff' stroke='%23000' d='M1.5 4.518h5.982V10.5H1.5z'/%3E%3Cpath fill='%23000' d='M5.765 1H11v5.39L9.427 7.937l-1.31-1.31L5.393 9.35l-2.69-2.688 2.81-2.808L4.2 2.544z'/%3E%3Cpath fill='%23fff' d='m9.995 2.004.022 4.885L8.2 5.07 5.32 7.95 4.09 6.723l2.882-2.88-1.85-1.852z'/%3E%3C/svg%3E%0A");
display: inline-block;
background-position: center right;
background-repeat: no-repeat;
background-size: 12px 12px;
padding-right: 15px;
}
header { header {
background: var(--blue); background: var(--blue);
border-bottom: 1px solid #17619f; border-bottom: 1px solid #17619f;
@@ -91,6 +99,23 @@ header {
.nav a:hover { .nav a:hover {
text-decoration: underline; text-decoration: underline;
} }
.nav a.external,
.footer-links a.external {
background-image: none;
padding-right: 0;
display: inline-flex;
align-items: center;
gap: 4px;
}
.nav a.external::after,
.footer-links a.external::after {
width: 12px;
height: 12px;
flex: 0 0 12px;
transform: translateY(-2px);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.25' d='M1.5 4.5v6h6v-3M4.5 1.5h6v6M10.5 1.5l-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
content: "";
}
.content { .content {
max-width: 1140px; max-width: 1140px;
width: calc(100% - 40px); width: calc(100% - 40px);
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -188,7 +188,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -207,9 +207,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>
+6 -6
View File
@@ -70,8 +70,8 @@
<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="https://wiki.protospace.ca">Wiki</a> <a href="https://wiki.protospace.ca" class="external">Wiki</a>
<a href="https://my.protospace.ca">Portal</a> <a href="https://my.protospace.ca" class="external">Portal</a>
<a href="/contact/">Contact</a> <a href="/contact/">Contact</a>
</nav> </nav>
</div> </div>
@@ -110,7 +110,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">Watch the Protospace mini tour video</a> <a href="https://youtu.be/B9w5G6Rn99A" class="external">Watch the Protospace mini tour video</a>
</p> </p>
</section> </section>
<section> <section>
@@ -129,9 +129,9 @@
<footer> <footer>
<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" class="external">YouTube</a></div>
<div><a href="https://wiki.protospace.ca/Faq">F.A.Q.</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/">Facebook</a></div> <div><a href="https://www.facebook.com/CalgaryProtospace/" class="external">Facebook</a></div>
</div> </div>
<p>PROTOSPACE 2026 · All rights reserved</p> <p>PROTOSPACE 2026 · All rights reserved</p>
</div> </div>