Skip to content

Commit ae5b823

Browse files
committed
refactor: update concept list item layout and text
Rearrange the clock icon in the concept list item to improve visual consistency. Update the text in the track template to better engage users by referencing the specific programming language, enhancing clarity and relevance.
1 parent ac94394 commit ae5b823

File tree

3 files changed

+21
-5
lines changed

3 files changed

+21
-5
lines changed

app/components/track-page/primer-concept-group-card/concept-list-item.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -21,12 +21,12 @@
2121
{{svg-jar "check" class="ml-1 w-5 text-teal-500"}}
2222
{{else}}
2323
<div class="items-center gap-1 pl-4 hidden sm:flex flex-shrink-0">
24-
{{svg-jar "clock" class="w-4 fill-current text-gray-300 dark:text-gray-700"}}
25-
2624
<span class="text-xs text-gray-400 dark:text-gray-600">
2725
{{@concept.estimatedReadingTimeInMinutes}}
2826
mins
2927
</span>
28+
29+
{{svg-jar "clock" class="w-4 fill-current text-gray-300 dark:text-gray-700"}}
3030
</div>
3131
{{/if}}
3232
</div>

app/components/track-page/primer-concept-group-card/index.hbs

+2-2
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,9 @@
1313
</:afterTitle>
1414

1515
<:default>
16-
<div class="leading-6 prose dark:prose-invert mb-4">
16+
{{!-- <div class="leading-6 prose dark:prose-invert mb-4">
1717
New to Rust? Start with our interactive concepts that cover the basics.
18-
</div>
18+
</div> --}}
1919

2020
<TrackPage::PrimerConceptGroupCard::ConceptList @conceptGroup={{@conceptGroup}} />
2121
</:default>

app/templates/track.hbs

+17-1
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,20 @@
1111
<div class="flex items-start">
1212
<div class="flex-grow">
1313
{{#if this.trackPrimerConceptGroup}}
14+
<div class="border-b pb-1 mb-4 flex">
15+
<div class="text-2xl font-semibold text-gray-800 dark:text-gray-200">
16+
{{@model.language.name}}
17+
Basics
18+
</div>
19+
</div>
20+
21+
<div class="prose dark:prose-invert mb-4">
22+
<p>
23+
New to
24+
{{@model.language.name}}? Start with our interactive concepts that cover the basics.
25+
</p>
26+
</div>
27+
1428
<TrackPage::PrimerConceptGroupCard @language={{@model.language}} @conceptGroup={{this.trackPrimerConceptGroup}} class="w-full mb-6" />
1529

1630
<div class="border-b pb-1 mb-4 flex">
@@ -22,7 +36,9 @@
2236

2337
<div class="prose dark:prose-invert mb-4">
2438
<p>
25-
Ready to get your hands dirty? Here are some projects you can build.
39+
Time to put those
40+
{{@model.language.name}}
41+
skills to the test. Practice by building these projects.
2642
</p>
2743
</div>
2844
{{/if}}

0 commit comments

Comments
 (0)