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

Make links accessible
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Isaac Mills 2025-07-12 19:08:20 -06:00
parent b51e43f431
commit 046274bda8
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
10 changed files with 24 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/project.html
View file

@ -11,7 +11,7 @@
<div class="figure">
<slot:img></slot:img>
</div>
<if condition="text != ''">
<if condition="text != '' && !$slots.text?.filled">
<p style="font-size: 200px; text-align: center; margin: 0; padding: 0;">{{text}}</p>
</if>
<markdown>

10
src/components/tab-button.html Normal file
View file

@ -0,0 +1,10 @@
<script props>
module.exports = {
page: props.page,
aria_selected: Boolean(props.selected)
}
</script>
<button hx-get="/partials/{{page}}" hx-push-url="/{{page}}" role="tab" aria-selected="{{aria_selected}}"
aria-controls="tab-content">
<yield></yield>
</button>

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

@ -4,18 +4,10 @@
}
</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>
<button hx-get="/partials/page_four.html" hx-push-url="/page_four.html"
class="{{ selected-- == 0 ? 'selected' : '' }}" role="tab" aria-selected="{{ selected == -1 ? 'true' : 'false' }}"
aria-controls="tab-content">Page Four</button>
<x-tab-button page="projects.html" selected="{{ selected-- == 0 }}">Our Projects</x-tab-button>
<x-tab-button page="who_we_are.html" selected="{{ selected-- == 0 }}">Who we are</x-tab-button>
<x-tab-button page="interests.html" selected="{{ selected-- == 0 }}">Our Interests</x-tab-button>
<x-tab-button page="page_four.html" selected="{{ selected-- == 0 }}">Page Four</x-tab-button>
</nav>
<hr style="margin: 0">
<div id="tab-content" role="tabpanel" class="tab-content">