feat: implement interactive rosary with bilingual prayer components
- Create reusable prayer components (Paternoster, AveMaria, GloriaPatri, Kreuzzeichen, Credo, FatimaGebet) - Add bilingual display (Latin/German) with proper styling differentiation - Implement scrolling SVG visualization that syncs with prayers - Add mystery highlighting for Ave Maria (Latin in red, German in orange) - Separate Gesätze (decades) from transition prayers (Gloria, Fatima, Paternoster) - Complete full Nicene Creed text - Split initial three Ave Marias into individual sections (Faith, Hope, Love) - Add Latin versions for all rosary mysteries (joyful, sorrowful, glorious, luminous) - Make visualization beads larger and remove container styling for seamless background integration - Fix SVG coordinate-to-pixel conversion for accurate scroll synchronization
This commit is contained in:
25
src/lib/components/prayers/AveMaria.svelte
Normal file
25
src/lib/components/prayers/AveMaria.svelte
Normal file
@@ -0,0 +1,25 @@
|
||||
<script>
|
||||
export let mystery = ""; // For rosary mysteries (German)
|
||||
export let mysteryLatin = ""; // For rosary mysteries (Latin)
|
||||
</script>
|
||||
|
||||
<p>
|
||||
<v lang="la">Ave María, grátia plena. Dóminus tecum,</v>
|
||||
<v lang="de">Gegrüsset seist du Maria, voll der Gnade; der Herr ist mit dir;</v>
|
||||
<v lang="la">benedícta tu in muliéribus,</v>
|
||||
<v lang="de">du bist gebenedeit unter den Weibern,</v>
|
||||
<v lang="la">et benedíctus fructus ventris tui, {#if !mysteryLatin}Jesus.{/if}</v>
|
||||
<v lang="de">und gebenedeit ist die Frucht deines Leibes, {#if !mystery}Jesus.{/if}</v>
|
||||
{#if mysteryLatin}
|
||||
<v lang="la" class="mystery-text">{mysteryLatin}</v>
|
||||
{/if}
|
||||
{#if mystery}
|
||||
<v lang="de" class="mystery-text">{mystery}</v>
|
||||
{/if}
|
||||
</p>
|
||||
<p>
|
||||
<v lang="la">Sancta María, mater Dei, ora pro nobis peccatóribus,</v>
|
||||
<v lang="de">Heilige Maria, Mutter Gottes, bitte für uns Sünder</v>
|
||||
<v lang="la">nunc, et in hora mortis nostræ. Amen.</v>
|
||||
<v lang="de">jetzt und in der Stunde unseres Todes! Amen.</v>
|
||||
</p>
|
||||
Reference in New Issue
Block a user