thesandwi.ch/src/components/tab-content.html
Isaac Mills c391dbbbed
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Remove unused img and svg attributes in project component
2025-07-09 21:23:05 -06:00

20 lines
No EOL
1,011 B
HTML

<script props>
module.exports = {
selected: Number(props.selected || '0')
}
</script>
<nav class="tab-list" role="tablist" hx-indicator="#indicator">
<button hx-get="/partials/projects.html" hx-push-url="/projects.html" class="{{ selected-- == 0 ? 'selected' : '' }}"
role="tab" aria-selected="{{ selected == -1 ? 'true' : 'false' }}" aria-controls="tab-content">Our
Projects</button>
<button hx-get="/partials/who_we_are.html" hx-push-url="/who_we_are.html"
class="{{ selected-- == 0 ? 'selected' : '' }}" role="tab" aria-selected="{{ selected == -1 ? 'true' : 'false' }}"
aria-controls="tab-content">Who we are</button>
<button hx-get="/partials/interests.html" hx-push-url="/interests.html"
class="{{ selected-- == 0 ? 'selected' : '' }}" role="tab" aria-selected="{{ selected == -1 ? 'true' : 'false' }}"
aria-controls="tab-content">Our Interests</button>
</nav>
<hr style="margin: 0">
<div id="tab-content" role="tabpanel" class="tab-content">
<yield></yield>
</div>