TheSANDWICH/thesandwi.ch
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add tabs
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Isaac Mills 2025-07-09 12:22:15 -06:00
parent e978d5fa53
commit c8d209facd
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
12 changed files with 270 additions and 144 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/tab-content.html Normal file
View file

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