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 <[email protected]>

Author: msmygit

src/img/social-discord.svg

@@ -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: