Dekker1/dekker.one
1
0
Fork 0
Code Issues Pull Requests Activity

Update social icons

Browse Source
This commit is contained in:
Jip J. Dekker 2023-06-26 12:59:07 +10:00
parent 1d38869c59
commit 76557e8fd6
No known key found for this signature in database
3 changed files with 65 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/SocialIcons.jsx
View File

@ -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>
)
}

30
src/pages/about.jsx
View File

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

36
src/pages/index.jsx
View File

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