youtube in the footer

hlassiege · Dec 20, 2023 · 16a41be · 16a41be
1 parent bbc8602
commit 16a41be
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git 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
@@ -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
@@ -21,16 +21,21 @@
                                             >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"
                                         >
                                             These are conferences or podcasts I
                                             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>