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:
2025-12-04 00:07:02 +01:00
parent cc480b35e7
commit b3ca1b9bc3
7 changed files with 683 additions and 483 deletions

View 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>