feat: update section card colors to match completion badge theme

This commit is contained in:
2026-01-16 03:39:21 +01:00
parent edb09ab065
commit 46f91ff02a
2 changed files with 6 additions and 6 deletions

View File

@@ -139,19 +139,19 @@
<h2 data-i18n="landingPathsTitle">Explore Learning Paths</h2>
<div class="section-cards" id="section-cards">
<a href="#css" class="section-card" data-section="css">
<div class="section-card-icon" style="background: #264de4">CSS</div>
<div class="section-card-icon" style="background: #7c4dff">CSS</div>
<h3>CSS</h3>
<p data-i18n="landingCssDesc">Styling, layout, and animations</p>
<span class="section-card-progress" id="css-progress"></span>
</a>
<a href="#html" class="section-card" data-section="html">
<div class="section-card-icon" style="background: #e34c26">HTML</div>
<div class="section-card-icon" style="background: #9b59b6">HTML</div>
<h3>HTML</h3>
<p data-i18n="landingHtmlDesc">Semantic markup and native elements</p>
<span class="section-card-progress" id="html-progress"></span>
</a>
<a href="#tailwind" class="section-card" data-section="tailwind">
<div class="section-card-icon" style="background: #06b6d4">TW</div>
<div class="section-card-icon" style="background: #00bcd4">TW</div>
<h3>Tailwind CSS</h3>
<p data-i18n="landingTailwindDesc">Utility-first CSS framework</p>
<span class="section-card-progress" id="tailwind-progress"></span>