refactor: mega revamp of devs site to match interledger.org v4 (#43)

* Mega revamp of devs site to match interledger.org v4 * Attempt to set up netlify preview * Remove unnecessary code from previous test attempts * Updates from team feedback * Remove background effect for mobile * Add terms and conditions link * Add values link to nav * Fix sticky header issue * Apply suggestions from code review Co-authored-by: Max Kurapov <[email protected]> * Adjust sidebar links --------- Co-authored-by: Max Kurapov <[email protected]>
interledger · Mar 11, 2024 · e90ec88 · e90ec88
1 parent 4ca66eb
commit e90ec88
Show file tree

Hide file tree

Showing 37 changed files with 864 additions and 445 deletions.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -10,7 +10,7 @@ export default defineConfig({
       title: "Interledger",
       description: "Enable seamless exchange of value across payment networks.",
       customCss: [
-        "./node_modules/@interledger/docs-design-system/src/styles/green-theme.css",
+        "./node_modules/@interledger/docs-design-system/src/styles/teal-theme.css",
         "./node_modules/@interledger/docs-design-system/src/styles/ilf-docs.css",
         "./src/styles/interledger.css",
         "./src/styles/atom-one-light.min.css",
@@ -39,11 +39,11 @@ export default defineConfig({
       },
       sidebar: [
         {
-          label: "Get started",
-          link: "/get-started",
+          label: "Get involved",
+          link: "/get-involved",
         },
         {
-          label: "Specs",
+          label: "Specifications",
           items: [
             {
               label: "Interledger Protocol V4 (ILPv4)",
@@ -100,14 +100,6 @@ export default defineConfig({
             },
           ],
         },
-        {
-          label: "Tools",
-          link: "/tools",
-        },
-        {
-          label: "Community",
-          link: "/community",
-        },
       ],
     }),
   ],

diff --git a/package.json b/package.json
@@ -9,10 +9,11 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/starlight": "^0.16.0",
-    "@interledger/docs-design-system": "^0.2.1",
+    "@astrojs/node": "^8.2.3",
+    "@astrojs/starlight": "^0.21.1",
+    "@interledger/docs-design-system": "^0.3.0",
     "@types/showdown": "^2.0.6",
-    "astro": "^4.2.4",
+    "astro": "^4.4.15",
     "node-html-parser": "^6.1.12",
     "sharp": "^0.33.2",
     "showdown": "^2.1.0"

diff --git a/public/fonts/titilliumweb-extralight.woff2 b/public/fonts/titilliumweb-extralight.woff2
diff --git a/public/fonts/titilliumweb-semibold.woff2 b/public/fonts/titilliumweb-semibold.woff2
diff --git a/public/img/blog/2018-01-29/tree.webp b/public/img/blog/2018-01-29/tree.webp
diff --git a/public/img/blog/2018-10-03/connector.webp b/public/img/blog/2018-10-03/connector.webp
diff --git a/public/img/blog/2018-10-03/packet-flow.webp b/public/img/blog/2018-10-03/packet-flow.webp
diff --git a/public/img/blog/2019-01-23/ilsp-architecture.webp b/public/img/blog/2019-01-23/ilsp-architecture.webp
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -2,7 +2,7 @@
 import type { Props } from '@astrojs/starlight/props';
 import SocialIcons from "@astrojs/starlight/components/SocialIcons.astro";
 import ThemeSelect from "@astrojs/starlight/components/ThemeSelect.astro";
-import DevelopersLogo from "../components/DevelopersLogo.astro";
+import DevelopersLogo from "./logos/DevelopersLogo.astro";
 ---
 
 <div class="header sl-flex">
@@ -21,11 +21,9 @@ import DevelopersLogo from "../components/DevelopersLogo.astro";
         Interledger Foundation
       </span>
   </a>
-  <div class="secondary-wrap">
+  <div class="sl-hidden md:sl-flex secondary-wrap">
     <SocialIcons {...Astro.props} />
-    <div class="sl-hidden md:sl-flex">
-      <ThemeSelect {...Astro.props} />
-    </div>
+    <ThemeSelect {...Astro.props} />
   </div>
 </div>
 
@@ -93,14 +91,7 @@ import DevelopersLogo from "../components/DevelopersLogo.astro";
   }
 
   .secondary-wrap {
-    display: flex;
     align-items: center;
-    gap: var(--sl-nav-gap);
-  }
-
-  @media screen and (max-width: 799px) {
-    .secondary-wrap :global(.divider) {
-      border-inline-end-color: transparent;
-    }
+    gap: var(--space-s);
   }  
 </style>
diff --git a/src/components/Rfc.astro b/src/components/Rfc.astro
@@ -13,7 +13,7 @@ const getApiData = async () => {
 };
 
 const specBody = await getApiData();
-const converter = new showdown.Converter({tables: 'true', ghCompatibleHeaderId: 'true'});
+const converter = new showdown.Converter({tables: true, ghCompatibleHeaderId: true});
 const html  = converter.makeHtml(specBody);
 const output = parse(html);
 ---

diff --git a/...components/pages/AnimatedSummitLogo.astro → ...components/logos/AnimatedSummitLogo.astro b/...components/pages/AnimatedSummitLogo.astro → ...components/logos/AnimatedSummitLogo.astro
diff --git a/src/components/DevelopersLogo.astro → src/components/logos/DevelopersLogo.astro b/src/components/DevelopersLogo.astro → src/components/logos/DevelopersLogo.astro
diff --git a/src/components/FoundationLogo.astro → src/components/logos/FoundationLogo.astro b/src/components/FoundationLogo.astro → src/components/logos/FoundationLogo.astro
diff --git a/src/components/logos/InterledgerIcon.astro b/src/components/logos/InterledgerIcon.astro
@@ -0,0 +1,4 @@
+---
+const { class: className } = Astro.props;
+---
+<svg role="img" class={className} viewBox="0 0 258 255.96"><title>Interledger icon (full color)</title><path fill="#fff" d="M200.83 153.3c-5.14 15.85-14.1 29.45-25.39 39.99-13.69 7.8-29.54 12.2-46.46 12.2-16.68 0-32.27-4.31-45.88-11.86-11.62-10.62-20.74-24.39-25.97-40.4-5.14-15.85-5.89-32.11-2.9-47.37 6.55-14.27 16.76-27.21 30.45-37.08 13.52-9.79 28.71-15.51 44.14-17.42 15.6 1.83 31.03 7.55 44.72 17.42 13.36 9.79 23.56 22.48 30.12 36.59 3.06 15.49 2.4 31.92-2.83 47.93z"/><path fill="#ffc9dd" d="M183 55.13c-14.58.32-24.8-1.01-54.18-1.61-15.11-.31-29.75 7.42-42.89 16.93-13.3 9.59-23.22 22.17-29.59 36.04-2.49-19.6 5.56-37.33 18.22-51.03 11.29-12.17 27.65-34.18 54.18-34.18S171.87 43.12 183 55.13z"/><path fill="#ffa7b3" d="M84.4 191.78c-18.89-5.4-33.94-16.69-43.05-32.97-8.15-14.51-23.97-35.31-15.72-62.16s34.1-34.18 48.94-41.2C61.91 69.16 59.65 89.8 56.34 106.48c-2.9 14.83-2.18 30.64 2.82 46.03 5.08 15.57 13.95 28.95 25.24 39.27z"/><path fill="#a4bfdd" d="M174.13 191.46c-8.72 15.67-26.44 27.25-44.74 30.88-16.29 3.23-42.08 10.16-63.85-4.43s-22.17-42.81-24.19-59.09c9.11 16.29 28.14 24.67 43.05 32.97 13.22 7.34 28.38 11.53 44.58 11.53 16.45-.01 31.85-4.28 45.15-11.86z"/><path fill="#99e2d1" d="M216.86 158.24c-1.93 16.53-3.98 43.49-23.78 59.26s-47.57 7.9-63.69 4.84c18.3-3.63 32.25-19.19 44.74-30.88 10.96-10.24 19.67-23.46 24.67-38.86 5.08-15.56 5.72-31.52 2.74-46.6 10.76 11.25 17.5 33.7 15.32 52.24z"/><path fill="#ebd7a0" d="M216.86 158.24c2.18-18.54-8.14-36.76-15.32-52.24-6.37-13.71-16.29-26.04-29.27-35.55-13.3-9.59-28.3-15.16-43.45-16.93 16.93-2.02 37.33-6.21 54.18 1.61 15.08 6.93 41.22 17.43 49.18 40.79 7.95 23.37-7.34 47.97-15.32 62.32z"/><path fill="#a499d7" d="M65.5 217.9c-22.97-10.56-47.51-25.1-55.3-48.77-7.81-23.74 3.22-50.38 15.4-72.47-.4 4.03-.73 8.14-.73 12.25 0 18.46 8.3 35.39 16.44 49.9 2.02 16.28 5.16 34.34 15.88 49.09 2.59 3.55 5.33 6.85 8.31 10z"/><path fill="#56b8b6" d="M193.11 217.49c-17.09 18.54-38.67 37.57-63.68 37.65-25 .08-46.68-18.78-63.93-37.24 3.63 1.69 7.5 3.22 11.45 4.51 17.57 5.72 36.11 3.14 52.4-.08 16.12 3.06 34.42 5.56 51.67-.08 4.19-1.37 8.23-2.9 12.09-4.76z"/><path fill="#80c288" d="M248.09 168.32c-7.67 23.79-32.08 38.45-54.98 49.17 2.74-2.98 5.4-6.13 7.82-9.51 10.88-14.91 14.03-33.21 15.96-49.74 7.98-14.35 16.12-31.12 16.12-49.34 0-4.35-.32-8.71-.81-12.98 12.35 22.1 23.56 48.63 15.89 72.4z"/><path fill="#ff7a7f" d="M128.7 21.28c-4.03.81-7.98 1.77-11.93 3.06-17.57 5.73-30.95 18.95-42.24 31.12-14.83 7.01-31.2 15.48-41.92 30.23-2.58 3.55-4.92 7.17-7.01 10.96 2.98-25.15 9.41-52.82 29.59-67.55 20.17-14.73 48.69-12.65 73.51-7.82z"/><path fill="#ffba86" d="M232.21 95.93c-2.02-3.55-4.19-7.01-6.69-10.32-10.8-14.91-27.41-23.54-42.48-30.47-11.2-12.01-24.51-24.99-41.76-30.63-4.19-1.37-8.38-2.42-12.58-3.22 24.75-5 53.27-7.27 73.52 7.34 20.27 14.61 26.85 42.23 29.99 67.3z"/><path fill="#835283" d="M25.6 96.66c-12.17 22.09-20.31 47.96-15.4 72.47C-1 145.1-3.5 117.05 5.37 89.96c8.71-26.93 27.01-48.05 49.82-60.86-18.3 17.01-26.61 42.4-29.59 67.56z"/><path fill="#8075b4" d="M129.43 255.14c-26.2 3.22-53.69-3.06-76.74-19.83-22.89-16.61-37.32-40.55-42.48-66.18 10.56 22.57 32.33 38.21 55.3 48.77 17.25 18.46 39.09 34.34 63.92 37.24z"/><path fill="#2e9d87" d="M248.09 168.32c-5 25.96-19.51 50.14-42.56 66.91-22.89 16.61-50.06 22.89-76.1 19.91 24.83-3.06 46.59-19.11 63.68-37.65 22.9-10.72 44.58-26.44 54.98-49.17z"/><path fill="#549558" d="M248.09 168.32c4.84-24.51-3.55-50.3-15.88-72.39-3.14-25.07-11.61-50.38-29.99-67.31 23.13 12.82 41.6 34.1 50.46 61.19 8.71 26.84 6.38 54.65-4.59 78.51z"/><path fill="#ff9952" d="M202.23 28.62c-21.85-12.09-48.77-12.33-73.52-7.34-24.83-4.84-51.75-4.43-73.52 7.82C74.45 11.04 100.41 0 128.95 0c28.29 0 54.01 10.88 73.28 28.62z"/></svg>
diff --git a/src/components/logos/OpenPaymentsIcon.astro b/src/components/logos/OpenPaymentsIcon.astro
@@ -0,0 +1,4 @@
+---
+const { class: className } = Astro.props;
+---
+<svg role="img" class={className} fill="none" viewBox="0 0 286 286"><title>Open Payments icon (full color)</title><path fill="#FFA6B2" fill-rule="evenodd" d="M284.5 127.391c-5.41-50.856-37.55-93.733-82.1-114.312h-41.59l-8.9 54.536c37.81 9.47 58.2 30.378 67.06 67.926l65.52-8.15h.01Z" clip-rule="evenodd"/><path fill="#B3EDDF" fill-rule="evenodd" d="m77.02 269.331 13.85-79.464c-4.33-3.95-22.15 15.809-25.7 11.149H31v30.428c12.46 15.639 28.13 28.608 46.02 37.887Z" clip-rule="evenodd"/><path fill="#FFB985" fill-rule="evenodd" d="m284.59 128.371-74.22-3.69c.66 4.56 0 18.649 0 23.379 0 14.319 1.14 21.258-4.44 33.497l24.64 19.459h42.28c8-17.809 12.45-37.567 12.45-58.356 0-4.82-.24-9.589-.71-14.289Z" clip-rule="evenodd"/><path fill="#FFCBA9" fill-rule="evenodd" d="M248.71 111.702c-13.12 0-23.75 10.639-23.75 23.749v3.349c0 13.119 10.64 23.749 23.75 23.749s23.75-10.64 23.75-23.749v-3.349c0-13.12-10.63-23.749-23.75-23.749Z" clip-rule="evenodd"/><path fill="#68C180" fill-rule="evenodd" d="M278.76 185.517c-18.2 57.836-72.25 99.783-136.1 99.783-5.82 0-11.56-.35-17.2-1.03l8.26-68.075c5.47.96 16.11 2.45 21.42.26 28.13-11.609 31.23-16.029 53.94-37.938l69.67 7h.01Z" clip-rule="evenodd"/><path fill="#2E9C86" fill-rule="evenodd" d="M50.7 179.708c1.31 1.2 2.57 2.43 3.79 3.709-.57-1.219-1.12-2.459-1.65-3.709h-2.15.01Zm66.04 57.886c0 15.369-2.96 30.068-8.36 43.567-13.26-3.27-25.8-8.4-37.31-15.089-1.4-.82 1.58-9.85 1.93-11.309 4.66-19.279 10.26-38.998 11.38-58.876.13-2.33.76-7.67-.99-9.62 12.25 13.599 25.45 19.559 43.62 24.519 0 .58-10.27 26.228-10.27 26.808Z" clip-rule="evenodd"/><path fill="#98E1D0" fill-rule="evenodd" d="M9.8 194.716h32.34v-82.824H3.32A143.008 143.008 0 0 0 0 142.65c0 18.379 3.47 35.937 9.8 52.066Z" clip-rule="evenodd"/><path fill="#56B7B5" fill-rule="evenodd" d="M8.49 191.257c18.93-13.829 31.23-36.198 31.23-61.436 0-21.318-8.78-40.597-22.91-54.406a143.2 143.2 0 0 1 33.95-41.867c11.22 10.159 44 33.917 51.13 47.416-20.33 17.77-34.52 37.098-31.62 66.076 2.23 22.298 2.39 24.988 15.19 42.847-8.43 17.289-36.58 39.077-49.32 47.667A142.5 142.5 0 0 1 8.5 191.267l-.01-.01Z" clip-rule="evenodd"/><path fill="#8075B3" fill-rule="evenodd" d="M147.25.07c-1.53-.05-3.06-.07-4.6-.07C89.7 0 43.48 28.848 18.87 71.685h57.04c17.35-16.319 40.71-26.318 66.41-26.318 1.66 0 3.31.04 4.94.12V.06l-.01.01Z" clip-rule="evenodd"/><path fill="#549458" fill-rule="evenodd" d="M131.68 284.88c.15-16.539 13.91-57.456 21.39-71.005-.44 0-4.43 5.13-4.87 5.13-10.39 0-19.89-.82-29.28-3.85-6.13 13.809-16.25 48.357-17.04 64.235 9.55 2.84 19.53 4.71 29.8 5.5v-.01Zm150.63-112.872s-.02-.02-.04-.03a1.96 1.96 0 0 0-.14-.06c-.09-.04-.18-.09-.28-.13-.19-.09-.38-.17-.57-.26-.4-.18-.8-.35-1.21-.53-.43-.18-.86-.36-1.3-.53l-1.38-.54c-.48-.19-.97-.37-1.46-.55-.49-.18-1.02-.37-1.53-.55-.51-.18-1.07-.38-1.6-.56-.53-.18-1.11-.38-1.66-.56-.55-.18-1.15-.38-1.72-.56-.57-.18-1.18-.38-1.78-.57-.6-.19-1.22-.38-1.83-.57-.61-.19-1.25-.38-1.87-.56-.62-.18-1.27-.38-1.91-.56-.64-.18-1.3-.37-1.95-.56-.65-.19-1.32-.37-1.98-.55-.66-.18-1.33-.37-2-.55-.67-.18-1.35-.36-2.02-.539-.67-.18-1.36-.36-2.04-.53-.68-.17-1.37-.35-2.05-.52l-2.05-.51c-.68-.17-1.37-.34-2.06-.5-.69-.16-1.37-.33-2.05-.49-.68-.16-1.36-.32-2.04-.47-.68-.15-1.35-.31-2.03-.46-.68-.15-1.34-.3-2.01-.44-.66-.14-1.32-.28-1.99-.42-.67-.14-1.3-.27-1.96-.4-.66-.13-1.28-.26-1.92-.39-.64-.13-1.26-.24-1.89-.36-.63-.12-1.23-.23-1.84-.34-.61-.11-1.2-.21-1.8-.32-.6-.11-1.16-.2-1.74-.29-.58-.09-1.12-.18-1.68-.27-.56-.09-1.08-.16-1.62-.24-.54-.08-1.04-.15-1.55-.21s-.99-.13-1.48-.18c-.47-.05-.94-.11-1.41-.15-.44-.04-.88-.09-1.32-.12-.18-.01-.36-.03-.54-.04-1.92 10.569-4.04 22.209-9.08 31.278 5.29-.04 10.61 1.18 15.84 1.94 5.81.84 11.6 1.85 17.35 3.01 11.51 2.319 22.96 5.319 34.15 8.879.35.11 2.54-5.83 2.76-6.39 1.46-3.599 2.59-7.309 3.64-11.039.12 0 .64-2.29.71-2.56.24-.91.48-1.81.71-2.72.24-.959.43-1.929.65-2.899.02-.19.08-.38.13-.56.04-.2.09-.39.14-.59.09-.38.19-.76.28-1.15.02-.07.05-.14.02-.19v-.04Z" clip-rule="evenodd"/><path fill="#FF9852" fill-rule="evenodd" d="M284.25 125.221c-4.71-14.029-17.53-24.518-33.22-25.498-14.77-.92-28.75 7.2-35.6 19.249 2.26 11.519 3.78 23.168 3.02 35.437-.09 1.46-.49 2.54-.62 3.99 6.33 8.929 16.78 15.399 28.55 16.139 18.68 1.16 35.01-11.559 38.92-29.278-.02-6.75-.38-13.439-1.04-20.039h-.01Zm-12.12 13.369c-.8 12.94-11.94 22.769-24.88 21.969-12.94-.8-22.77-11.939-21.96-24.878.8-12.939 11.94-22.769 24.88-21.959 12.94.8 22.77 11.939 21.97 24.878l-.01-.01Z" clip-rule="evenodd"/><path fill="#825282" fill-rule="evenodd" d="M19.89 69.945C68.66 62.225 111.47 36.598 141.37.01h1.28c19.71 0 38.48 4 55.56 11.22-8.78 13.508-28.53 45.896-39.68 57.425-8.25-2.28-14.22.13-23.01 1.98-39.49 8.32-41.81 21.679-62.2 48.777-15.29 3.749-55.95 4.479-72.2 5.259a141.746 141.746 0 0 1 18.77-54.726Z" clip-rule="evenodd"/><path fill="#FF7A7F" fill-rule="evenodd" d="M273.53 85.784c-1.08.03-2.02.04-3.11.04-52.97 0-97.36-35.747-109.99-84.774 53.97 6.71 94.71 42.387 113.1 84.734Z" clip-rule="evenodd"/><path fill="#fff" d="M143.34 219.165c41.985 0 76.02-34.033 76.02-76.015s-34.035-76.015-76.02-76.015-76.02 34.033-76.02 76.015 34.035 76.015 76.02 76.015Z"/></svg>
diff --git a/src/components/logos/RafikiIcon.astro b/src/components/logos/RafikiIcon.astro
@@ -0,0 +1,4 @@
+---
+const { class: className } = Astro.props;
+---
+<svg role="img" class={className} fill="none" viewBox="0 0 290 290"><title>Rafiki icon (full color)</title><path fill="#56B7B5" d="M290 0H0v290h290V0Z"/><path fill="#fff" d="M262.247 29H29v233.238h233.247V29Z"/><path fill="#FF7A7F" d="M143.436 87.632c.214-1.685.337-3.4.337-5.146v-.552a39.152 39.152 0 0 1-6.621.552c-13.578 0-25.563-6.893-32.643-17.37a91.182 91.182 0 0 0-25.87 19.882 58.507 58.507 0 0 1 21.487 24.843c10.207-12.927 25.747-21.443 43.31-22.24v.031Z"/><path fill="#8075B3" d="M166.608 82.486c0 2.91-.214 5.758-.582 8.577a60.493 60.493 0 0 1 10.697 5.177 20.378 20.378 0 0 1-.95-6.158c0-11.058 8.889-20.033 19.892-20.248a90.284 90.284 0 0 0-22.589-10.63 38.717 38.717 0 0 1-7.602 11.243 64.872 64.872 0 0 1 1.134 12.038Z"/><path fill="#68C180" d="M225.917 189.332c1.9-3.461 3.555-7.076 4.996-10.813-12.383-6.617-20.843-19.666-20.843-34.707 0-1.409.061-2.787.215-4.135a41.267 41.267 0 0 0-5.855 7.566c-.183 8.577-2.206 16.726-5.731 24.016a40.929 40.929 0 0 0 7.141 20.432 58.683 58.683 0 0 1 16.828-2.481c1.103 0 2.176.031 3.249.092v.03Z"/><path fill="#FFB985" d="M196.032 110.361a21.17 21.17 0 0 1-3.984-.398 57.969 57.969 0 0 1 6.222 9.772 63.377 63.377 0 0 1 29.271-14.06 91.41 91.41 0 0 0-11.279-17.461c.061.612.092 1.225.092 1.868 0 11.212-9.073 20.279-20.291 20.279h-.031Z"/><path fill="#56B7B5" d="M91.544 218.679a31.75 31.75 0 0 1-.183-3.431c0-11.242 5.762-21.137 14.467-26.926a53.123 53.123 0 0 1-2.912-2.972h-.245c-12.107 0-22.989 5.239-30.498 13.571a91.982 91.982 0 0 0 19.371 19.788v-.03Z"/><path fill="#68C180" d="M161.827 202.168c1.042 2.573 1.961 5.207 2.666 7.934a33.13 33.13 0 0 1 4.966-.368c2.758 0 5.425.337 7.969.98a59.176 59.176 0 0 1 8.184-8.209 62.395 62.395 0 0 1-4.966-9.527 58.204 58.204 0 0 1-18.819 9.19Z"/><path fill="#FFD0D0" d="M87.62 145.957v-1.379c-11.8-2.849-22.313-8.944-30.558-17.307-1.257 6.034-1.962 12.284-1.962 18.686 0 11.273 2.054 22.086 5.824 32.042a63.86 63.86 0 0 1 29.425-14.306 57.643 57.643 0 0 1-2.79-17.767l.062.031ZM78.61 84.998a92.238 92.238 0 0 0-12.139 16.939c5.395 9.987 14.835 17.492 26.115 20.34a58.176 58.176 0 0 1 7.509-12.436C95.436 99.64 87.927 91.032 78.609 84.998Z"/><path fill="#68C180" d="M222.699 189.241c-5.854 0-11.494.858-16.827 2.481 3.003 4.319 6.773 8.057 11.187 10.967 3.341-4.166 6.345-8.608 8.919-13.326a56.914 56.914 0 0 0-3.248-.091l-.031-.031ZM185.642 202.504a57.579 57.579 0 0 0-8.184 8.21c7.142 1.807 13.333 6.004 17.686 11.671 1.777-1.164 3.555-2.359 5.241-3.615a64.33 64.33 0 0 1-14.743-16.266Z"/><path fill="#FF9852" d="M175.742 90.082c0 2.145.337 4.197.95 6.158a59.19 59.19 0 0 1 15.356 13.723c1.287.245 2.636.398 3.985.398 11.218 0 20.29-9.067 20.29-20.279 0-.643-.03-1.255-.092-1.868-5.885-7.138-12.842-13.325-20.597-18.41-11.034.214-19.892 9.19-19.892 20.248v.03Z"/><path fill="#C5E3A1" d="M180.646 192.978c1.379 3.339 3.065 6.494 4.965 9.526a58.049 58.049 0 0 1 20.229-10.782c-4.076-5.882-6.62-12.866-7.141-20.432a58.264 58.264 0 0 1-18.053 21.688Z"/><path fill="#FFB985" d="M204.462 145.956c0 .46 0 .889-.031 1.318a40.278 40.278 0 0 1 5.854-7.567c1.318-12.712 8.705-23.587 19.188-29.775-.613-1.439-1.288-2.849-1.962-4.258-11.034 2.114-21.057 7.077-29.271 14.061 3.984 7.872 6.222 16.756 6.222 26.191v.03Z"/><path fill="#C5E3A1" d="M217.028 202.658a41.408 41.408 0 0 1-11.187-10.967 58.047 58.047 0 0 0-20.23 10.783 64.364 64.364 0 0 0 14.743 16.266c6.222-4.626 11.801-10.048 16.674-16.113v.031Z"/><path fill="#8075B3" d="M143.743 81.904v.551c0 1.746-.123 3.462-.337 5.146a58.444 58.444 0 0 1 22.589 3.43c.368-2.817.583-5.666.583-8.576 0-4.105-.399-8.148-1.135-12.039a39.306 39.306 0 0 1-21.7 11.488Z"/><path fill="#FFA6B2" d="M87.651 144.578c.184-7.903 1.931-15.439 4.966-22.27-11.28-2.849-20.72-10.354-26.115-20.34-4.321 7.811-7.54 16.297-9.41 25.303 8.246 8.362 18.759 14.489 30.56 17.307Z"/><path fill="#56B7B5" d="M102.67 185.35h.246a57.712 57.712 0 0 1-10.054-15.193 58.431 58.431 0 0 1-26.758 19.084 89.527 89.527 0 0 0 6.069 9.649c7.51-8.332 18.39-13.57 30.497-13.57v.03Z"/><path fill="#56B7B5" d="M92.862 170.157a58.595 58.595 0 0 1-2.483-6.464 63.86 63.86 0 0 0-29.425 14.306 95.643 95.643 0 0 0 5.119 11.242 58.432 58.432 0 0 0 26.758-19.084h.03ZM105.827 188.322c-8.735 5.789-14.467 15.684-14.467 26.926 0 1.164.061 2.297.184 3.431a90.709 90.709 0 0 0 46.099 17.736 32.278 32.278 0 0 1 5.946-13.754 41.228 41.228 0 0 0-6.712-19.023c-11.924-1.869-22.651-7.383-31.019-15.316h-.031Z"/><path fill="#2E9C86" d="M146.041 204.343c-3.126 0-6.191-.245-9.195-.736a40.545 40.545 0 0 1 6.712 19.023 32.467 32.467 0 0 1 12.291-9.955 31.5 31.5 0 0 0-1.992-8.884c-2.575.337-5.18.552-7.877.552h.061Z"/><path fill="#68C180" d="M164.493 210.102a63.524 63.524 0 0 1 1.839 22.147c2.176-7.995 6.007-15.286 11.095-21.535a32.46 32.46 0 0 0-7.969-.98c-1.686 0-3.341.122-4.965.368Z"/><path fill="#68C180" d="M177.427 210.714c-5.088 6.249-8.919 13.54-11.095 21.535a59.252 59.252 0 0 1-.245 2.328c10.482-2.359 20.26-6.555 29.057-12.161-4.353-5.667-10.544-9.864-17.686-11.671l-.031-.031Z"/><path fill="#2E9C86" d="M155.88 212.705a31.514 31.514 0 0 1 8.613-2.603c-.705-2.727-1.625-5.361-2.667-7.934-2.574.735-5.21 1.256-7.938 1.623a31.779 31.779 0 0 1 1.992 8.884v.03Z"/><path fill="#2E9C86" d="M164.492 210.102a31.517 31.517 0 0 0-8.612 2.603c.061.827.122 1.685.122 2.543a32.151 32.151 0 0 1-8.245 21.535 91.149 91.149 0 0 0 17.961-2.145c.184-.796.399-1.623.613-2.389a63.48 63.48 0 0 0-1.839-22.147Z"/><path fill="#56B7B5" d="M166.056 234.547c.092-.766.184-1.532.245-2.329a67.585 67.585 0 0 0-.613 2.39c.123 0 .215-.061.337-.092l.031.031ZM142.455 236.722a41.094 41.094 0 0 0 1.317-10.324c0-1.256-.061-2.512-.183-3.737a32.267 32.267 0 0 0-5.947 13.754c1.594.153 3.188.245 4.813.337v-.03Z"/><path fill="#2E9C86" d="M155.88 212.705a32.462 32.462 0 0 0-12.291 9.956 37.54 37.54 0 0 1 .184 3.737c0 3.554-.46 7.015-1.318 10.323 1.195.062 2.391.062 3.586.062h1.716c5.119-5.729 8.245-13.264 8.245-21.535 0-.858-.03-1.685-.122-2.543Z"/><path fill="#825282" d="M165.443 70.447a38.713 38.713 0 0 0 7.601-11.242 88.342 88.342 0 0 0-12.046-2.849 63.98 63.98 0 0 1 4.445 14.091ZM137.122 82.486c2.268 0 4.475-.215 6.62-.552-.122-9.894-3.77-18.962-9.747-26.007a90.192 90.192 0 0 0-29.516 9.19c7.08 10.476 19.034 17.368 32.643 17.368Z"/><path fill="#825282" d="M165.442 70.447a63.978 63.978 0 0 0-4.444-14.091c-4.873-.797-9.87-1.256-14.958-1.256-4.076 0-8.091.306-12.045.827a40.747 40.747 0 0 1 9.747 26.007 39.306 39.306 0 0 0 21.7-11.487Z"/><path fill="#2E9C86" d="M230.913 178.519a90.539 90.539 0 0 0 6.038-32.593c0-6.28-.674-12.406-1.869-18.349-9.655 1.072-18.329 5.514-24.766 12.1a36.668 36.668 0 0 0-.215 4.135c0 15.041 8.429 28.091 20.843 34.707h-.031Z"/><path fill="#2E9C86" d="M235.081 127.608a89.186 89.186 0 0 0-5.578-17.675c-10.483 6.188-17.87 17.062-19.188 29.775 6.437-6.586 15.111-11.028 24.766-12.1Z"/></svg>
diff --git a/src/components/pages/Breadcrumbs.astro b/src/components/pages/Breadcrumbs.astro