From 82bb2f58233ec86d52a1ffcb41e16c4bec1dac05 Mon Sep 17 00:00:00 2001
From: Ewan Croft <git@ewancroft.uk>
Date: Wed, 3 Jun 2026 08:41:38 +0100
Subject: [PATCH] feat(branding): add logos and icon components, fix footer
 icon hover

---
 src/lib/components/icons/Eurosky.svelte      |  7 +++++++
 src/lib/components/icons/Leaflet.svelte      |  7 +++++++
 src/lib/components/icons/StandardSite.svelte |  7 +++++++
 src/lib/styles/components.css                | 12 +++++-------
 static/assets/logos/bluesky.svg              |  3 +++
 static/assets/logos/eurosky.svg              |  3 +++
 static/assets/logos/leaflet.svg              |  3 +++
 static/assets/logos/standard-site.svg        |  3 +++
 8 files changed, 38 insertions(+), 7 deletions(-)
 create mode 100644 src/lib/components/icons/Eurosky.svelte
 create mode 100644 src/lib/components/icons/Leaflet.svelte
 create mode 100644 src/lib/components/icons/StandardSite.svelte
 create mode 100644 static/assets/logos/bluesky.svg
 create mode 100644 static/assets/logos/eurosky.svg
 create mode 100644 static/assets/logos/leaflet.svg
 create mode 100644 static/assets/logos/standard-site.svg

