feat: add Brussels Region logos to /about

WelcometoMyGarden · Dec 3, 2023 · fd17da1 · fd17da1
1 parent 4a82477
commit fd17da1
Show file tree

Hide file tree

Showing 5 changed files with 65 additions and 6 deletions.
diff --git a/src/lib/components/UI/Partner.svelte b/src/lib/components/UI/Partner.svelte
@@ -1,11 +1,22 @@
 <script lang="ts">
-  export let logo: string;
+  /**
+   * Expected to be a direct HTML string of an svg
+   */
+  export let logo: string | undefined;
+  /**
+   * The link to an <img> src (alternative to the "logo" prop)
+   */
+  export let src: string | undefined;
   export let link: string;
   export let name: string;
 </script>
 
 <a href={link} class="partner-link" target="_blank" aria-label={name}>
-  {@html logo}
+  {#if logo}
+    {@html logo}
+  {:else if src}
+    <img {src} alt={name} />
+  {/if}
 </a>
 
 <style>
@@ -14,10 +25,14 @@
     width: min-content;
   }
 
-  .partner-link :global(svg) {
-    fill: var(--color-orange-light);
+  .partner-link :global(svg),
+  img {
     max-width: 18rem;
     min-width: 16rem;
     max-height: 10rem;
   }
+
+  .partner-link :global(svg) {
+    fill: var(--color-orange-light);
+  }
 </style>
diff --git a/src/lib/images/hoofdstedelijk-gewest.svg b/src/lib/images/hoofdstedelijk-gewest.svg
diff --git a/src/lib/images/shifting-economy.png b/src/lib/images/shifting-economy.png
diff --git a/src/lib/partners.js → src/lib/partners.ts b/src/lib/partners.js → src/lib/partners.ts
@@ -3,8 +3,12 @@ import natuurpuntLogo from './images/natuurpunt_logo.svg';
 import groteRoutePadenLogo from './images/groteroutepaden-logo-vernieuwd.svg';
 import GRSentiers from './images/les-sentiers-de-grande-randonnee-logo.svg';
 import wikimediaBELogo from './images/wikimediabe_logo.svg';
+import SELogoSrc from './images/shifting-economy.png';
+import brusselsRegion from './images/hoofdstedelijk-gewest.svg';
 
 export default [
+  { name: 'Brussels Region', link: 'https://be.brussels/en', logo: brusselsRegion },
+  { name: 'Shifting Economy', link: 'https://shiftingeconomy.brussels/', src: SELogoSrc },
   {
     name: 'Grote Routepaden',
     link: 'https://www.groteroutepaden.be/',

diff --git a/src/routes/(marketing)/about-us/PartnersSection.svelte b/src/routes/(marketing)/about-us/PartnersSection.svelte
@@ -10,8 +10,8 @@
     <h2>{$_('about-us.partners-section.title')}</h2>
     <p>{$_('about-us.partners-section.description')}</p>
     <div class="partner-logos">
-      {#each partners as { name, logo, link } (name)}
-        <Partner {name} {logo} {link} />
+      {#each partners as { name, logo, link, src } (name)}
+        <Partner {name} {logo} {link} {src} />
       {/each}
     </div>
   </div>