From 16a41bef1c6a8321b6a510b5d8306c8dbfd25d08 Mon Sep 17 00:00:00 2001
From: hlassiege <hugo@malt.com>
Date: Wed, 20 Dec 2023 15:55:20 +0100
Subject: [PATCH] youtube in the footer

---
 components/TheFooter.vue | 13 +++++++++++++
 data/siteMetaData.js     |  1 +
 pages/speaking.vue       | 11 ++++++++---
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/components/TheFooter.vue b/components/TheFooter.vue
index c96be7470..3b0e52942 100644
--- a/components/TheFooter.vue
+++ b/components/TheFooter.vue
@@ -14,6 +14,19 @@
                         src="~assets/icon/rss.svg"
                     />
                 </a>
+                <a
+                    aria-label="Open Youtube profile"
+                    class="text-sm text-gray-500 transition hover:text-gray-600"
+                    target="_blank"
+                    rel="me"
+                    :href="siteMetadata.youtube"
+                    ><span class="sr-only">Mastodon</span>
+                    <img
+                        alt="Icon for Youtube"
+                        class="transition-transform hover:scale-110 w-8 h-8"
+                        src="~assets/icon/youtube.svg"
+                    />
+                </a>
                 <a
                     aria-label="Open Mastodon profile"
                     class="text-sm text-gray-500 transition hover:text-gray-600"
diff --git a/data/siteMetaData.js b/data/siteMetaData.js
index f79255e02..50a6f6b56 100644
--- a/data/siteMetaData.js
+++ b/data/siteMetaData.js
@@ -11,6 +11,7 @@ const siteMetadata = {
     theme: "system", // system, dark or light
     siteUrl: "https://eventuallycoding.com/",
     mastodon: "https://piaille.fr/@hugolassiege",
+    youtube: "https://youtube.com/@eventuallycoding",
     github: "https://github.com/hlassiege",
     githubUser: "hlassiege",
     githubContentUrlInRepo:
diff --git a/pages/speaking.vue b/pages/speaking.vue
index ff439a80a..d80a51cd9 100644
--- a/pages/speaking.vue
+++ b/pages/speaking.vue
@@ -21,9 +21,7 @@
                                             >Speaking</span
                                         >
                                     </p>
-                                    <div
-                                        class="mb-6 text-gray-300 w-full mx-auto"
-                                    >
+                                    <div class="mb-6 text-white w-full mx-auto">
                                         <p
                                             class="mt-8 mb-4 md:text-xl text-base font-mark"
                                         >
@@ -31,6 +29,13 @@
                                             have spoken at.
                                             <br />
                                             I love to talk and share.
+                                            <br />
+                                            You can also find me on
+                                            <a
+                                                class="underline"
+                                                href="https://www.youtube.com/channel/UC9QDQZnqFVd7xX0XxZvXtjw"
+                                                >Youtube</a
+                                            >
                                         </p>
                                     </div>
                                 </div>