diff --git a/src/lib/components/icons/Eurosky.svelte b/src/lib/components/icons/Eurosky.svelte
new file mode 100644
index 0000000..886ea96
--- /dev/null
+++ b/src/lib/components/icons/Eurosky.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    let { size = 16 } = $props<{ size?: number }>();
+</script>
+
+<svg width={size} height={size} viewBox="0 0 64 64" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="M63.3241 33.3255V30.4794H53.7955C34.9378 30.2338 34.3545 25.118 33.4231 10.1376V0.689178H30.5771V10.1376C29.6457 25.118 29.1555 30.2338 10.2978 30.4794H0.676025V33.3255H10.2978C25.6061 34.3555 30.1864 34.0808 30.5771 52.295V63.3108H33.4231V52.27C33.8138 34.0559 38.4872 34.3555 53.7955 33.3255L63.3241 33.3255Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/lib/components/icons/Leaflet.svelte b/src/lib/components/icons/Leaflet.svelte
new file mode 100644
index 0000000..41491a5
--- /dev/null
+++ b/src/lib/components/icons/Leaflet.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    let { size = 16 } = $props<{ size?: number }>();
+</script>
+
+<svg width={size} height={size} viewBox="0 0 64 64" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M47.1477 0.845986C48.4137 0.811044 50.6635 0.97768 52.1135 2.96513C52.3836 3.33523 52.5782 3.71105 52.72 4.06767C53.7645 3.97079 55.2184 3.84808 56.5706 3.9622C57.8708 4.07194 60.4995 4.49573 62.0325 6.9202C63.3831 9.05643 63.0424 11.2398 62.3821 12.7259C62.0015 13.5824 61.4495 14.3592 61.0149 14.9173C61.4813 15.3251 62.007 15.8782 62.4202 16.5804C63.4141 18.2695 63.4603 20.1398 63.0178 21.9065C62.2415 25.006 59.6512 26.3588 58.0745 26.9641C56.4535 27.5865 54.5555 27.9267 53.138 28.1809C53.0826 28.1909 53.0277 28.2006 52.9739 28.2102C52.8617 28.2304 52.7524 28.2505 52.6458 28.2698C52.994 29.4787 52.9193 30.7579 52.5159 31.9759C51.3992 35.3469 48.8535 36.9475 46.4329 37.6233C44.3585 38.2024 42.038 38.2006 40.3889 38.1995H39.7971C40.2081 39.8678 39.7384 41.5108 39.2756 42.6233C37.5661 46.7333 33.6992 48.2682 30.5745 48.9173C27.4514 49.566 23.8296 49.5859 20.8235 49.6028L20.6165 49.6048C18.9682 49.6143 17.5063 49.6244 16.2278 49.6956C15.0926 51.8854 14.1546 54.3171 13.0667 57.1585L13.0637 57.1653C12.778 57.9114 12.4819 58.6839 12.1751 59.4681C10.9629 62.5654 7.53377 64.0676 4.51588 62.8235C1.49818 61.5794 0.0343291 58.0604 1.24635 54.9632C2.79896 50.9959 4.40634 48.2307 6.55104 43.9798C7.12736 42.8375 7.61458 41.918 8.0403 41.0618C8.0403 38.4802 8.22871 36.6558 8.59987 34.344C9.22395 30.4568 9.74958 28.9618 10.5198 25.4163C11.2283 22.9658 12.2688 19.6743 13.9046 17.8626C14.8446 16.8215 16.2978 15.2998 18.4846 15.1956C19.8116 15.1326 20.6411 16.2275 21.3421 16.6956C23.3761 13.8707 25.0979 10.1107 27.3215 7.18974C29.1054 4.84653 31.0244 2.79935 34.1223 3.28935C35.7179 3.54171 37.9874 4.77215 37.9876 7.18974C38.5787 6.51509 40.385 3.92331 41.1438 3.28935C42.5899 2.08134 44.5901 0.916609 47.1477 0.845986ZM46.5188 2.87333C43.74 2.95003 41.783 5.37595 40.1399 7.41239C38.9504 8.88662 37.9246 10.157 36.8713 10.1849C35.8379 10.212 35.9145 9.50097 36.012 8.60087C36.1511 7.3172 36.3322 5.64751 33.3948 5.1829C30.9596 4.79776 28.3907 9.42128 26.1604 13.4358C24.6347 16.1823 23.2674 18.6439 22.2092 19.0218C20.5909 19.5996 19.8405 18.9231 19.2005 18.346C18.4269 17.6485 17.8135 17.0961 16.0227 19.0794C14.1363 21.1687 12.8496 26.8812 11.6028 33.1058C11.4434 33.9014 12.5506 34.4155 13.0569 33.7913C15.9279 30.2496 20.5931 25.3779 26.1604 21.7757C31.2791 18.4638 36.2177 15.1777 41.804 13.5208C42.6271 13.2767 42.861 14.2224 42.0725 14.5667C35.7739 17.317 30.3617 20.9421 24.6946 25.7845C18.3256 31.1069 12.3027 38.1916 9.24733 43.9661C7.37512 47.1673 5.66312 50.6552 4.17897 54.4475C3.78072 55.4656 4.2614 56.6225 5.25319 57.0315C6.24528 57.4405 7.37326 56.9462 7.77174 55.928C8.07314 55.1579 8.36431 54.3971 8.65162 53.6468C9.9596 50.2308 11.1854 47.0281 12.9143 44.1165C13.0267 43.9272 13.2174 43.8009 13.4319 43.7747C15.3108 43.5455 17.5457 43.5331 19.8587 43.5198C26.1668 43.4835 33.0575 43.4433 34.9046 39.0022C35.8695 36.6819 34.7053 36.3487 33.6546 36.0481C32.7961 35.8026 32.0136 35.5786 32.5305 34.3108C33.4259 32.115 36.3462 32.1146 39.4407 32.1145C43.0459 32.1145 46.8871 32.1143 48.0374 28.6419C48.5293 27.1566 47.652 26.5729 46.8743 26.0559C46.2236 25.6234 45.6426 25.2374 45.9924 24.4085C46.5507 23.0863 48.9821 22.6496 51.5569 22.1868C54.6304 21.6344 57.9094 21.0445 58.4544 18.8684C58.9697 16.8107 58.0095 16.1463 57.0169 15.4593C56.4098 15.0391 55.7902 14.6096 55.4885 13.8489C55.1192 12.9167 55.9275 11.9187 56.7669 10.8831C57.758 9.66019 58.7923 8.38457 57.9807 7.10087C57.0575 5.64067 54.3027 5.89748 52.0237 6.10966C50.6025 6.24197 49.3661 6.35688 48.8743 6.02763C48.3752 5.69324 48.3953 5.1263 48.4153 4.56474C48.4467 3.6861 48.4776 2.81938 46.5188 2.87333Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/lib/components/icons/StandardSite.svelte b/src/lib/components/icons/StandardSite.svelte
new file mode 100644
index 0000000..50f73b8
--- /dev/null
+++ b/src/lib/components/icons/StandardSite.svelte
@@ -0,0 +1,7 @@
+<script lang="ts">
+    let { size = 16 } = $props<{ size?: number }>();
+</script>
+
+<svg width={size} height={size} viewBox="0 0 64 64" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M31.50811 0.1502C31.80503 -0.05007 32.19497 -0.05007 32.49189 0.1502C32.83931 0.38471 33.0256 2.68171 33.39726 7.27598L33.52663 8.87257H42.35611C49.34491 8.87266 55.01029 14.53858 55.01029 21.5275V23.70926H50.64663V21.5275C50.64663 16.94857 46.93509 13.23632 42.35611 13.23625H33.88731C34.28 17.65559 34.67314 20.22558 35.82423 22.32935C37.07543 24.61623 38.94674 26.5088 41.22537 27.79246C43.81029 29.24846 47.12846 29.5728 53.76457 30.22011L57.40937 30.57509C61.55177 30.9792 63.624 31.18149 63.85463 31.52686C64.0512 31.82217 64.04823 32.20686 63.84686 32.4992C63.61143 32.84114 61.53646 33.01097 57.38743 33.34994L55.01029 33.544V42.47291C55.01006 49.46194 49.34491 55.12709 42.35611 55.12731H33.51589L33.39726 56.62149C33.02606 61.28251 32.84023 63.61371 32.49257 63.8496C32.19543 64.05006 31.80526 64.05006 31.50811 63.8496C31.16046 63.61486 30.97463 61.28389 30.60343 56.62149L30.48411 55.12731H21.41088C14.42213 55.12709 8.75616 49.46171 8.75609 42.47291V40.2912H13.1197V42.47291C13.11979 47.05189 16.83209 50.76343 21.41088 50.76343H30.12891C29.73074 46.176 29.33783 43.53051 28.15017 41.37989C26.87429 39.06949 24.96526 37.16617 22.64455 35.8912C20.0115 34.4448 16.63541 34.16891 9.88393 33.61714L6.61262 33.34994C2.4635 33.01097 0.38862 32.84114 0.15312 32.4992C-0.04811 32.20686 -0.0513 31.82217 0.14531 31.52686C0.37566 31.18126 2.44782 30.9792 6.59061 30.57509L8.75609 30.36343V21.5275C8.75609 14.53861 14.42208 8.87269 21.41088 8.87257H30.47406L30.60343 7.27598C30.97486 2.6824 31.16069 0.38526 31.50811 0.1502ZM50.64663 33.90903C46.12091 34.31429 43.49371 34.71703 41.35611 35.8912C39.0352 37.16617 37.12571 39.06949 35.84983 41.37989C34.66217 43.53051 34.26926 46.176 33.87109 50.76343H42.35611C46.93486 50.76343 50.6464 47.05189 50.64663 42.47291V33.90903ZM21.41088 13.23625C16.83202 13.23634 13.1197 16.94859 13.1197 21.5275V29.93303C17.89305 29.44251 20.59458 29.02057 22.77451 27.79246C25.05326 26.5088 26.92457 24.61623 28.17577 22.32935C29.32686 20.22558 29.72069 17.65561 30.11337 13.23625H21.41088Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/lib/styles/components.css b/src/lib/styles/components.css
index c33e5b3..db12aac 100644
--- a/src/lib/styles/components.css
+++ b/src/lib/styles/components.css
@@ -94,12 +94,6 @@
   display: flex;
   align-items: center;
   gap: var(--space-xs);
