info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-11 19:53:59 +02:00
Code Issues Releases Wiki Activity

Add email icon in footer

Browse Source
This commit is contained in:
Kamran Ahmed
2023-10-07 15:27:05 +01:00
parent ceb4c3b95d
commit 4aa8f15c07
2 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/Footer.astro
View File

@@ -31,7 +31,8 @@ import Icon from './AstroIcon.astro';
<a <a
class='px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0' class='px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='https://youtube.com/theroadmap?sub_confirmation=1' href='https://youtube.com/theroadmap?sub_confirmation=1'
target='_blank'>YouTube</a> target='_blank'>YouTube</a
>
</p> </p>
<div class='flex flex-col justify-between gap-12 sm:flex-row'> <div class='flex flex-col justify-between gap-12 sm:flex-row'>
@@ -67,20 +68,30 @@ import Icon from './AstroIcon.astro';
<a href='/privacy' class='hover:text-white'>Privacy</a> <a href='/privacy' class='hover:text-white'>Privacy</a>
<span class='mx-1.5'>&middot;</span> <span class='mx-1.5'>&middot;</span>
<a <a
aria-label="Subscribe to YouTube channel" aria-label='Write us an email'
href='mailto:info@roadmap.sh'
class='hover:text-white'
>
<AstroIcon icon='letter' class='inline-block h-5 w-5' />
</a>
<a
aria-label='Subscribe to YouTube channel'
href='https://youtube.com/theroadmap?sub_confirmation=1' href='https://youtube.com/theroadmap?sub_confirmation=1'
target='_blank' target='_blank'
class='hover:text-white' class='ml-2 hover:text-white'
> >
<AstroIcon icon='youtube' class='inline-block h-5 w-5' /> <AstroIcon icon='youtube' class='inline-block h-5 w-5' />
</a> </a>
<a <a
aria-label="Follow on Twitter" aria-label='Follow on Twitter'
href='https://twitter.com/roadmapsh' href='https://twitter.com/roadmapsh'
target='_blank' target='_blank'
class='ml-2 hover:text-white' class='ml-2 hover:text-white'
> >
<AstroIcon icon='twitter-fill' class='inline-block h-5 w-5 fill-current' /> <AstroIcon
icon='twitter-fill'
class='inline-block h-5 w-5 fill-current'
/>
</a> </a>
</p> </p>
</div> </div>

1
src/icons/letter.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="35" height="35" viewBox="0 0 24 24"><path fill="currentColor" d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5l-8-5V6l8 5l8-5v2z"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 338 B