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:
@@ -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>
|
||||
Reference in New Issue
Block a user