feat: add podcast icons

crowdin · Jan 15, 2025 · d09ab53 · d09ab53
1 parent 3fb20c5
commit d09ab53
Show file tree

Hide file tree

Showing 4 changed files with 34 additions and 1 deletion.
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -126,7 +126,8 @@ const config = defineConfig({
         Head: './src/components/Head.astro',
         Footer: './src/components/Footer.astro',
         Hero: './src/components/Hero.astro',
-        Search: './src/components/Search.astro'
+        Search: './src/components/Search.astro',
+        SocialIcons: './src/components/SocialIcons.astro',
       },
       customCss: [
         './src/style/tailwind.css',

diff --git a/src/components/SocialIcons.astro b/src/components/SocialIcons.astro
@@ -0,0 +1,26 @@
+---
+import type { Props } from '@astrojs/starlight/props';
+import Default from '@astrojs/starlight/components/SocialIcons.astro';
+import { Icon } from 'astro-icon/components';
+---
+
+<Default {...Astro.props}><slot /></Default>
+<a href="https://podcasts.apple.com/us/podcast/agile-localization/id1785636416" rel="me" class="sl-flex">
+    <span class="sr-only">Apple Podcast</span>
+    <Icon name="apple-podcast" />
+</a>
+<a href="https://open.spotify.com/show/2Vv42MtK93aLTzvEd77Om5" rel="me" class="sl-flex">
+    <span class="sr-only">Spotify Podcast</span>
+    <Icon name="spotify-podcast" />
+</a>
+
+<style>
+    a {
+        color: var(--sl-color-text-accent);
+        padding: 0.5em;
+        margin: -0.5em;
+    }
+    a:hover {
+        opacity: 0.66;
+    }
+</style>
diff --git a/src/icons/apple-podcast.svg b/src/icons/apple-podcast.svg
diff --git a/src/icons/spotify-podcast.svg b/src/icons/spotify-podcast.svg