computer-scienceangular-roadmapbackend-roadmapblockchain-roadmapdba-roadmapdeveloper-roadmapdevops-roadmapfrontend-roadmapgo-roadmaphactoberfestjava-roadmapjavascript-roadmapnodejs-roadmappython-roadmapqa-roadmapreact-roadmaproadmapstudy-planvue-roadmapweb3-roadmap
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
898 B
33 lines
898 B
--- |
|
import Icon from './Icon.astro'; |
|
--- |
|
|
|
<div |
|
class='sticky top-0 border-b border-b-yellow-300 z-10 flex h-[37px]' |
|
youtube-banner |
|
> |
|
<a |
|
href='https://youtube.com/theroadmap?sub_confirmation=1' |
|
target='_blank' |
|
class='flex bg-yellow-200 text-center flex-1 items-center justify-center text-sm hover:bg-yellow-300 outline-0' |
|
> |
|
<Icon icon='youtube' class='mr-2' /> We now have a YouTube Channel. <span |
|
class='hidden sm:inline'>Subscribe for the video content.</span |
|
> |
|
</a> |
|
<button |
|
class='text-yellow-500 bg-yellow-200 hover:text-yellow-900 hover:bg-yellow-400 outline-0 px-2' |
|
aria-label='Close' |
|
close-youtube-banner |
|
> |
|
<Icon icon='close' /> |
|
</button> |
|
</div> |
|
|
|
<script> |
|
document |
|
.querySelector('[close-youtube-banner]') |
|
?.addEventListener('click', () => { |
|
document.querySelector('[youtube-banner]').remove(); |
|
}); |
|
</script>
|
|
|