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:
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user