angelus: align styling with other faith routes
All checks were successful
CI / update (push) Successful in 1m22s

This commit is contained in:
2026-02-02 23:13:02 +01:00
parent 58a0496ff3
commit 52ae9659b8

View File

@@ -23,19 +23,17 @@
</svelte:head>
<div class="angelus-page">
<div class="header">
<h1>Angelus</h1>
<div class="controls">
<div class="toggle-controls">
<LanguageToggle />
</div>
</div>
<div class="prayers-content">
<div class="prayer-section">
<Prayer>
<!-- First Versicle and Response -->
<p>
<v lang="la"><i>℣.</i> Angelus Domini nuntiavit Mariae.</v>
<v lang="la"><i>℣.</i> Angelus Domini nuntiavit Mariæ.</v>
<v lang="de"><i>℣.</i> Der Engel des Herrn brachte Maria die Botschaft</v>
<v lang="en"><i>℣.</i> The Angel of the Lord declared unto Mary.</v>
<v lang="la"><i>℟.</i> Et concepit de Spiritu Sancto.</v>
@@ -215,4 +213,14 @@ v[lang=en] i{
color: var(--red);
}
h1 {
text-align: center;
font-size: 2.5rem;
margin-bottom: 0.5em;
}
.toggle-controls {
display: flex;
justify-content: center;
margin-bottom: 2rem;
}
</style>