-  opacity: 0.4;
-  transition: opacity var(--duration-normal) var(--ease-out-quart);
-}
-
-.footer-symbols:hover {
-  opacity: 0.8;
 }
 
 .symbol-sep {
@@ -115,11 +109,15 @@
 .footer-icon-link {
   display: flex;
   color: var(--color-ink-600);
-  transition: color var(--duration-fast) var(--ease-out-quart);
+  opacity: 0.4;
+  transition:
+    color var(--duration-fast) var(--ease-out-quart),
+    opacity var(--duration-fast) var(--ease-out-quart);
 }
 
 .footer-icon-link:hover {
   color: var(--color-primary-500);
+  opacity: 1;
 }
 
 .footer-nav {
diff --git a/static/assets/logos/bluesky.svg b/static/assets/logos/bluesky.svg
new file mode 100644
index 0000000..9bc835c
--- /dev/null
+++ b/static/assets/logos/bluesky.svg
@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6366 7.81116C21.8491 13.3459 29.607 24.5681 32.4553 30.5905C35.3038 24.5685 43.0612 13.3458 50.2739 7.81116C55.4781 3.81752 63.9102 0.727462 63.9102 10.5602C63.9102 12.5239 62.8087 27.0565 62.1627 29.4158C59.9171 37.6184 51.7344 39.7106 44.4557 38.4443C57.1787 40.6577 60.4153 47.9893 53.4255 55.3209C40.1504 69.2451 34.3454 51.8273 32.8572 47.3642C32.4543 46.1554 32.4558 46.1554 32.0529 47.3642C30.5654 51.8273 24.7605 69.2455 11.4847 55.3209C4.49475 47.9893 7.73124 40.6573 20.4544 38.4443C13.1755 39.7106 4.99271 37.6184 2.74748 29.4158C2.10144 27.0563 1 12.5237 1 10.5602C1 0.727462 9.43267 3.81752 14.6366 7.81116Z" fill="black"/>
+</svg>
\ No newline at end of file
diff --git a/static/assets/logos/eurosky.svg b/static/assets/logos/eurosky.svg
new file mode 100644
index 0000000..6452a50
--- /dev/null
+++ b/static/assets/logos/eurosky.svg
@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M63.3241 33.3255V30.4794H53.7955C34.9378 30.2338 34.3545 25.118 33.4231 10.1376V0.689178H30.5771V10.1376C29.6457 25.118 29.1555 30.2338 10.2978 30.4794H0.676025V33.3255H10.2978C25.6061 34.3555 30.1864 34.0808 30.5771 52.295V63.3108H33.4231V52.27C33.8138 34.0559 38.4872 34.3555 53.7955 33.3255L63.3241 33.3255Z" fill="black"/>
+</svg>
\ No newline at end of file
diff --git a/static/assets/logos/leaflet.svg b/static/assets/logos/leaflet.svg
new file mode 100644
index 0000000..e616e89
--- /dev/null
+++ b/static/assets/logos/leaflet.svg
@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M47.1477 0.845986C48.4137 0.811044 50.6635 0.97768 52.1135 2.96513C52.3836 3.33523 52.5782 3.71105 52.72 4.06767C53.7645 3.97079 55.2184 3.84808 56.5706 3.9622C57.8708 4.07194 60.4995 4.49573 62.0325 6.9202C63.3831 9.05643 63.0424 11.2398 62.3821 12.7259C62.0015 13.5824 61.4495 14.3592 61.0149 14.9173C61.4813 15.3251 62.007 15.8782 62.4202 16.5804C63.4141 18.2695 63.4603 20.1398 63.0178 21.9065C62.2415 25.006 59.6512 26.3588 58.0745 26.9641C56.4535 27.5865 54.5555 27.9267 53.138 28.1809C53.0826 28.1909 53.0277 28.2006 52.9739 28.2102C52.8617 28.2304 52.7524 28.2505 52.6458 28.2698C52.994 29.4787 52.9193 30.7579 52.5159 31.9759C51.3992 35.3469 48.8535 36.9475 46.4329 37.6233C44.3585 38.2024 42.038 38.2006 40.3889 38.1995H39.7971C40.2081 39.8678 39.7384 41.5108 39.2756 42.6233C37.5661 46.7333 33.6992 48.2682 30.5745 48.9173C27.4514 49.566 23.8296 49.5859 20.8235 49.6028L20.6165 49.6048C18.9682 49.6143 17.5063 49.6244 16.2278 49.6956C15.0926 51.8854 14.1546 54.3171 13.0667 57.1585L13.0637 57.1653C12.778 57.9114 12.4819 58.6839 12.1751 59.4681C10.9629 62.5654 7.53377 64.0676 4.51588 62.8235C1.49818 61.5794 0.0343291 58.0604 1.24635 54.9632C2.79896 50.9959 4.40634 48.2307 6.55104 43.9798C7.12736 42.8375 7.61458 41.918 8.0403 41.0618C8.0403 38.4802 8.22871 36.6558 8.59987 34.344C9.22395 30.4568 9.74958 28.9618 10.5198 25.4163C11.2283 22.9658 12.2688 19.6743 13.9046 17.8626C14.8446 16.8215 16.2978 15.2998 18.4846 15.1956C19.8116 15.1326 20.6411 16.2275 21.3421 16.6956C23.3761 13.8707 25.0979 10.1107 27.3215 7.18974C29.1054 4.84653 31.0244 2.79935 34.1223 3.28935C35.7179 3.54171 37.9874 4.77215 37.9876 7.18974C38.5787 6.51509 40.385 3.92331 41.1438 3.28935C42.5899 2.08134 44.5901 0.916609 47.1477 0.845986ZM46.5188 2.87333C43.74 2.95003 41.783 5.37595 40.1399 7.41239C38.9504 8.88662 37.9246 10.157 36.8713 10.1849C35.8379 10.212 35.9145 9.50097 36.012 8.60087C36.1511 7.3172 36.3322 5.64751 33.3948 5.1829C30.9596 4.79776 28.3907 9.42128 26.1604 13.4358C24.6347 16.1823 23.2674 18.6439 22.2092 19.0218C20.5909 19.5996 19.8405 18.9231 19.2005 18.346C18.4269 17.6485 17.8135 17.0961 16.0227 19.0794C14.1363 21.1687 12.8496 26.8812 11.6028 33.1058C11.4434 33.9014 12.5506 34.4155 13.0569 33.7913C15.9279 30.2496 20.5931 25.3779 26.1604 21.7757C31.2791 18.4638 36.2177 15.1777 41.804 13.5208C42.6271 13.2767 42.861 14.2224 42.0725 14.5667C35.7739 17.317 30.3617 20.9421 24.6946 25.7845C18.3256 31.1069 12.3027 38.1916 9.24733 43.9661C7.37512 47.1673 5.66312 50.6552 4.17897 54.4475C3.78072 55.4656 4.2614 56.6225 5.25319 57.0315C6.24528 57.4405 7.37326 56.9462 7.77174 55.928C8.07314 55.1579 8.36431 54.3971 8.65162 53.6468C9.9596 50.2308 11.1854 47.0281 12.9143 44.1165C13.0267 43.9272 13.2174 43.8009 13.4319 43.7747C15.3108 43.5455 17.5457 43.5331 19.8587 43.5198C26.1668 43.4835 33.0575 43.4433 34.9046 39.0022C35.8695 36.6819 34.7053 36.3487 33.6546 36.0481C32.7961 35.8026 32.0136 35.5786 32.5305 34.3108C33.4259 32.115 36.3462 32.1146 39.4407 32.1145C43.0459 32.1145 46.8871 32.1143 48.0374 28.6419C48.5293 27.1566 47.652 26.5729 46.8743 26.0559C46.2236 25.6234 45.6426 25.2374 45.9924 24.4085C46.5507 23.0863 48.9821 22.6496 51.5569 22.1868C54.6304 21.6344 57.9094 21.0445 58.4544 18.8684C58.9697 16.8107 58.0095 16.1463 57.0169 15.4593C56.4098 15.0391 55.7902 14.6096 55.4885 13.8489C55.1192 12.9167 55.9275 11.9187 56.7669 10.8831C57.758 9.66019 58.7923 8.38457 57.9807 7.10087C57.0575 5.64067 54.3027 5.89748 52.0237 6.10966C50.6025 6.24197 49.3661 6.35688 48.8743 6.02763C48.3752 5.69324 48.3953 5.1263 48.4153 4.56474C48.4467 3.6861 48.4776 2.81938 46.5188 2.87333Z" fill="black"/>
+</svg>
\ No newline at end of file
diff --git a/static/assets/logos/standard-site.svg b/static/assets/logos/standard-site.svg
new file mode 100644
index 0000000..17b8bb7
--- /dev/null
+++ b/static/assets/logos/standard-site.svg
@@ -0,0 +1,3 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.50811 0.1502C31.80503 -0.05007 32.19497 -0.05007 32.49189 0.1502C32.83931 0.38471 33.0256 2.68171 33.39726 7.27598L33.52663 8.87257H42.35611C49.34491 8.87266 55.01029 14.53858 55.01029 21.5275V23.70926H50.64663V21.5275C50.64663 16.94857 46.93509 13.23632 42.35611 13.23625H33.88731C34.28 17.65559 34.67314 20.22558 35.82423 22.32935C37.07543 24.61623 38.94674 26.5088 41.22537 27.79246C43.81029 29.24846 47.12846 29.5728 53.76457 30.22011L57.40937 30.57509C61.55177 30.9792 63.624 31.18149 63.85463 31.52686C64.0512 31.82217 64.04823 32.20686 63.84686 32.4992C63.61143 32.84114 61.53646 33.01097 57.38743 33.34994L55.01029 33.544V42.47291C55.01006 49.46194 49.34491 55.12709 42.35611 55.12731H33.51589L33.39726 56.62149C33.02606 61.28251 32.84023 63.61371 32.49257 63.8496C32.19543 64.05006 31.80526 64.05006 31.50811 63.8496C31.16046 63.61486 30.97463 61.28389 30.60343 56.62149L30.48411 55.12731H21.41088C14.42213 55.12709 8.75616 49.46171 8.75609 42.47291V40.2912H13.1197V42.47291C13.11979 47.05189 16.83209 50.76343 21.41088 50.76343H30.12891C29.73074 46.176 29.33783 43.53051 28.15017 41.37989C26.87429 39.06949 24.96526 37.16617 22.64455 35.8912C20.0115 34.4448 16.63541 34.16891 9.88393 33.61714L6.61262 33.34994C2.4635 33.01097 0.38862 32.84114 0.15312 32.4992C-0.04811 32.20686 -0.0513 31.82217 0.14531 31.52686C0.37566 31.18126 2.44782 30.9792 6.59061 30.57509L8.75609 30.36343V21.5275C8.75609 14.53861 14.42208 8.87269 21.41088 8.87257H30.47406L30.60343 7.27598C30.97486 2.6824 31.16069 0.38526 31.50811 0.1502ZM50.64663 33.90903C46.12091 34.31429 43.49371 34.71703 41.35611 35.8912C39.0352 37.16617 37.12571 39.06949 35.84983 41.37989C34.66217 43.53051 34.26926 46.176 33.87109 50.76343H42.35611C46.93486 50.76343 50.6464 47.05189 50.64663 42.47291V33.90903ZM21.41088 13.23625C16.83202 13.23634 13.1197 16.94859 13.1197 21.5275V29.93303C17.89305 29.44251 20.59458 29.02057 22.77451 27.79246C25.05326 26.5088 26.92457 24.61623 28.17577 22.32935C29.32686 20.22558 29.72069 17.65561 30.11337 13.23625H21.41088Z" fill="black"/>
+</svg>
\ No newline at end of file
-- 
2.51.2