faith: add bilingual routes /glaube ↔ /faith

Add language toggle support for faith pages similar to recipes.
Routes now work in both German and English:
- /glaube ↔ /faith
- /glaube/gebete ↔ /faith/prayers
- /glaube/rosenkranz ↔ /faith/rosary
- /glaube/angelus ↔ /faith/angelus
This commit is contained in:
2026-02-02 16:15:47 +01:00
parent 87d5e9cbc0
commit 1a5117e8d0
16 changed files with 322 additions and 131 deletions

View File

@@ -0,0 +1,52 @@
<script>
export let is_bilingue;
export let name;
</script>
<style>
div.gebet{
text-align: center;
font-size: 1.25em;
}
:global(.gebet v){
margin:0;
display: block;
}
:global(.gebet v:lang(la)) {
color: var(--nord6);
}
:global(.bilingue v:lang(de)){
color: grey;
}
.gebet_wrapper h2{
text-align: center;
padding-bottom: 0.5em;
}
:global(.gebet i){
font-style: normal;
color: var(--nord11);
font-weight: 900;
}
.gebet_wrapper{
padding: 1em;
background-color: var(--accent-dark);
box-shadow: 0 0 1em black;
max-width: 600px;
}
@media(prefers-color-scheme: light){
.gebet_wrapper{
background-color: var(--accent-light);
}
:global(.gebet v:lang(la)){
color: black;
}
}
</style>
<div class="gebet_wrapper">
<h2>{name}</h2>
<slot name="intro"></slot>
<div class="gebet" class:bilingue={is_bilingue}>
<slot></slot>
</div>
</div>