fix: balance section colors - more vibrant but still readable

This commit is contained in:
2026-01-16 03:59:34 +01:00
parent 10354f1b57
commit 47cda00a81
3 changed files with 72 additions and 72 deletions

View File

@@ -149,19 +149,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: #7b68a6">CSS</div>
<div class="section-card-icon" style="background: #8b6bc4">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: #c75b7a">HTML</div>
<div class="section-card-icon" style="background: #d4637b">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: #4a9ea8">TW</div>
<div class="section-card-icon" style="background: #26a69a">TW</div>
<h3>Tailwind CSS</h3>
<p data-i18n="landingTailwindDesc">Utility-first CSS framework</p>
<span class="section-card-progress" id="tailwind-progress"></span>