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.
31 lines
920 B
31 lines
920 B
--- |
|
import type { RoadmapFileType } from '../lib/roadmap'; |
|
|
|
export interface Props { |
|
roadmap: RoadmapFileType; |
|
} |
|
|
|
const { roadmap } = Astro.props; |
|
const frontmatter = roadmap.frontmatter; |
|
--- |
|
|
|
<a |
|
href={`/${roadmap.id}`} |
|
class="bg-gradient-to-r from-slate-900 to-amber-900 hover:from-stone-900 hover:to-stone-900 hover:bg-gray-100 flex flex-col p-2.5 sm:p-5 rounded-md sm:rounded-lg border border-gray-200 relative h-full" |
|
> |
|
<span |
|
class="font-regular sm:font-medium text-md sm:text-xl hover:text-gray-50 text-gray-200 sm:text-gray-100 mb-0 sm:mb-1.5" |
|
>{frontmatter.title}</span |
|
> |
|
<span class="text-sm leading-normal text-gray-400 hidden sm:block" |
|
>{frontmatter.description}</span |
|
> |
|
|
|
{ |
|
frontmatter.isNew && ( |
|
<span class="absolute bottom-1 right-1 bg-yellow-300 text-yellow-900 text-xs font-medium px-1 sm:px-1.5 py-0.5 rounded-sm uppercase"> |
|
New |
|
</span> |
|
) |
|
} |
|
</a>
|
|
|