Clean Exclusive Accordion
Best for: lore entries • FAQs • codex pagesOne panel open at a time. Feels tidy, like turning a page. Use for canon, glossary, or your “Four Sisters” breakdowns.
Truth before comfort. Aevraya shows you what you hid from yourself, in your own voice. First mercy is seeing without distortion. Without this, no other current can move.
Forgiveness is motion, not absolution. Warm water appears where you confess. Tend both wounds — yours and your enemy’s — or the flame gutters.
To create is to remember. In the silence after loss, make something — song, word, gesture — and let the river echo it back larger than grief.
Integration over denial. Everything you cast away stands up and walks toward you. The current drowns fighters, crowns those who embrace.
<div class="accordion">
<div class="acc-item open">
<button class="acc-btn">Section title <span>⌄</span></button>
<div class="acc-panel">Hidden content...</div>
</div>
</div>
<style>
.accordion{border:1px solid rgba(255,255,255,.14);border-radius:12px;overflow:hidden}
.acc-panel{max-height:0;overflow:hidden;transition:max-height .35s ease}
.acc-item.open .acc-panel{max-height:400px;padding:12px 16px}
</style>
<script>
document.querySelectorAll('.acc-btn').forEach(btn=>{
btn.addEventListener('click',()=>{
const item=btn.parentElement;
const wasOpen=item.classList.contains('open');
document.querySelectorAll('.acc-item').forEach(i=>i.classList.remove('open'));
if(!wasOpen) item.classList.add('open');
});
});
</script>