From 76557e8fd678dad32d822c5094d55f605a94e9c1 Mon Sep 17 00:00:00 2001
From: "Jip J. Dekker" <jip@dekker.one>
Date: Mon, 26 Jun 2023 12:59:07 +1000
Subject: [PATCH] Update social icons

---
 src/components/SocialIcons.jsx | 27 +++++++++++++++++++++++++
 src/pages/about.jsx            | 30 ++++++++++++++++------------
 src/pages/index.jsx            | 36 ++++++++++++++++++++--------------
 3 files changed, 65 insertions(+), 28 deletions(-)

diff --git a/src/components/SocialIcons.jsx b/src/components/SocialIcons.jsx
index ff2b66a..1269999 100644
--- a/src/components/SocialIcons.jsx
+++ b/src/components/SocialIcons.jsx
@@ -34,3 +34,30 @@ export function LinkedInIcon(props) {
     </svg>
   )
 }
+
+export function MastodonIcon(props) {
+  return (
+    <svg viewBox="0 0 512 512" aria-hidden="true" {...props}>
+      <path d="M480,173.59c0-104.13-68.26-134.65-68.26-134.65C377.3,23.15,318.2,16.5,256.8,16h-1.51c-61.4.5-120.46,7.15-154.88,22.94,0,0-68.27,30.52-68.27,134.65,0,23.85-.46,52.35.29,82.59C34.91,358,51.11,458.37,145.32,483.29c43.43,11.49,80.73,13.89,110.76,12.24,54.47-3,85-19.42,85-19.42l-1.79-39.5s-38.93,12.27-82.64,10.77c-43.31-1.48-89-4.67-96-57.81a108.44,108.44,0,0,1-1-14.9,558.91,558.91,0,0,0,96.39,12.85c32.95,1.51,63.84-1.93,95.22-5.67,60.18-7.18,112.58-44.24,119.16-78.09C480.84,250.42,480,173.59,480,173.59ZM399.46,307.75h-50V185.38c0-25.8-10.86-38.89-32.58-38.89-24,0-36.06,15.53-36.06,46.24v67H231.16v-67c0-30.71-12-46.24-36.06-46.24-21.72,0-32.58,13.09-32.58,38.89V307.75h-50V181.67q0-38.65,19.75-61.39c13.6-15.15,31.4-22.92,53.51-22.92,25.58,0,44.95,9.82,57.75,29.48L256,147.69l12.45-20.85c12.81-19.66,32.17-29.48,57.75-29.48,22.11,0,39.91,7.77,53.51,22.92Q399.5,143,399.46,181.67Z" />
+    </svg>
+  )
+}
+
+export function ORCIDIcon(props) {
+  return (
+    <svg viewBox="0 0 512 512" aria-hidden="true" {...props}>
+      <path d="M294.75 188.19h-45.92V342h47.47c67.62 0 83.12-51.34 83.12-76.91 0-41.64-26.54-76.9-84.67-76.9zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm-80.79 360.76h-29.84v-207.5h29.84zm-14.92-231.14a19.57 19.57 0 1 1 19.57-19.57 19.64 19.64 0 0 1-19.57 19.57zM300 369h-81V161.26h80.6c76.73 0 110.44 54.83 110.44 103.85C410 318.39 368.38 369 300 369z"></path>
+    </svg>
+  )
+}
+
+
+export function ResearchGateIcon(props) {
+  return (
+    <svg viewBox="0 0 448 512" aria-hidden="true" {...props}>
+      <path d="M0 32v448h448V32H0zm262.2 334.4c-6.6 3-33.2 6-50-14.2-9.2-10.6-25.3-33.3-42.2-63.6-8.9 0-14.7 0-21.4-.6v46.4c0 23.5 6 21.2 25.8 23.9v8.1c-6.9-.3-23.1-.8-35.6-.8-13.1 0-26.1.6-33.6.8v-8.1c15.5-2.9 22-1.3 22-23.9V225c0-22.6-6.4-21-22-23.9V193c25.8 1 53.1-.6 70.9-.6 31.7 0 55.9 14.4 55.9 45.6 0 21.1-16.7 42.2-39.2 47.5 13.6 24.2 30 45.6 42.2 58.9 7.2 7.8 17.2 14.7 27.2 14.7v7.3zm22.9-135c-23.3 0-32.2-15.7-32.2-32.2V167c0-12.2 8.8-30.4 34-30.4s30.4 17.9 30.4 17.9l-10.7 7.2s-5.5-12.5-19.7-12.5c-7.9 0-19.7 7.3-19.7 19.7v26.8c0 13.4 6.6 23.3 17.9 23.3 14.1 0 21.5-10.9 21.5-26.8h-17.9v-10.7h30.4c0 20.5 4.7 49.9-34 49.9zm-116.5 44.7c-9.4 0-13.6-.3-20-.8v-69.7c6.4-.6 15-.6 22.5-.6 23.3 0 37.2 12.2 37.2 34.5 0 21.9-15 36.6-39.7 36.6z"></path>
+    </svg>
+  )
+}
+
+
diff --git a/src/pages/about.jsx b/src/pages/about.jsx
index 9694e9c..ce57282 100644
--- a/src/pages/about.jsx
+++ b/src/pages/about.jsx
@@ -6,10 +6,11 @@ import clsx from 'clsx'
 import { Container } from '@/components/Container'
 import {
   GitHubIcon,
-  InstagramIcon,
   LinkedInIcon,
-  TwitterIcon,
-} from '@/components/SocialIcons'
+  MastodonIcon,
+  ORCIDIcon,
+  ResearchGateIcon,
+} from '@/components/SVGIcons'
 import portraitImage from '@/images/portrait.jpg'
 
 function SocialLink({ className, href, children, icon: Icon }) {
@@ -95,24 +96,27 @@ export default function About() {
           </div>
           <div className="lg:pl-20">
             <ul role="list">
-              <SocialLink href="#" icon={TwitterIcon}>
-                Follow on Twitter
+              <SocialLink href="https://github.com/Dekker1" icon={GitHubIcon}>
+                Follow me on GitHub
               </SocialLink>
-              <SocialLink href="#" icon={InstagramIcon} className="mt-4">
-                Follow on Instagram
+              <SocialLink href="https://soapbox.network/@Dekker1" icon={MastodonIcon} className="mt-4">
+                Follow me on Mastodon
               </SocialLink>
-              <SocialLink href="#" icon={GitHubIcon} className="mt-4">
-                Follow on GitHub
+              <SocialLink href="https://www.linkedin.com/in/dekker1/" icon={LinkedInIcon} className="mt-4">
+                Connect with me on LinkedIn
               </SocialLink>
-              <SocialLink href="#" icon={LinkedInIcon} className="mt-4">
-                Follow on LinkedIn
+              <SocialLink href="https://orcid.org/0000-0002-0053-6724" icon={ORCIDIcon} className="mt-4">
+                Find me on ORCID
+              </SocialLink>
+              <SocialLink href="https://www.researchgate.net/profile/Jip-Dekker-2" icon={ResearchGateIcon} className="mt-4">
+                Follow me on ResearchGate
               </SocialLink>
               <SocialLink
-                href="mailto:spencer@planetaria.tech"
+                href="mailto:jip.dekker@monash.edu"
                 icon={MailIcon}
                 className="mt-8 border-t border-zinc-100 pt-8 dark:border-zinc-700/40"
               >
-                spencer@planetaria.tech
+                jip.dekker@monash.edu
               </SocialLink>
             </ul>
           </div>
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index d4a1f8f..e7a4c1a 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -8,9 +8,10 @@ import { Card } from '@/components/Card'
 import { Container } from '@/components/Container'
 import {
   GitHubIcon,
-  InstagramIcon,
   LinkedInIcon,
-  TwitterIcon,
+  MastodonIcon,
+  ORCIDIcon,
+  ResearchGateIcon,
 } from '@/components/SocialIcons'
 import logoAirbnb from '@/images/logos/airbnb.svg'
 import logoFacebook from '@/images/logos/facebook.svg'
@@ -251,7 +252,7 @@ export default function Home({ articles }) {
     <>
       <Head>
         <title>
-          Spencer Sharp - Software designer, founder, and amateur astronaut
+          Jip J. Dekker - Optimisation Expert & Computer Scientist
         </title>
         <meta
           name="description"
@@ -271,25 +272,30 @@ export default function Home({ articles }) {
           </p>
           <div className="mt-6 flex gap-6">
             <SocialLink
-              href="https://twitter.com"
-              aria-label="Follow on Twitter"
-              icon={TwitterIcon}
-            />
-            <SocialLink
-              href="https://instagram.com"
-              aria-label="Follow on Instagram"
-              icon={InstagramIcon}
-            />
-            <SocialLink
-              href="https://github.com"
+              href="https://github.com/Dekker1"
               aria-label="Follow on GitHub"
               icon={GitHubIcon}
             />
             <SocialLink
-              href="https://linkedin.com"
+              href="https://soapbox.network/@Dekker1"
+              aria-label="Follow on Mastodon"
+              icon={MastodonIcon}
+            />
+            <SocialLink
+              href="https://www.linkedin.com/in/dekker1/"
               aria-label="Follow on LinkedIn"
               icon={LinkedInIcon}
             />
+            <SocialLink
+              href="https://orcid.org/0000-0002-0053-6724"
+              aria-label="Find me on ORCID"
+              icon={ORCIDIcon}
+            />
+            <SocialLink
+              href="https://www.researchgate.net/profile/Jip-Dekker-2"
+              aria-label="Follow on ResearchGate"
+              icon={ResearchGateIcon}
+            />
           </div>
         </div>
       </Container>