From 19be3a3dddc1f05c8303437feb06e9538520ccea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javis=20V=2E=20P=C3=A9rez?= <javis@jozu.com>
Date: Wed, 11 Dec 2024 19:01:30 -0400
Subject: [PATCH] Add YouTube and Dev.to links to the footer (#656)

---
 docs/.vitepress/theme/components/Footer.vue | 20 +++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/docs/.vitepress/theme/components/Footer.vue b/docs/.vitepress/theme/components/Footer.vue
index 0b7b19c2..5c497cc9 100644
--- a/docs/.vitepress/theme/components/Footer.vue
+++ b/docs/.vitepress/theme/components/Footer.vue
@@ -42,7 +42,7 @@ const year = (new Date()).getFullYear()
   </nav>
 
   <div class="text-center space-y-6 text-sm font-bold">
-    <ul class="flex items-center gap-14 justify-center">
+    <ul class="flex items-center gap-10 md:gap-14 justify-center">
       <li>
         <a href="https://discord.gg/3eDb4yAN" target="_blank">
           <span class="sr-only">discord</span>
@@ -52,7 +52,7 @@ const year = (new Date()).getFullYear()
         </a>
       </li>
       <li>
-        <a href="https://github.com/jozu-ai/kitops">
+        <a href="https://github.com/jozu-ai/kitops" target="_blank">
           <span class="sr-only">github</span>
           <svg xmlns="http://www.w3.org/2000/svg" width="25" height="24" fill="none" title="">
             <path fill="#ECECEC" fill-rule="evenodd" d="M12.464 0C5.848 0 .5 5.5.5 12.304c0 5.44 3.427 10.043 8.18 11.673.595.122.813-.265.813-.59 0-.286-.02-1.264-.02-2.282-3.328.733-4.02-1.467-4.02-1.467-.536-1.426-1.328-1.793-1.328-1.793-1.09-.753.08-.753.08-.753 1.207.081 1.841 1.263 1.841 1.263 1.07 1.873 2.793 1.344 3.487 1.018.099-.795.416-1.345.752-1.65-2.654-.285-5.447-1.345-5.447-6.07 0-1.345.475-2.445 1.228-3.3-.119-.306-.535-1.57.12-3.26 0 0 1.01-.326 3.287 1.263.975-.27 1.981-.407 2.991-.408 1.01 0 2.04.143 2.991.408 2.278-1.59 3.288-1.263 3.288-1.263.654 1.69.238 2.954.12 3.26.772.855 1.227 1.955 1.227 3.3 0 4.725-2.792 5.764-5.467 6.07.436.387.812 1.12.812 2.282 0 1.65-.02 2.974-.02 3.381 0 .326.219.713.813.591 4.754-1.63 8.18-6.234 8.18-11.673C24.429 5.5 19.06 0 12.465 0Z" clip-rule="evenodd"/>
@@ -60,7 +60,7 @@ const year = (new Date()).getFullYear()
         </a>
       </li>
       <li>
-        <a href="https://x.com/Kit_Ops">
+        <a href="https://x.com/Kit_Ops" target="_blank">
           <span class="sr-only">x</span>
           <svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
             <g clip-path="url(#a)">
@@ -74,6 +74,20 @@ const year = (new Date()).getFullYear()
           </svg>
         </a>
       </li>
+      <li>
+        <a href="https://www.youtube.com/@Jozu_ml" target="_blank">
+          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256" xml:space="preserve">
+            <path d="M88.119 23.338a11.273 11.273 0 0 0-7.957-7.957C73.144 13.5 45 13.5 45 13.5s-28.144 0-35.162 1.881a11.273 11.273 0 0 0-7.957 7.957C0 30.356 0 45 0 45s0 14.644 1.881 21.662a11.273 11.273 0 0 0 7.957 7.957C16.856 76.5 45 76.5 45 76.5s28.144 0 35.162-1.881a11.273 11.273 0 0 0 7.957-7.957C90 59.644 90 45 90 45s0-14.644-1.881-21.662zM36 58.5v-27L59.382 45 36 58.5z" fill="#ECECEC" transform="matrix(2.81 0 0 2.81 1.407 1.407)"/>
+          </svg>
+        </a>
+      </li>
+      <li>
+        <a href="https://dev.to/kitops" target="_blank">
+          <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 448 512">
+            <path d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35 3.88-2.9 5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28l.01 70.93zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19l-.01 29.52zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58l-38.46 144.8z" fill="#ECECEC"/>
+          </svg>
+        </a>
+      </li>
     </ul>
 
     <ul class="flex flex-wrap lg:flex-nowrap items-center justify-center text-white gap-x-4 gap-y-2 lg:gap-10 list-none">