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

Add store link in footer

Browse Source
This commit is contained in:
Kamran Ahmed
2023-05-18 12:57:20 +01:00
parent 4b76d0b7aa
commit 9d66da6bf9
1 changed files with 31 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/components/Footer.astro
View File

@@ -2,45 +2,53 @@
import Icon from './AstroIcon.astro'; import Icon from './AstroIcon.astro';
--- ---
<div class='py-6 sm:py-16 pb-10 bg-slate-900 text-white'> <div class='bg-slate-900 py-6 pb-10 text-white sm:py-16'>
<div class='container'> <div class='container'>
<p class='text-gray-400 font-medium flex flex-col sm:flex-row gap-0 sm:gap-4 mb-8 sm:mb-16 justify-center'> <p
class='mb-8 flex flex-col justify-center gap-0 font-medium text-gray-400 sm:mb-16 sm:flex-row sm:gap-4'
>
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/roadmaps'>Roadmaps</a href='/roadmaps'>Roadmaps</a
> >
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/best-practices'>Best Practices</a
>
<a
class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/guides'>Guides</a href='/guides'>Guides</a
> >
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='/videos'>Videos</a href='/videos'>Videos</a
> >
<a <a
class='transition-colors px-2 py-1.5 border-b border-b-gray-700 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' target='_blank'
href='/about'>About</a rel='noopener noreferrer nofollow'
class='border-b border-b-gray-700 px-2 py-1.5 transition-colors hover:text-white sm:border-b-0 sm:px-0 sm:py-0'
href='https://cottonbureau.com/people/roadmapsh'>Store</a
> >
<a <a
class='transition-colors px-2 py-1.5 sm:border-b-0 sm:py-0 sm:px-0 hover:text-white' 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 sm:flex-row justify-between gap-12'> <div class='flex flex-col justify-between gap-12 sm:flex-row'>
<div class='max-w-[365px]'> <div class='max-w-[365px]'>
<p class='flex items-center text-md'> <p class='text-md flex items-center'>
<a <a
class='font-medium text-lg inline-flex items-center text-white transition-colors hover:text-gray-400' class='inline-flex items-center text-lg font-medium text-white transition-colors hover:text-gray-400'
href='/' href='/'
> >
<Icon icon='logo' /> <Icon icon='logo' />
<span class='ml-2'>roadmap.sh</span> <span class='ml-2'>roadmap.sh</span>
</a> </a>
<span class='text-gray-400 mx-2'>by</span> <span class='mx-2 text-gray-400'>by</span>
<a <a
class='bg-blue-600 text-sm py-1 px-1.5 font-regular hover:bg-blue-700 rounded-md' class='font-regular rounded-md bg-blue-600 px-1.5 py-1 text-sm hover:bg-blue-700'
href='https://twitter.com/intent/user?screen_name=kamrify' href='https://twitter.com/intent/user?screen_name=kamrify'
target='_blank' target='_blank'
> >
@@ -48,11 +56,11 @@ import Icon from './AstroIcon.astro';
<span class='inline sm:hidden'>Kamran Ahmed</span> <span class='inline sm:hidden'>Kamran Ahmed</span>
</a> </a>
</p> </p>
<p class='text-slate-300/60 my-4'> <p class='my-4 text-slate-300/60'>
Community created roadmaps, articles, resources and journeys to help you choose your path and grow in your Community created roadmaps, articles, resources and journeys to help
career. you choose your path and grow in your career.
</p> </p>
<div class='text-gray-400 text-sm'> <div class='text-sm text-gray-400'>
<p> <p>
&copy; roadmap.sh &copy; roadmap.sh
<span class='mx-1.5'>&middot;</span> <span class='mx-1.5'>&middot;</span>
@@ -65,21 +73,21 @@ import Icon from './AstroIcon.astro';
</div> </div>
</div> </div>
<div class='text-left sm:text-right max-w-[365px]'> <div class='max-w-[365px] text-left sm:text-right'>
<a href='https://thenewstack.io' target='_blank'> <a href='https://thenewstack.io' target='_blank'>
<img <img
src='/images/tns-sm.png' src='/images/tns-sm.png'
alt='ThewNewStack' alt='ThewNewStack'
class='my-1.5 mr-auto sm:mr-0 sm:ml-auto' class='my-1.5 mr-auto sm:ml-auto sm:mr-0'
width='200' width='200'
height='24.8' height='24.8'
/> />
</a> </a>
<p class='text-slate-300/60 my-4'> <p class='my-4 text-slate-300/60'>
The leading DevOps resource for Kubernetes, cloud-native computing, and the latest in at-scale development, The leading DevOps resource for Kubernetes, cloud-native computing,
deployment, and management. and the latest in at-scale development, deployment, and management.
</p> </p>
<div class='text-gray-400 text-sm'> <div class='text-sm text-gray-400'>
<p> <p>
<a <a
href='https://thenewstack.io/category/devops?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Footer' href='https://thenewstack.io/category/devops?utm_source=roadmap.sh&utm_medium=Referral&utm_campaign=Footer'