2024.11.16: Add bluesky/stackocverflow to socials. disable sharing links for the moment.

Author: emeraldjava

package.json

@@ -1,6 +1,6 @@
 {
   "name": "emeraldjava.github.io",
-  "version": "2024.11.10",
+  "version": "2024.11.16",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",

src/assets/socialIcons.ts

@@ -202,10 +202,22 @@ const socialIcons = {
       </svg>`,
   Mastodon: `<svg class="icon-tabler" viewBox="-10 -5 1034 1034" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
     <path fill="currentColor"
-  d="M499 112q-93 1 -166 11q-81 11 -128 33l-14 8q-16 10 -32 25q-22 21 -38 47q-21 33 -32 73q-14 47 -14 103v37q0 77 1 119q3 113 18 188q19 95 62 154q50 67 134 89q109 29 210 24q46 -3 88 -12q30 -7 55 -17l19 -8l-4 -75l-22 6q-28 6 -57 10q-41 6 -78 4q-53 -1 -80 -7
-  q-43 -8 -67 -30q-29 -25 -35 -72q-2 -14 -2 -29l25 6q31 6 65 10q48 7 93 9q42 2 92 -2q32 -2 88 -9t107 -30q49 -23 81.5 -54.5t38.5 -63.5q9 -45 13 -109q4 -46 5 -97v-41q0 -56 -14 -103q-11 -40 -32 -73q-16 -26 -38 -47q-15 -15 -32 -25q-12 -8 -14 -8
-  q-46 -22 -127 -33q-74 -10 -166 -11h-3zM367 267q73 0 109 56l24 39l24 -39q36 -56 109 -56q63 0 101 43t38 117v239h-95v-232q0 -74 -61 -74q-69 0 -69 88v127h-94v-127q0 -88 -69 -88q-61 0 -61 74v232h-95v-239q0 -74 38 -117t101 -43z" />
-  </svg>`,
+      d="M499 112q-93 1 -166 11q-81 11 -128 33l-14 8q-16 10 -32 25q-22 21 -38 47q-21 33 -32 73q-14 47 -14 103v37q0 77 1 119q3 113 18 188q19 95 62 154q50 67 134 89q109 29 210 24q46 -3 88 -12q30 -7 55 -17l19 -8l-4 -75l-22 6q-28 6 -57 10q-41 6 -78 4q-53 -1 -80 -7
+      q-43 -8 -67 -30q-29 -25 -35 -72q-2 -14 -2 -29l25 6q31 6 65 10q48 7 93 9q42 2 92 -2q32 -2 88 -9t107 -30q49 -23 81.5 -54.5t38.5 -63.5q9 -45 13 -109q4 -46 5 -97v-41q0 -56 -14 -103q-11 -40 -32 -73q-16 -26 -38 -47q-15 -15 -32 -25q-12 -8 -14 -8
+      q-46 -22 -127 -33q-74 -10 -166 -11h-3zM367 267q73 0 109 56l24 39l24 -39q36 -56 109 -56q63 0 101 43t38 117v239h-95v-232q0 -74 -61 -74q-69 0 -69 88v127h-94v-127q0 -88 -69 -88q-61 0 -61 74v232h-95v-239q0 -74 38 -117t101 -43z" />
+      </svg>`,
+  Bluesky: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-bluesky">\n' +
+    '  <path stroke="none" d="M0 0h24v24H0z" fill="none" />\n' +
+    '  <path d="M6.335 5.144c-1.654 -1.199 -4.335 -2.127 -4.335 .826c0 .59 .35 4.953 .556 5.661c.713 2.463 3.13 2.75 5.444 2.369c-4.045 .665 -4.889 3.208 -2.667 5.41c1.03 1.018 1.913 1.59 2.667 1.59c2 0 3.134 -2.769 3.5 -3.5c.333 -.667 .5 -1.167 .5 -1.5c0 .333 .167 .833 .5 1.5c.366 .731 1.5 3.5 3.5 3.5c.754 0 1.637 -.571 2.667 -1.59c2.222 -2.203 1.378 -4.746 -2.667 -5.41c2.314 .38 4.73 .094 5.444 -2.369c.206 -.708 .556 -5.072 .556 -5.661c0 -2.953 -2.68 -2.025 -4.335 -.826c-2.293 1.662 -4.76 5.048 -5.665 6.856c-.905 -1.808 -3.372 -5.194 -5.665 -6.856z" />\n' +
+    '</svg>',
+  StackOverflow: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-brand-stackoverflow">\n' +
+    '  <path stroke="none" d="M0 0h24v24H0z" fill="none" />\n' +
+    '  <path d="M4 17v1a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-1" />\n' +
+    '  <path d="M8 16h8" />\n' +
+    '  <path d="M8.322 12.582l7.956 .836" />\n' +
+    '  <path d="M8.787 9.168l7.826 1.664" />\n' +
+    '  <path d="M10.096 5.764l7.608 2.472" />\n' +
+    '</svg>'
 };
 
 export default socialIcons;

src/components/ShareLinks.astro

@@ -39,7 +39,7 @@ const shareLinks = [
 ---
 
 <div class={`social-icons`}>
-  <span class="italic">Share this post on:</span>
+  <!--<span class="italic">Share this post on:</span>
   <div class="text-center">
     {
       shareLinks.map(social => (
@@ -53,7 +53,7 @@ const shareLinks = [
         </LinkButton>
       ))
     }
-  </div>
+  </div>-->
 </div>
 
 <style>

src/config.ts

@@ -36,15 +36,24 @@ export const SOCIALS: SocialObjects = [
   {
     name: "Github",
     href: "https://github.com/emeraldjava",
-    linkTitle: ` ${SITE.title} on Github`,
+    linkTitle: "${SITE.title} on Github",
     active: true,
-  },
-  {
+  }, {
     name: "LinkedIn",
     href: "https://www.linkedin.com/in/paultoconnell/",
-    linkTitle: `${SITE.title} on LinkedIn`,
+    linkTitle: "${SITE.title} on LinkedIn",
     active: true,
-  },
+  }, {
+    name: "StackOverflow",
+    href: "https://stackoverflow.com/users/55794/emeraldjava",
+    linkTitle: "${SITE.title} on StackOverflow",
+    active: true,
+  }, {
+    name: "Bluesky",
+    href: "https://bsky.app/profile/emeraldjava.bsky.social",
+    linkTitle: "${SITE.title} on Bluesky",
+    active: true,
+  }
 ];
 
 // export const GISCUS: GiscusProps = {