feat: add Coming Soon badge to Tailwind section

- Show Coming Soon badge on Tailwind landing card
- Disable Tailwind topic links with Coming Soon badges
- Add i18n translations for Coming Soon in all 6 languages
- Add CSS for disabled states and badge styling

🤖 Generated with [Claude Code](https://claude.com/claude-code)
This commit is contained in:
2026-01-16 03:36:15 +01:00
parent 8ad0d273a3
commit 80baa4a1fc
4 changed files with 53 additions and 12 deletions

View File

@@ -74,8 +74,7 @@
<nav class="main-nav" id="main-nav" aria-label="Main sections">
<a href="#css" class="nav-link" data-section="css">CSS</a>
<a href="#html" class="nav-link" data-section="html">HTML</a>
<!-- Tailwind disabled until lessons are ready -->
<!-- <a href="#tailwind" class="nav-link" data-section="tailwind">Tailwind</a> -->
<a href="#tailwind" class="nav-link" data-section="tailwind">Tailwind</a>
<a href="#reference/css" class="nav-link nav-link-ref" data-section="reference">Reference</a>
</nav>
<button id="help-btn" class="help-toggle" data-i18n-aria-label="help" aria-label="Help">?</button>
@@ -151,15 +150,12 @@
<p data-i18n="landingHtmlDesc">Semantic markup and native elements</p>
<span class="section-card-progress" id="html-progress"></span>
</a>
<!-- Tailwind disabled until lessons are ready -->
<!--
<a href="#tailwind" class="section-card" data-section="tailwind">
<div class="section-card section-card-disabled" data-section="tailwind">
<span class="coming-soon-badge" data-i18n="comingSoon">Coming Soon</span>
<div class="section-card-icon" style="background: #06b6d4">TW</div>
<h3>Tailwind CSS</h3>
<p data-i18n="landingTailwindDesc">Utility-first CSS framework</p>
<span class="section-card-progress" id="tailwind-progress"></span>
</a>
-->
</div>
</div>
</section>