Mediusa/ibbcaracas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(header): clean up emergency banner, eliminate duplicate desktop CTA, replace FAQ text, and fix nav link collisions

Browse Source
This commit is contained in:
Mediusa
2026-09-02 17:42:23 -07:00
parent bdf5aa2d9a
commit 9c47969815
3 changed files with 138 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+17 -15
View File
@@ -160,54 +160,56 @@
<!-- Skip Link for Accessibility (WCAG 2.1 AA) -->
<a href="#rebuilding-fund" class="skip-link" data-i18n="nav.skip">Skip to main content</a>
<!-- Header / Navigation -->
<!-- Header / Navigation -->
<header class="site-header">
<!-- Emergency Announcement Top Bar -->
<div class="emergency-bar">
<div class="container emergency-container">
<span class="pulse-dot"></span>
<strong data-i18n="hero.eyebrow">URGENT RELIEF & REBUILDING INITIATIVE • CARACAS, VENEZUELA</strong>:
<span data-i18n="relief.urgent_alert">Priority Need: Repairing structural wall fissures in the sanctuary and restoring seminary classrooms.</span>
<a href="#rebuilding-fund" class="emergency-link" data-i18n="nav.relief_cta">Earthquake Relief Fund →</a>
<span class="pulse-dot" aria-hidden="true"></span>
<span class="emergency-badge" data-i18n="emergency.badge">URGENT RELIEF</span>
<span class="emergency-divider" aria-hidden="true">•</span>
<span class="emergency-text" data-i18n="emergency.text">Caracas Earthquake Initiative: Urgent Sanctuary & Seminary Rebuilding</span>
<a href="#rebuilding-fund" class="emergency-link open-donate-modal" data-i18n="emergency.cta">Give Relief →</a>
</div>
</div>
<!-- Main Navigation Bar -->
<div class="container nav-container">
<a href="#" class="brand">
<div class="brand-icon">✝</div>
<a href="#" class="brand" aria-label="Iglesia Bíblica Bautista - Caracas, Venezuela">
<div class="brand-icon" aria-hidden="true">✝</div>
<div class="brand-text">
<span class="brand-name" data-i18n="nav.brand_title">Iglesia Bíblica Bautista</span>
<span class="brand-sub" data-i18n="nav.brand_subtitle">Vista Alegre • Caracas, Venezuela</span>
</div>
</a>
<!-- Navigation Links (Concise, single-line, clean) -->
<nav id="nav-links" class="nav-links">
<!-- Navigation Links -->
<nav id="nav-links" class="nav-links" aria-label="Main Navigation">
<a href="#crisis-problem" data-i18n="nav.need">The Need</a>
<a href="#about-pastor" data-i18n="nav.about">Pastor Víctor</a>
<a href="#how-to-help" data-i18n="nav.plan">The Plan</a>
<a href="#seminary" data-i18n="nav.seminary">Seminary</a>
<a href="#faq" data-i18n="faq.title">FAQ</a>
<a href="#faq" data-i18n="nav.faq">FAQ</a>
<a href="#location" data-i18n="nav.location">Location</a>
<a href="#contact" data-i18n="nav.contact">Contact</a>
<a href="#rebuilding-fund" class="btn btn-relief mobile-drawer-cta open-donate-modal" data-i18n="nav.relief_cta">Earthquake Relief</a>
<div class="mobile-drawer-footer">
<a href="#rebuilding-fund" class="btn btn-relief btn-full open-donate-modal" data-i18n="nav.relief_cta">Earthquake Relief</a>
</div>
</nav>
<!-- Language & CTA Actions -->
<div class="nav-actions">
<div class="lang-switch" role="group" aria-label="Language Selector">
<button id="lang-en" class="lang-btn active" title="Switch to English">
<button id="lang-en" class="lang-btn active" title="Switch to English" aria-pressed="true">
<span>🇺🇸</span> EN
</button>
<button id="lang-es" class="lang-btn" title="Cambiar a Español">
<button id="lang-es" class="lang-btn" title="Cambiar a Español" aria-pressed="false">
<span>🇻🇪</span> ES
</button>
</div>
<a href="#rebuilding-fund" class="btn btn-relief nav-cta-btn open-donate-modal" data-i18n="nav.relief_cta">Earthquake Relief</a>
<button id="mobile-toggle" class="mobile-toggle" aria-label="Open Navigation Menu">☰</button>
<button id="mobile-toggle" class="mobile-toggle" aria-label="Toggle navigation menu" aria-expanded="false">☰</button>
</div>
</div>
</header>