From 933720125afa0bb4d232b40cb84e0b6f9a4e2829 Mon Sep 17 00:00:00 2001 From: Tanner Date: Wed, 23 Sep 2026 20:50:51 +0000 Subject: [PATCH] Add external link icons --- 3d-printers/index.html | 12 ++++++------ contact/index.html | 16 ++++++++-------- electronics-lab/index.html | 12 ++++++------ index.html | 12 ++++++------ join-us/index.html | 16 ++++++++-------- laser-cutters/index.html | 12 ++++++------ metal-shop/index.html | 12 ++++++------ sewing-room/index.html | 12 ++++++------ styles.css | 25 +++++++++++++++++++++++++ the-space/index.html | 12 ++++++------ wood-shop/index.html | 12 ++++++------ 11 files changed, 89 insertions(+), 64 deletions(-) diff --git a/3d-printers/index.html b/3d-printers/index.html index 74eab00..b1dee8d 100644 --- a/3d-printers/index.html +++ b/3d-printers/index.html @@ -70,8 +70,8 @@ @@ -112,7 +112,7 @@ Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!

- Watch the Protospace mini tour video + Watch the Protospace mini tour video

@@ -131,9 +131,9 @@
@@ -122,9 +122,9 @@
@@ -154,9 +154,9 @@
- - - + + +

PROTOSPACE 2026 · All rights reserved

diff --git a/join-us/index.html b/join-us/index.html index bfa039e..ee203de 100644 --- a/join-us/index.html +++ b/join-us/index.html @@ -70,8 +70,8 @@ @@ -85,7 +85,7 @@ Membership grants 24/7 access to the makerspace. You’ll be able to use the wood shop, metal shop, sewing room, 3D printers, laser cutters, and electronics lab to build your projects. You can - attend classes + attend classes for machines that require training or a safety orientation. You’ll get a shelf to store projects or supplies if you want.

@@ -256,7 +256,7 @@

You are welcome to post a commission request on - our forum. + our forum. However, please be aware that there is no guarantee that we have any members willing or able to take on your request. It’s up to you to work something out with a member. @@ -270,7 +270,7 @@ Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!

- Watch the Protospace mini tour video + Watch the Protospace mini tour video

@@ -289,9 +289,9 @@
@@ -124,9 +124,9 @@
@@ -129,9 +129,9 @@
@@ -136,9 +136,9 @@
- - - + + +

PROTOSPACE 2026 · All rights reserved

diff --git a/styles.css b/styles.css index f2a8679..8dc3a3e 100644 --- a/styles.css +++ b/styles.css @@ -56,6 +56,14 @@ a { color: var(--ink); 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 { background: var(--blue); border-bottom: 1px solid #17619f; @@ -91,6 +99,23 @@ header { .nav a:hover { 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 { max-width: 1140px; width: calc(100% - 40px); diff --git a/the-space/index.html b/the-space/index.html index 76823fb..98fb686 100644 --- a/the-space/index.html +++ b/the-space/index.html @@ -70,8 +70,8 @@ @@ -188,7 +188,7 @@ Open House every Tuesday from 7-9 pm (even holidays). Just drop in for a tour!

- Watch the Protospace mini tour video + Watch the Protospace mini tour video

@@ -207,9 +207,9 @@
@@ -129,9 +129,9 @@