diff options
Diffstat (limited to 'src/components/Sections/SocialLinks.astro')
| -rw-r--r-- | src/components/Sections/SocialLinks.astro | 42 |
1 files changed, 9 insertions, 33 deletions
diff --git a/src/components/Sections/SocialLinks.astro b/src/components/Sections/SocialLinks.astro index 53b8243..c804b60 100644 --- a/src/components/Sections/SocialLinks.astro +++ b/src/components/Sections/SocialLinks.astro @@ -1,43 +1,19 @@ -<style lang="scss"> - @use "../../scss/variables" as *; +--- +import GitHubIcon from "../Icons/GitHub.astro"; +import LinkedInIcon from "../Icons/LinkedIn.astro"; +import EmailIcon from "../Icons/Email.astro"; +--- +<style lang="scss"> div { margin-bottom: 2rem; } - - a { - display: inline-block; - margin: 0 0.5rem; - color: $colorText; - text-decoration: none; - } - a svg { - vertical-align: middle; - } </style> <section> <div> - <a href="https://github.com/valentineus" title="GitHub" target="_blank"> - <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="GitHub"> - <path - d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" - > - </path> - </svg> - </a> - <a href="mailto:valentin@popov.link" title="E-Mail" target="_blank"> - <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="E-Mail"> - <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path> - <polyline points="22,6 12,13 2,6"></polyline> - </svg> - </a> - <a href="/feed.xml" title="RSS" target="_blank"> - <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-label="RSS"> - <path d="M4 11a9 9 0 0 1 9 9"></path> - <path d="M4 4a16 16 0 0 1 16 16"></path> - <circle cx="5" cy="19" r="1"></circle> - </svg> - </a> + <GitHubIcon /> + <LinkedInIcon /> + <EmailIcon /> </div> </section> |