diff --git a/README.md b/README.md index 5da8d8c..2e93885 100644 --- a/README.md +++ b/README.md @@ -6,27 +6,3 @@ The site selects the prayer for the visitor’s local browser time. It shows the morning prayer before noon and the evening prayer from noon onward. The tappable time-of-day label toggles between the two prayers. The page rechecks the browser time when it becomes visible again. - -## Development - -Serve the repository root with any static web server. -For example, run `python3 -m http.server 8000` and open `http://localhost:8000`. - -Pico CSS and the Literata reading font are vendored in `vendor/`. -The site has no build step and does not require Alpine.js. - -## Checks - -The project uses mise to pin Node.js, Prettier, and actionlint. -Run `mise install` and `mise run check` before submitting changes. -Run `mise run fmt` to format the website source files. - -## Publishing - -The workflow in `.github/workflows/pages.yml` publishes the site to GitHub Pages after a push to `master`. -In the repository settings, set **Pages → Build and deployment → Source** to **GitHub Actions**. -The standard project-site address will be `https://nnutter.github.io/prayers/`. - -## Source - -The prayers are from [Luther’s Small Catechism](https://bookofconcord.org/small-catechism/). diff --git a/apple-touch-icon.png b/apple-touch-icon.png new file mode 100644 index 0000000..ca02811 Binary files /dev/null and b/apple-touch-icon.png differ diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..07baeeb Binary files /dev/null and b/favicon.ico differ diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 0000000..78ea2dc --- /dev/null +++ b/favicon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index c9667a2..6161dc6 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,9 @@ + + + - Good morning + + Good morning +

@@ -36,201 +39,153 @@ -

+
-
+

Morning Prayer

-

Rise to God's glory

+

Rise in God's grace

+
+
-

+

In the morning when you get up, make the sign of the holy cross and say:

-

- In the name of the Father
- and of the Son
- and of the Holy Spirit.
- Amen. -

-

- Then, kneeling or standing, repeat the Apostles’ Creed and the - Lord’s Prayer: -

-
-
-
-

Apostles’ Creed

-
-

- I believe in God,
- the Father Almighty,
- Maker of heaven and earth. -

-

- And in Jesus Christ,
- His only Son,
- our Lord,
- who was conceived by the Holy Spirit,
- born of the virgin Mary,
- suffered under Pontius Pilate,
- was crucified, died and was buried.
- He descended into hell.
- The third day He rose again from the dead.
- He ascended into heaven
-   and sits at the right hand of God, the Father - Almighty.
- From thence He will come to judge
-   the living and the dead. -

-

- I believe in the Holy Spirit,
- the holy Christian Church,
- the communion of saints,
- the forgiveness of sins,
- the resurrection of the body,
- and the life everlasting.
- Amen. -

-
-
-
-

The Lord’s Prayer

-
-

- Our Father who art in heaven,
- hallowed be Thy name,
- Thy kingdom come,
- Thy will be done
-   on earth as it is in heaven.
- Give us this day our daily bread;
- and forgive us our trespasses,
-   as we forgive those
-   who trespass against us;
- and lead us not into temptation,
- but deliver us from evil.
- For Thine is the kingdom
-   and the power
-   and the glory
-   forever and ever.
- Amen. -

-
-
-
-
-

- If you choose, you may also say this little prayer: +

+

Trinitiarian Formula

- I thank you, my heavenly Father,
- through Jesus Christ, Your dear Son,
- that You have kept me this night
-   from all harm and danger;
- and I pray that You would keep me this day
-   also from sin and every evil,
- that all my doings and life may please You.
- For into Your hands I commend myself,
-   my body and soul, and all things.
- Let Your holy angel be with me,
- that the evil foe may have
-   no power over me.
+ In the name of the Father and of the Son and of the Holy Spirit. Amen.

-

- Then go joyfully to your work, singing a hymn, like that of the Ten - Commandments, or whatever your devotion may suggest. -

-
-
- -

- From Luther’s Small Catechism. + From Luther’s Small Catechism, Read the source + read the source. + +
+ The Luther Rose icons are based on + + Lutherrose.svg + + and licensed under + + CC BY-SA 3.0 .

diff --git a/script.js b/script.js index 70d770c..1087ac4 100644 --- a/script.js +++ b/script.js @@ -9,8 +9,7 @@ const prayerPeriods = { }, }; -const prayerPanels = document.querySelectorAll("[data-prayer-panel]"); -const commonPrayers = document.querySelector("#common-prayers"); +const prayerElements = document.querySelectorAll("[data-prayer-period]"); const periodToggle = document.querySelector("#period-toggle"); const periodLabel = document.querySelector("#period-label"); const currentTime = document.querySelector("#current-time"); @@ -36,22 +35,13 @@ function updatePeriodLabel(period) { function showPrayer(period) { selectedPeriod = period; - prayerPanels.forEach((panel) => { - panel.hidden = panel.dataset.prayerPanel !== period; + prayerElements.forEach((element) => { + element.hidden = element.dataset.prayerPeriod !== period; }); - placeCommonPrayers(period); updatePeriodLabel(period); } -function placeCommonPrayers(period) { - const targetSlot = document.querySelector( - `[data-common-prayers-slot="${period}"]`, - ); - - targetSlot.append(commonPrayers); -} - function updateClock() { const now = new Date(); const nextAutomaticPeriod = getPrayerPeriod(now); diff --git a/styles.css b/styles.css index 1b1b658..fc87b1a 100644 --- a/styles.css +++ b/styles.css @@ -172,7 +172,6 @@ button.period-toggle:hover { } .prayer-body { - max-width: 43rem; padding: 1.65rem 1.6rem 1.85rem; } @@ -261,7 +260,6 @@ blockquote p { } .source-note a { - margin-left: 0.45rem; color: var(--pico-primary); text-decoration-color: rgba(224, 189, 117, 0.45); text-underline-offset: 0.2em;