kot.pink
1{{ define "timeline/fragments/goodfirstissues" }}
2 {{ if .GfiLabel }}
3 <a href="/goodfirstissues" class="no-underline hover:no-underline">
4 <div class="flex items-center justify-between gap-2 bg-purple-200 dark:bg-purple-900 border border-purple-400 dark:border-purple-500 rounded mb-4 py-4 px-6 ">
5 <div class="flex-1 flex flex-col gap-2">
6 <div class="text-purple-500 dark:text-purple-400">Oct 2025</div>
7 <p>
8 Make your first contribution to an open-source project this October.
9 <em>good-first-issue</em> helps new contributors find easy ways to
10 start contributing to open-source projects.
11 </p>
12 <span class="flex items-center gap-2 text-purple-500 dark:text-purple-400">
13 Browse issues {{ i "arrow-right" "size-4" }}
14 </span>
15 </div>
16 <div class="hidden md:block relative px-16 scale-150">
17 <div class="relative opacity-60">
18 {{ template "labels/fragments/label" (dict "def" .GfiLabel "val" "" "withPrefix" true) }}
19 </div>
20 <div class="relative -mt-4 ml-2 opacity-80">
21 {{ template "labels/fragments/label" (dict "def" .GfiLabel "val" "" "withPrefix" true) }}
22 </div>
23 <div class="relative -mt-4 ml-4">
24 {{ template "labels/fragments/label" (dict "def" .GfiLabel "val" "" "withPrefix" true) }}
25 </div>
26 </div>
27 </div>
28 </a>
29 {{ end }}
30{{ end }}