Skip to content

Commit

Permalink
feat: Add LinkedIn and Medium social icons
Browse files Browse the repository at this point in the history
This commit adds LinkedIn and Medium social icons to the Socials component, allowing users to navigate to the company's LinkedIn page and Medium blog page. The icons are imported and displayed in the component, and the necessary links are added with appropriate titles and target attributes.
  • Loading branch information
xuelink committed Jun 20, 2024
1 parent 903b4e2 commit 01d4947
Show file tree
Hide file tree
Showing 3 changed files with 75 additions and 0 deletions.
18 changes: 18 additions & 0 deletions src/lib/components/molecules/Socials.svelte
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,8 @@
import BlueskyIcon from '$lib/icons/socials/bluesky.svelte';
import TelegramIcon from '$lib/icons/socials/telegram.svelte';
import RSSIcon from '$lib/icons/rss.svelte';
import LinkedinIcon from '$lib/icons/socials/linkedin.svelte';
import MediumIcon from '$lib/icons/socials/medium.svelte';
</script>

<div class="socials">
Expand Down Expand Up @@ -89,6 +91,22 @@
>
<GitHubIcon />
</a>
<a
href="https://blog.langx.io"
target="_blank"
rel="noopener noreferrer"
title="See our Medium Blog Page"
>
<MediumIcon />
</a>
<a
href="https://www.linkedin.com/company/new-chapter-technology-limited-liability-company"
target="_blank"
rel="noopener noreferrer"
title="See our Linkedin Page"
>
<LinkedinIcon />
</a>
<a href="/rss.xml" target="_blank" rel="noopener noreferrer" title="Subscribe to my RSS Feed">
<RSSIcon />
</a>
Expand Down
31 changes: 31 additions & 0 deletions src/lib/icons/socials/linkedin.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<svg
version="1.0"
xmlns="http://www.w3.org/2000/svg"
height="24px"
width="24px"
viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet"
>
<g
transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000"
stroke="none"
>
<path
d="M677 4776 c-261 -93 -418 -373 -352 -631 48 -187 174 -328 351 -390
98 -35 250 -35 348 0 256 90 405 349 356 616 -5 30 -28 90 -49 134 -64 129
-170 222 -307 270 -98 35 -250 35 -347 1z"
/>
<path
d="M3541 3379 c-277 -34 -552 -195 -681 -397 -25 -39 -48 -71 -52 -71
-4 -1 -9 90 -10 202 l-3 202 -445 0 -445 0 0 -1500 0 -1500 465 0 465 0 5 885
c6 873 6 886 28 963 49 176 126 283 245 342 234 116 538 66 652 -107 36 -54
70 -147 91 -249 16 -75 18 -175 23 -959 l6 -875 460 0 460 0 0 965 c0 730 -3
992 -13 1075 -73 620 -310 914 -812 1010 -103 19 -337 27 -439 14z"
/>
<path
d="M385 3308 c-3 -7 -4 -683 -3 -1503 l3 -1490 465 0 465 0 0 1500 0
1500 -463 3 c-365 2 -464 0 -467 -10z"
/>
</g>
</svg>
26 changes: 26 additions & 0 deletions src/lib/icons/socials/medium.svelte
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
<svg
version="1.0"
xmlns="http://www.w3.org/2000/svg"
height="24px"
width="24px"
viewBox="0 0 240.000000 240.000000"
preserveAspectRatio="xMidYMid meet"
>
<g
transform="translate(0.000000,240.000000) scale(0.100000,-0.100000)"
fill="#000000"
stroke="none"
>
<path
d="M30 2080 c0 -12 54 -85 123 -167 l122 -147 5 -570 c3 -314 2 -584 -3
-601 -4 -16 -68 -103 -142 -192 -75 -90 -135 -172 -135 -183 0 -20 6 -20 355
-20 l355 0 0 23 c0 14 -51 84 -135 187 -75 91 -138 174 -141 185 -2 11 -3 231
-2 489 l3 469 310 -676 310 -677 36 0 c34 0 38 3 54 42 9 24 130 329 267 678
137 349 252 637 254 639 2 2 4 -247 4 -555 l0 -558 -110 -110 c-65 -64 -110
-116 -108 -125 3 -14 53 -16 473 -16 420 0 470 2 473 16 2 9 -41 59 -103 120
l-105 105 0 710 0 710 105 104 c59 57 105 111 105 121 0 18 -15 19 -332 19
l-333 0 -234 -586 c-128 -322 -237 -582 -241 -577 -4 4 -126 268 -271 586
l-263 577 -348 0 c-343 0 -348 0 -348 -20z"
/>
</g>
</svg>

0 comments on commit 01d4947

Please sign in to comment.