+31
appview/pages/templates/timeline/fragments/goodfirstissues.html
+31
appview/pages/templates/timeline/fragments/goodfirstissues.html
···
1
+
{{ define "timeline/fragments/goodfirstissues" }}
2
+
<div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-sm mb-4">
3
+
<div class="px-6 py-4">
4
+
<div class="flex flex-col md:flex-row items-center gap-4">
5
+
<div class="flex-1">
6
+
<div class="flex items-center gap-2 mb-2">
7
+
<span class="text-sm text-gray-500 dark:text-gray-400">Oct–Nov 2025</span>
8
+
</div>
9
+
<h4 class="text-base font-semibold text-gray-900 dark:text-white mb-2">
10
+
Get your first PR merged and earn Dolly stickers! 🎉
11
+
</h4>
12
+
<p class="text-sm text-gray-600 dark:text-gray-300 mb-3">
13
+
Merge a PR for "good first issue" (make this a label) a and get Tangled stickers shipped free.
14
+
</p>
15
+
<a href="/goodfirstissues"
16
+
class="btn my-2 gap-2">
17
+
browse issues
18
+
{{ i "arrow-right" "size-4" }}
19
+
</a>
20
+
</div>
21
+
<div class="flex-shrink-0">
22
+
<div class="flex items-center gap-1 p-3 bg-gradient-to-r from-purple-50 to-pink-50 dark:from-purple-900/20 dark:to-pink-900/20 rounded border border-purple-200 dark:border-purple-700">
23
+
{{ template "fragments/dolly/logo" "w-6 h-6" }}
24
+
{{ template "fragments/dolly/silhouette" }}
25
+
<span class="text-xs text-purple-600 dark:text-purple-400 font-medium">Free stickers!</span>
26
+
</div>
27
+
</div>
28
+
</div>
29
+
</div>
30
+
</div>
31
+
{{ end }}
+1
appview/pages/templates/timeline/home.html
+1
appview/pages/templates/timeline/home.html
···
12
12
<div class="flex flex-col gap-4">
13
13
{{ template "timeline/fragments/hero" . }}
14
14
{{ template "features" . }}
15
+
{{ template "timeline/fragments/goodfirstissues" . }}
15
16
{{ template "timeline/fragments/trending" . }}
16
17
{{ template "timeline/fragments/timeline" . }}
17
18
<div class="flex justify-end">
+1
appview/pages/templates/timeline/timeline.html
+1
appview/pages/templates/timeline/timeline.html