fix(leader): correct accordion button closing tags

All 9 accordion buttons now have matching opening <button> and closing </button> tags. Previous deployment had </div> closing tags causing rendering issues.

Fixes mid-section formatting glitches where accordion content wasn't displaying.
This commit is contained in:
TheFlow 2025-10-23 00:24:58 +13:00
parent 7bf30fffb2
commit 685afbf9d0

View file

@ -17,9 +17,9 @@
<link rel="apple-touch-icon" href="/images/tractatus-icon-new.svg">
<link rel="icon" type="image/svg+xml" href="/favicon-new.svg">
<link rel="stylesheet" href="/css/fonts.css?v=1761131829">
<link rel="stylesheet" href="/css/tailwind.css?v=1761131829">
<link rel="stylesheet" href="/css/tractatus-theme.min.css?v=1761131829">
<link rel="stylesheet" href="/css/fonts.css?v=1761132294">
<link rel="stylesheet" href="/css/tailwind.css?v=1761132294">
<link rel="stylesheet" href="/css/tractatus-theme.min.css?v=1761132294">
<style>
.hover-lift { transition: all 0.3s ease; }
.hover-lift:hover { transform: translateY(-2px); }
@ -63,7 +63,7 @@
<a href="#main-content" class="skip-link">Skip to main content</a>
<script src="/js/components/navbar.js?v=1761131829"></script>
<script src="/js/components/navbar.js?v=1761132294"></script>
<!-- Breadcrumb Navigation -->
<nav class="bg-gray-50 border-b border-gray-200 py-3" aria-label="Breadcrumb">
@ -121,7 +121,7 @@
<svg id="arch-layers-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="arch-layers-content" class="accordion-content" role="region" aria-labelledby="arch-layers-button">
<div class="p-5 border-t border-gray-200 space-y-3 text-sm text-gray-700">
<div class="flex gap-3">
@ -153,7 +153,7 @@
<svg id="services-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="services-content" class="accordion-content" role="region" aria-labelledby="services-button">
<div class="p-5 border-t border-gray-200 space-y-3 text-sm">
<div class="border-l-2 border-amber-500 pl-4">
@ -202,7 +202,7 @@
<svg id="demo-audit-icon" class="accordion-icon w-5 h-5 text-gray-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="demo-audit-content" class="accordion-content" role="region" aria-labelledby="demo-audit-button">
<div class="p-5 border-t border-gray-200">
<div class="bg-white rounded border border-gray-200 p-4 mb-4">
@ -259,7 +259,7 @@
<svg id="demo-learning-icon" class="accordion-icon w-5 h-5 text-gray-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="demo-learning-content" class="accordion-content" role="region" aria-labelledby="demo-learning-button">
<div class="p-5 border-t border-gray-200">
<div class="space-y-4">
@ -327,7 +327,7 @@
<svg id="demo-deliberation-icon" class="accordion-icon w-5 h-5 text-gray-500 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="demo-deliberation-content" class="accordion-content" role="region" aria-labelledby="demo-deliberation-button">
<div class="p-5 border-t border-gray-200">
<div class="space-y-4">
@ -431,7 +431,7 @@
<svg id="validation-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="validation-content" class="accordion-content" role="region" aria-labelledby="validation-button">
<div class="p-5 border-t border-gray-200 space-y-4 text-sm text-gray-700">
<div>
@ -458,7 +458,7 @@
<svg id="euaiact-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="euaiact-content" class="accordion-content" role="region" aria-labelledby="euaiact-button">
<div class="p-5 border-t border-gray-200 prose prose-sm max-w-none text-gray-700">
<p class="mb-4">
@ -494,7 +494,7 @@
<svg id="research-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="research-content" class="accordion-content" role="region" aria-labelledby="research-button">
<div class="p-5 border-t border-gray-200 text-sm text-gray-700 space-y-3">
<p>
@ -544,7 +544,7 @@
<svg id="scope-icon" class="accordion-icon w-5 h-5 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</div>
</button>
<div id="scope-content" class="accordion-content" role="region" aria-labelledby="scope-button">
<div class="p-5 border-t border-gray-200 space-y-4 text-sm text-gray-700">
<div>
@ -605,20 +605,20 @@
<!-- Footer -->
<!-- Internationalization (must load first for footer translations) -->
<script src="/js/i18n-simple.js?v=1761131829"></script>
<script src="/js/components/language-selector.js?v=1761131829"></script>
<script src="/js/i18n-simple.js?v=1761132294"></script>
<script src="/js/components/language-selector.js?v=1761132294"></script>
<!-- Scroll Animations (Phase 3) -->
<script src="/js/scroll-animations.js?v=1761131829"></script>
<script src="/js/scroll-animations.js?v=1761132294"></script>
<!-- Page Transitions (Phase 3) -->
<script src="/js/page-transitions.js?v=1761131829"></script>
<script src="/js/page-transitions.js?v=1761132294"></script>
<!-- Version Management & PWA -->
<script src="/js/version-manager.js?v=1761131829"></script>
<script src="/js/leader-page.js?v=1761131829"></script>
<script src="/js/version-manager.js?v=1761132294"></script>
<script src="/js/leader-page.js?v=1761132294"></script>
<!-- Footer Component -->
<script src="/js/components/footer.js?v=1761131829"></script>
<script src="/js/components/footer.js?v=1761132294"></script>
</body>
</html>