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]>
riptano · Sep 18, 2024 · 1cc662a · 1cc662a
1 parent d632b9a
commit 1cc662a
Show file tree

Hide file tree

Showing 9 changed files with 69 additions and 42 deletions.
diff --git a/src/img/social-discord.svg b/src/img/social-discord.svg
diff --git a/src/img/social-facebook.svg b/src/img/social-facebook.svg
diff --git a/src/img/social-github.svg b/src/img/social-github.svg
diff --git a/src/img/social-linkedin.svg b/src/img/social-linkedin.svg
diff --git a/src/img/social-medium.svg b/src/img/social-medium.svg
diff --git a/src/img/social-twitch.svg b/src/img/social-twitch.svg
diff --git a/src/img/social-x.svg b/src/img/social-x.svg
diff --git a/src/img/social-youtube.svg b/src/img/social-youtube.svg
diff --git 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: