···

       
1
       
1
       
+
       
{{ define "timeline/fragments/goodfirstissues" }}

     

       
2
       
2
       
+
       
  <div class="bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-sm mb-4">

     

       
3
       
3
       
+
       
      <div class="px-6 py-4">

     

       
4
       
4
       
+
       
          <div class="flex flex-col md:flex-row items-center gap-4">

     

       
5
       
5
       
+
       
              <div class="flex-1">

     

       
6
       
6
       
+
       
                  <div class="flex items-center gap-2 mb-2">

     

       
7
       
7
       
+
       
                      <span class="text-sm text-gray-500 dark:text-gray-400">Oct&ndash;Nov 2025</span>

     

       
8
       
8
       
+
       
                  </div>

     

       
9
       
9
       
+
       
                  <h4 class="text-base font-semibold text-gray-900 dark:text-white mb-2">

     

       
10
       
10
       
+
       
                      Get your first PR merged and earn Dolly stickers! 🎉

     

       
11
       
11
       
+
       
                  </h4>

     

       
12
       
12
       
+
       
                  <p class="text-sm text-gray-600 dark:text-gray-300 mb-3">

     

       
13
       
13
       
+
       
                      Merge a PR for "good first issue" (make this a label) a and get Tangled stickers shipped free.

     

       
14
       
14
       
+
       
                  </p>

     

       
15
       
15
       
+
       
                  <a href="/goodfirstissues"

     

       
16
       
16
       
+
       
                     class="btn my-2 gap-2">

     

       
17
       
17
       
+
       
                     browse issues

     

       
18
       
18
       
+
       
                      {{ i "arrow-right" "size-4" }}

     

       
19
       
19
       
+
       
                  </a>

     

       
20
       
20
       
+
       
              </div>

     

       
21
       
21
       
+
       
              <div class="flex-shrink-0">

     

       
22
       
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
       
23
       
+
       
                      {{ template "fragments/dolly/logo" "w-6 h-6" }}

     

       
24
       
24
       
+
       
                      {{ template "fragments/dolly/silhouette" }}

     

       
25
       
25
       
+
       
                      <span class="text-xs text-purple-600 dark:text-purple-400 font-medium">Free stickers!</span>

     

       
26
       
26
       
+
       
                  </div>

     

       
27
       
27
       
+
       
              </div>

     

       
28
       
28
       
+
       
          </div>

     

       
29
       
29
       
+
       
      </div>

     

       
30
       
30
       
+
       
  </div>

     

       
31
       
31
       
+
       
{{ end }}

     

···

       
12
       
12
       
 
       
  <div class="flex flex-col gap-4">

     

       
13
       
13
       
 
       
    {{ template "timeline/fragments/hero" . }}

     

       
14
       
14
       
 
       
    {{ template "features" . }}

     

       
15
       
15
       
+
       
    {{ template "timeline/fragments/goodfirstissues" . }}

     

       
15
       
16
       
 
       
    {{ template "timeline/fragments/trending" . }}

     

       
16
       
17
       
 
       
    {{ template "timeline/fragments/timeline" . }}

     

       
17
       
18
       
 
       
    <div class="flex justify-end">

     

···

       
13
       
13
       
 
       
       {{ template "timeline/fragments/hero" . }}

     

       
14
       
14
       
 
       
     {{ end }}

     

       
15
       
15
       
 
       


     

       
16
       
16
       
+
       
    {{ template "timeline/fragments/goodfirstissues" . }}

     

       
16
       
17
       
 
       
    {{ template "timeline/fragments/trending" . }}

     

       
17
       
18
       
 
       
    {{ template "timeline/fragments/timeline" . }}

     

       
18
       
19
       
 
       
{{ end }}