From 1cc662a69eb677059d5efe650dd0d58762a42afc Mon Sep 17 00:00:00 2001
From: Madhavan <msmygit@users.noreply.github.com>
Date: Wed, 18 Sep 2024 12:49:51 -0400
Subject: [PATCH] DOC-4649: Adjust socials for developer-centric targets (#166)

* DOC-4649: Adjust socials for developer-centric targets

* add discord svg logo

* Add YouTube

* update svgs

* make logos larger

* Revert GitHub link

---------

Co-authored-by: Cole Goldsmith <cole.goldsmith@datastax.com>
---
 src/img/social-discord.svg  |  6 +++++
 src/img/social-facebook.svg |  7 ++++--
 src/img/social-github.svg   |  7 ++++--
 src/img/social-linkedin.svg |  7 ++++--
 src/img/social-medium.svg   | 15 +++++++++----
 src/img/social-twitch.svg   | 11 +++++----
 src/img/social-x.svg        |  7 ++++--
 src/img/social-youtube.svg  |  6 +++++
 src/partials/footer.hbs     | 45 ++++++++++++++++---------------------
 9 files changed, 69 insertions(+), 42 deletions(-)
 create mode 100644 src/img/social-discord.svg
 create mode 100644 src/img/social-youtube.svg

diff --git a/src/img/social-discord.svg b/src/img/social-discord.svg
new file mode 100644
index 00000000..254b6a28
--- /dev/null
+++ b/src/img/social-discord.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M20.317 4.51641C18.7873 3.81453 17.147 3.29742 15.4319 3.00124C15.4007 2.99553 15.3695 3.00981 15.3534 3.03838C15.1424 3.4136 14.9087 3.90309 14.7451 4.28784C12.9004 4.01167 11.0652 4.01167 9.25832 4.28784C9.09465 3.89454 8.85248 3.4136 8.64057 3.03838C8.62448 3.01076 8.59328 2.99648 8.56205 3.00124C6.84791 3.29647 5.20756 3.81358 3.67693 4.51641C3.66368 4.52213 3.65233 4.53166 3.64479 4.54403C0.533392 9.19239 -0.31895 13.7265 0.0991801 18.2044C0.101072 18.2263 0.11337 18.2473 0.130398 18.2606C2.18321 19.7681 4.17171 20.6833 6.12328 21.2899C6.15451 21.2995 6.18761 21.2881 6.20748 21.2623C6.66913 20.6319 7.08064 19.9672 7.43348 19.2681C7.4543 19.2272 7.43442 19.1786 7.39186 19.1624C6.73913 18.9148 6.1176 18.6129 5.51973 18.2701C5.47244 18.2425 5.46865 18.1748 5.51216 18.1425C5.63797 18.0482 5.76382 17.9501 5.88396 17.8511C5.90569 17.833 5.93598 17.8291 5.96153 17.8406C9.88928 19.6338 14.1415 19.6338 18.023 17.8406C18.0485 17.8282 18.0788 17.832 18.1015 17.8501C18.2216 17.9491 18.3475 18.0482 18.4742 18.1425C18.5177 18.1748 18.5149 18.2425 18.4676 18.2701C17.8697 18.6196 17.2482 18.9148 16.5945 19.1615C16.552 19.1777 16.533 19.2272 16.5538 19.2681C16.9143 19.9662 17.3258 20.6309 17.7789 21.2614C17.7978 21.2881 17.8319 21.2995 17.8631 21.2899C19.8241 20.6833 21.8126 19.7681 23.8654 18.2606C23.8834 18.2473 23.8948 18.2272 23.8967 18.2053C24.3971 13.0284 23.0585 8.53148 20.3482 4.54498C20.3416 4.53166 20.3303 4.52213 20.317 4.51641ZM8.02002 15.4778C6.8375 15.4778 5.86313 14.3922 5.86313 13.0589C5.86313 11.7256 6.8186 10.64 8.02002 10.64C9.23087 10.64 10.1958 11.7351 10.1769 13.0589C10.1769 14.3922 9.22141 15.4778 8.02002 15.4778ZM15.9947 15.4778C14.8123 15.4778 13.8379 14.3922 13.8379 13.0589C13.8379 11.7256 14.7933 10.64 15.9947 10.64C17.2056 10.64 18.1705 11.7351 18.1516 13.0589C18.1516 14.3922 17.2056 15.4778 15.9947 15.4778Z"
+    fill="currentColor" />
+</svg>
+  
\ No newline at end of file
diff --git a/src/img/social-facebook.svg b/src/img/social-facebook.svg
index c01f309f..7dbd6679 100644
--- a/src/img/social-facebook.svg
+++ b/src/img/social-facebook.svg
@@ -1,3 +1,6 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 10.0607C20 4.504 15.5233 0 10 0C4.47667 0 0 4.504 0 10.0607C0 15.0833 3.656 19.2453 8.43733 20V12.9693H5.89867V10.06H8.43733V7.844C8.43733 5.32267 9.93 3.92933 12.2147 3.92933C13.308 3.92933 14.4533 4.126 14.4533 4.126V6.602H13.1913C11.9493 6.602 11.5627 7.378 11.5627 8.174V10.0607H14.336L13.8927 12.9687H11.5627V20C16.344 19.2453 20 15.0833 20 10.0607Z" fill="#090909"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M11.9998 0C5.37253 0 0 5.39238 0 12.0441C0 17.6923 3.87448 22.4319 9.1011 23.7336V15.7248H6.62675V12.0441H9.1011V10.4581C9.1011 6.35879 10.9495 4.45872 14.9594 4.45872C15.7197 4.45872 17.0315 4.60855 17.5681 4.75789V8.0941C17.2849 8.06423 16.7929 8.0493 16.1819 8.0493C14.2144 8.0493 13.4541 8.79748 13.4541 10.7424V12.0441H17.3737L16.7003 15.7248H13.4541V24C19.3959 23.2798 24 18.202 24 12.0441C23.9995 5.39238 18.627 0 11.9998 0Z"
+    fill="currentColor" />
 </svg>
+  
\ No newline at end of file
diff --git a/src/img/social-github.svg b/src/img/social-github.svg
index e14404ba..daf3aafb 100644
--- a/src/img/social-github.svg
+++ b/src/img/social-github.svg
@@ -1,3 +1,6 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.475 0 0 4.475 0 10C0 14.425 2.8625 18.1625 6.8375 19.4875C7.3375 19.575 7.525 19.275 7.525 19.0125C7.525 18.775 7.5125 17.9875 7.5125 17.15C5 17.6125 4.35 16.5375 4.15 15.975C4.0375 15.6875 3.55 14.8 3.125 14.5625C2.775 14.375 2.275 13.9125 3.1125 13.9C3.9 13.8875 4.4625 14.625 4.65 14.925C5.55 16.4375 6.9875 16.0125 7.5625 15.75C7.65 15.1 7.9125 14.6625 8.2 14.4125C5.975 14.1625 3.65 13.3 3.65 9.475C3.65 8.3875 4.0375 7.4875 4.675 6.7875C4.575 6.5375 4.225 5.5125 4.775 4.1375C4.775 4.1375 5.6125 3.875 7.525 5.1625C8.325 4.9375 9.175 4.825 10.025 4.825C10.875 4.825 11.725 4.9375 12.525 5.1625C14.4375 3.8625 15.275 4.1375 15.275 4.1375C15.825 5.5125 15.475 6.5375 15.375 6.7875C16.0125 7.4875 16.4 8.375 16.4 9.475C16.4 13.3125 14.0625 14.1625 11.8375 14.4125C12.2 14.725 12.5125 15.325 12.5125 16.2625C12.5125 17.6 12.5 18.675 12.5 19.0125C12.5 19.275 12.6875 19.5875 13.1875 19.4875C15.1727 18.8173 16.8977 17.5415 18.1198 15.8395C19.3419 14.1376 19.9995 12.0953 20 10C20 4.475 15.525 0 10 0Z" fill="#090909"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd"
+    d="M12.0099 0C5.36875 0 0 5.40833 0 12.0992C0 17.4475 3.43994 21.9748 8.21205 23.5771C8.80869 23.6976 9.02724 23.3168 9.02724 22.9965C9.02724 22.716 9.00757 21.7545 9.00757 20.7527C5.6667 21.474 4.97099 19.3104 4.97099 19.3104C4.43409 17.9082 3.63858 17.5478 3.63858 17.5478C2.54511 16.8066 3.71823 16.8066 3.71823 16.8066C4.93117 16.8868 5.56763 18.0486 5.56763 18.0486C6.64118 19.8913 8.37111 19.3707 9.06706 19.0501C9.16638 18.2688 9.48473 17.728 9.82275 17.4276C7.15817 17.1471 4.35469 16.1055 4.35469 11.458C4.35469 10.1359 4.8316 9.05428 5.58729 8.21304C5.46807 7.91263 5.0504 6.67043 5.70677 5.00787C5.70677 5.00787 6.72083 4.6873 9.00732 6.24981C9.98625 5.98497 10.9958 5.85024 12.0099 5.84911C13.024 5.84911 14.0577 5.98948 15.0123 6.24981C17.299 4.6873 18.3131 5.00787 18.3131 5.00787C18.9695 6.67043 18.5515 7.91263 18.4323 8.21304C19.2079 9.05428 19.6652 10.1359 19.6652 11.458C19.6652 16.1055 16.8617 17.1269 14.1772 17.4276C14.6148 17.8081 14.9924 18.5292 14.9924 19.6711C14.9924 21.2936 14.9727 22.5957 14.9727 22.9962C14.9727 23.3168 15.1915 23.6976 15.7879 23.5774C20.56 21.9745 23.9999 17.4475 23.9999 12.0992C24.0196 5.40833 18.6312 0 12.0099 0Z"
+    fill="currentColor" />
 </svg>
+  
\ No newline at end of file
diff --git a/src/img/social-linkedin.svg b/src/img/social-linkedin.svg
index ac66970b..b3b9e85f 100644
--- a/src/img/social-linkedin.svg
+++ b/src/img/social-linkedin.svg
@@ -1,3 +1,6 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 2.32353V17.6765C20 18.0275 19.8451 18.3641 19.5693 18.6123C19.2935 18.8606 18.9194 19 18.5294 19H1.47059C1.08056 19 0.706514 18.8606 0.430725 18.6123C0.154937 18.3641 0 18.0275 0 17.6765L0 2.32353C0 1.97251 0.154937 1.63586 0.430725 1.38765C0.706514 1.13944 1.08056 1 1.47059 1L18.5294 1C18.9194 1 19.2935 1.13944 19.5693 1.38765C19.8451 1.63586 20 1.97251 20 2.32353ZM5.88235 7.88235H2.94118V16.3529H5.88235V7.88235ZM6.14706 4.97059C6.14861 4.77036 6.10632 4.57182 6.02261 4.3863C5.93891 4.20078 5.81542 4.03191 5.65919 3.88935C5.50297 3.74678 5.31708 3.6333 5.11213 3.5554C4.90718 3.47749 4.68718 3.43668 4.46471 3.43529H4.41177C3.95934 3.43529 3.52544 3.59705 3.20552 3.88497C2.88561 4.17289 2.70588 4.5634 2.70588 4.97059C2.70588 5.37777 2.88561 5.76828 3.20552 6.05621C3.52544 6.34413 3.95934 6.50588 4.41177 6.50588C4.63426 6.51081 4.85565 6.47623 5.06328 6.40413C5.27092 6.33202 5.46074 6.2238 5.62189 6.08565C5.78304 5.94749 5.91237 5.78212 6.00248 5.59897C6.09259 5.41582 6.14172 5.21848 6.14706 5.01824V4.97059ZM17.0588 11.2071C17.0588 8.66059 15.2588 7.67059 13.4706 7.67059C12.8851 7.6442 12.3021 7.75644 11.7799 7.9961C11.2576 8.23577 10.8143 8.59448 10.4941 9.03647H10.4118V7.88235H7.64706V16.3529H10.5882V11.8476C10.5457 11.3862 10.7072 10.9283 11.0376 10.5735C11.3681 10.2186 11.8407 9.9954 12.3529 9.95235H12.4647C13.4 9.95235 14.0941 10.4818 14.0941 11.8159V16.3529H17.0353L17.0588 11.2071Z" fill="#090909"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M22.2234 0H1.77187C0.792187 0 0 0.773438 0 1.72969V22.2656C0 23.2219 0.792187 24 1.77187 24H22.2234C23.2031 24 24 23.2219 24 22.2703V1.72969C24 0.773438 23.2031 0 22.2234 0ZM7.12031 20.4516H3.55781V8.99531H7.12031V20.4516ZM5.33906 7.43438C4.19531 7.43438 3.27188 6.51094 3.27188 5.37187C3.27188 4.23281 4.19531 3.30937 5.33906 3.30937C6.47813 3.30937 7.40156 4.23281 7.40156 5.37187C7.40156 6.50625 6.47813 7.43438 5.33906 7.43438ZM20.4516 20.4516H16.8937V14.8828C16.8937 13.5563 16.8703 11.8453 15.0422 11.8453C13.1906 11.8453 12.9094 13.2938 12.9094 14.7891V20.4516H9.35625V8.99531H12.7687V10.5609H12.8156C13.2891 9.66094 14.4516 8.70938 16.1813 8.70938C19.7859 8.70938 20.4516 11.0813 20.4516 14.1656V20.4516Z"
+    fill="currentColor" />
 </svg>
+  
\ No newline at end of file
diff --git a/src/img/social-medium.svg b/src/img/social-medium.svg
index 80fad133..116ade03 100644
--- a/src/img/social-medium.svg
+++ b/src/img/social-medium.svg
@@ -1,5 +1,12 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.2812 10.1794C11.2812 13.316 8.75578 15.8586 5.6407 15.8586C2.52561 15.8586 0 13.3154 0 10.1794C0 7.04343 2.52542 4.5 5.6407 4.5C8.75598 4.5 11.2812 7.04286 11.2812 10.1794Z" fill="#090909"/>
-<path d="M17.469 10.1794C17.469 13.1318 16.2063 15.5261 14.6487 15.5261C13.091 15.5261 11.8283 13.1318 11.8283 10.1794C11.8283 7.22702 13.0908 4.83268 14.6485 4.83268C16.2061 4.83268 17.4688 7.22625 17.4688 10.1794" fill="#090909"/>
-<path d="M20 10.1794C20 12.824 19.556 14.9692 19.0081 14.9692C18.4602 14.9692 18.0163 12.8246 18.0163 10.1794C18.0163 7.53422 18.4604 5.38959 19.0081 5.38959C19.5558 5.38959 20 7.53403 20 10.1794Z" fill="#090909"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M24 11.8277C24 15.007 23.4672 17.586 22.8097 17.586C22.1522 17.586 21.6196 15.0077 21.6196 11.8277C21.6196 8.6477 22.1525 6.06946 22.8097 6.06946C23.467 6.06946 24 8.64747 24 11.8277Z"
+    fill="currentColor" />
+  <path
+    d="M20.9628 11.8277C20.9628 15.377 19.4476 18.2554 17.5784 18.2554C15.7092 18.2554 14.194 15.377 14.194 11.8277C14.194 8.27834 15.709 5.3999 17.5782 5.3999C19.4473 5.3999 20.9626 8.27742 20.9626 11.8277"
+    fill="currentColor" />
+  <path
+    d="M13.5374 11.8277C13.5374 15.5984 10.5069 18.6552 6.76884 18.6552C3.03073 18.6552 0 15.5977 0 11.8277C0 8.05767 3.0305 5 6.76884 5C10.5072 5 13.5374 8.05698 13.5374 11.8277Z"
+    fill="currentColor" />
 </svg>
+  
\ No newline at end of file
diff --git a/src/img/social-twitch.svg b/src/img/social-twitch.svg
index 13406064..7408c2df 100644
--- a/src/img/social-twitch.svg
+++ b/src/img/social-twitch.svg
@@ -1,5 +1,8 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.16667 0L0 3.57143V16.4286H5V20L9.16667 16.4286H12.5L20 10V0H4.16667ZM18.3333 9.28571L15 12.1429H11.6667L8.75 14.6429V12.1429H5V1.42857H18.3333V9.28571Z" fill="#090909"/>
-<path d="M15.8333 3.92857H14.1667V8.21429H15.8333V3.92857Z" fill="#090909"/>
-<path d="M11.25 3.92857H9.58333V8.21429H11.25V3.92857Z" fill="#090909"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M6.00074 0L1.71503 4.28571V19.7143H6.85788V24L11.1436 19.7143H14.5722L22.2865 12V0H6.00074ZM20.5722 11.1429L17.1436 14.5714H13.715L10.715 17.5714V14.5714H6.85788V1.71429H20.5722V11.1429Z"
+    fill="currentColor" />
+  <path d="M18.0007 4.71429H16.2864V9.85714H18.0007V4.71429Z" fill="currentColor" />
+  <path d="M13.2864 4.71429H11.5721V9.85715H13.2864V4.71429Z" fill="currentColor" />
 </svg>
+  
\ No newline at end of file
diff --git a/src/img/social-x.svg b/src/img/social-x.svg
index c6fa4d25..f5464cdb 100644
--- a/src/img/social-x.svg
+++ b/src/img/social-x.svg
@@ -1,3 +1,6 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M11.9027 8.46864L19.3482 0H17.5838L11.119 7.3532L5.95547 0H0L7.8082 11.1193L0 20H1.76443L8.59152 12.2348L14.0445 20H20L11.9023 8.46864H11.9027ZM9.48608 11.2173L8.69495 10.1101L2.40018 1.29968H5.11025L10.1902 8.40994L10.9813 9.51718L17.5847 18.7594H14.8746L9.48608 11.2177V11.2173Z" fill="#090909"/>
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M18.3263 1.90393H21.6998L14.3297 10.3274L23 21.7899H16.2112L10.894 14.838L4.80995 21.7899H1.43443L9.31743 12.78L1 1.90393H7.96111L12.7674 8.25826L18.3263 1.90393ZM17.1423 19.7707H19.0116L6.94539 3.81706H4.93946L17.1423 19.7707Z"
+    fill="currentColor" />
 </svg>
+  
\ No newline at end of file
diff --git a/src/img/social-youtube.svg b/src/img/social-youtube.svg
new file mode 100644
index 00000000..fc8316ca
--- /dev/null
+++ b/src/img/social-youtube.svg
@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M23.7609 7.20005C23.7609 7.20005 23.5266 5.54536 22.8047 4.8188C21.8906 3.86255 20.8688 3.85786 20.4 3.80161C17.0438 3.55786 12.0047 3.55786 12.0047 3.55786H11.9953C11.9953 3.55786 6.95625 3.55786 3.6 3.80161C3.13125 3.85786 2.10938 3.86255 1.19531 4.8188C0.473438 5.54536 0.24375 7.20005 0.24375 7.20005C0.24375 7.20005 0 9.14536 0 11.086V12.9047C0 14.8454 0.239062 16.7907 0.239062 16.7907C0.239062 16.7907 0.473437 18.4454 1.19062 19.1719C2.10469 20.1282 3.30469 20.0954 3.83906 20.1985C5.76094 20.3813 12 20.4375 12 20.4375C12 20.4375 17.0438 20.4282 20.4 20.1891C20.8688 20.1329 21.8906 20.1282 22.8047 19.1719C23.5266 18.4454 23.7609 16.7907 23.7609 16.7907C23.7609 16.7907 24 14.85 24 12.9047V11.086C24 9.14536 23.7609 7.20005 23.7609 7.20005ZM9.52031 15.1125V8.36723L16.0031 11.7516L9.52031 15.1125Z"
+    fill="currentColor" />
+</svg>
+  
\ No newline at end of file
diff --git a/src/partials/footer.hbs b/src/partials/footer.hbs
index 13fa9853..9aa6d2fd 100644
--- a/src/partials/footer.hbs
+++ b/src/partials/footer.hbs
@@ -35,48 +35,41 @@
       Kubernetes is the registered trademark of the Linux Foundation.</p>
   </div>
   <div class="flex flex-col gap-6 md:ml-auto md:items-end">
-    <div class="flex gap-4">
+    <div class="flex items-center gap-4">
       <a
-        href="https://www.facebook.com/datastax"
+        href="https://discord.gg/datastax"
         target="_blank"
-        data-track="Footer Facebook Link Clicked"
-        title="Go to DataStax Facebook"
-        class="h-5 w-5 bg-[url('../img/social-facebook.svg')] bg-no-repeat dark:invert"
+        title="Go to DataStax Developers Discord"
+        data-track="Footer Discord Link Clicked"
+        class="h-6 w-6 bg-[url('../img/social-discord.svg')] bg-no-repeat dark:invert"
       ></a>
       <a
-        href="https://twitter.com/datastax"
-        target="_blank"
-        title="Go to DataStax X (Twitter)"
-        data-track="Footer Twitter Link Clicked"
-        class="h-5 w-5 bg-[url('../img/social-x.svg')] bg-no-repeat dark:invert"
-      ></a>
-      <a
-        href="https://github.com/datastax/"
+        href="https://github.com/datastax"
         target="_blank"
         title="Go to DataStax GitHub"
         data-track="Footer Github Link Clicked"
-        class="h-5 w-5 bg-[url('../img/social-github.svg')] bg-no-repeat dark:invert"
+        class="h-6 w-6 bg-[url('../img/social-github.svg')] bg-no-repeat dark:invert"
       ></a>
       <a
-        href="https://www.twitch.tv/datastaxdevs"
+        href="https://www.linkedin.com/showcase/datastaxdevs/"
         target="_blank"
-        title="Go to DataStax Twitch"
-        data-track="Footer Twitch Link Clicked"
-        class="h-5 w-5 bg-[url('../img/social-twitch.svg')] bg-no-repeat dark:invert"
+        title="Go to DataStax Developers LinkedIn"
+        data-track="LinkedIn Link Clicked"
+        class="h-6 w-6 bg-[url('../img/social-linkedin.svg')] bg-no-repeat dark:invert"
       ></a>
       <a
-        href="https://www.linkedin.com/company/datastax/"
+        href="https://twitter.com/datastaxdevs"
         target="_blank"
-        title="Go to DataStax Linkedin"
-        data-track="Linkedin Link Clicked"
-        class="h-5 w-5 bg-[url('../img/social-linkedin.svg')] bg-no-repeat dark:invert"
+        title="Go to DataStax Developers X (Twitter)"
+        data-track="Footer Twitter Link Clicked"
+        class="h-6 w-6 bg-[url('../img/social-x.svg')] bg-no-repeat dark:invert"
       ></a>
       <a
-        href="https://datastax.medium.com/"
+        href="https://www.youtube.com/@DataStaxDevs"
         target="_blank"
-        title="Go to DataStax Medium"
-        data-track="Footer Medium Link Clicked"
-        class="h-5 w-5 bg-[url('../img/social-medium.svg')] bg-no-repeat dark:invert"
+        title="Go to DataStax Developers YouTube"
+        data-track="YouTube Link Clicked"
+        class="h-6 w-6 bg-[url('../img/social-youtube.svg')] bg-no-repeat dark:invert"
       ></a>
     </div>
     <p class="!m-0 md:text-right">General Inquiries: