Skip to content

Commit

Permalink
added linkedin, remove twitter
Browse files Browse the repository at this point in the history
  • Loading branch information
@michalczukm
michalczukm committed Sep 19, 2024
1 parent 1bd909e commit b092456
Show file tree
Hide file tree
Showing 2 changed files with 108 additions and 108 deletions.
214 changes: 107 additions & 107 deletions src/components/SocialList.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,111 +4,111 @@ import { SOCIAL_LINKS } from "@/data/constants";
// *** SVG icons from https://tablericons.com/ ***
---

<div class="flex flex-wrap items-center gap-x-4 sm:items-center">
<p>Find me on</p>
<ul class="flex flex-1 items-center gap-x-4 sm:flex-initial">
<li>
<a
class="inline-block p-2 sm:hover:text-link"
href={SOCIAL_LINKS.github}
target="_blank"
rel="noopener noreferrer"
>
<svg
class="h-6 w-6"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5"
>
</path>
</svg>
<span class="sr-only">Github</span>
</a>
</li>
<li>
<a
class="inline-block p-2 sm:hover:text-link"
href={SOCIAL_LINKS.twitter}
target="_blank"
rel="noopener noreferrer"
>
<svg
class="h-6 w-6"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path
d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z"
>
</path>
</svg>
<span class="sr-only">Twitter</span>
</a>
</li>
<li>
<a
class="inline-block p-2 sm:hover:text-link"
href={SOCIAL_LINKS.instagram}
target="_blank"
rel="noopener noreferrer"
>
<svg
xmlns="http://www.w3.org/2000/svg"
class="icon icon-tabler icon-tabler-brand-instagram h-6 w-6"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<path d="M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z"
></path>
<path d="M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
<path d="M16.5 7.5l0 .01"></path>
</svg>
<span class="sr-only">Instagram</span>
</a>
</li>
<li>
<a class="inline-block p-2 sm:hover:text-link" href={`mailto:${SOCIAL_LINKS.email}`}>
<svg
class="h-6 w-6"
aria-hidden="true"
focusable="false"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
fill="none"
stroke-linecap="round"
stroke-linejoin="round"
>
<path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
<rect x="3" y="5" width="18" height="14" rx="2"></rect>
<polyline points="3 7 12 13 21 7"></polyline>
</svg>
<span class="sr-only">Email</span>
</a>
</li>
</ul>
<div class='flex flex-wrap items-center gap-x-4 sm:items-center'>
<p>Find me on</p>
<ul class='flex flex-1 items-center gap-x-4 sm:flex-initial'>
<li>
<a
class='inline-block p-2 sm:hover:text-link'
href={SOCIAL_LINKS.github}
target='_blank'
rel='noopener noreferrer'
>
<svg
class='h-6 w-6'
aria-hidden='true'
focusable='false'
xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 24 24'
stroke-width='1.5'
stroke='currentColor'
fill='none'
stroke-linecap='round'
stroke-linejoin='round'
>
<path stroke='none' d='M0 0h24v24H0z' fill='none'></path>
<path
d='M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5'
>
</path>
</svg>
<span class='sr-only'>Github</span>
</a>
</li>
<li>
<a
class='inline-block p-2 sm:hover:text-link'
href={SOCIAL_LINKS.linkedin}
target='_blank'
rel='noopener noreferrer'
>
<svg
xmlns='http://www.w3.org/2000/svg'
class='icon icon-tabler icon-tabler-brand-linkedin h-6 w-6'
viewBox='0 0 24 24'
stroke-width='1.5'
stroke='currentColor'
fill='none'
stroke-linecap='round'
stroke-linejoin='round'
>
<path stroke='none' d='M0 0h24v24H0z' fill='none'></path>
<path d='M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z'
></path>
<path d='M8 11l0 5'></path>
<path d='M8 8l0 .01'></path>
<path d='M12 16l0 -5'></path>
<path d='M16 16v-3a2 2 0 0 0 -4 0'></path>
</svg>
<span class='sr-only'>LinkedIn</span>
</a>
</li>
<li>
<a
class='inline-block p-2 sm:hover:text-link'
href={SOCIAL_LINKS.instagram}
target='_blank'
rel='noopener noreferrer'
>
<svg
xmlns='http://www.w3.org/2000/svg'
class='icon icon-tabler icon-tabler-brand-instagram h-6 w-6'
viewBox='0 0 24 24'
stroke-width='1.5'
stroke='currentColor'
fill='none'
stroke-linecap='round'
stroke-linejoin='round'
>
<path stroke='none' d='M0 0h24v24H0z' fill='none'></path>
<path d='M4 4m0 4a4 4 0 0 1 4 -4h8a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-8a4 4 0 0 1 -4 -4z'
></path>
<path d='M12 12m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0'></path>
<path d='M16.5 7.5l0 .01'></path>
</svg>
<span class='sr-only'>Instagram</span>
</a>
</li>
<li>
<a class='inline-block p-2 sm:hover:text-link' href={`mailto:${SOCIAL_LINKS.email}`}>
<svg
class='h-6 w-6'
aria-hidden='true'
focusable='false'
xmlns='http://www.w3.org/2000/svg'
viewBox='0 0 24 24'
stroke-width='1.5'
stroke='currentColor'
fill='none'
stroke-linecap='round'
stroke-linejoin='round'
>
<path stroke='none' d='M0 0h24v24H0z' fill='none'></path>
<rect x='3' y='5' width='18' height='14' rx='2'></rect>
<polyline points='3 7 12 13 21 7'></polyline>
</svg>
<span class='sr-only'>Email</span>
</a>
</li>
</ul>
</div>
2 changes: 1 addition & 1 deletion src/data/constants.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export const MENU_LINKS: MenuItem[] = [

export const SOCIAL_LINKS = {
github: "https://github.com/michalczukm",
twitter: "https://twitter.com/michalczukm",
linkedin: "https://www.linkedin.com/in/michalczukm",
instagram: "https://www.instagram.com/michalczuk_michal",
email: "michal@michalczukm.xyz",
};

0 comments on commit b092456

Please sign in to comment.