From cec9cb57a1c54b1287ea52157795c311819cc1f0 Mon Sep 17 00:00:00 2001 From: Alexander Whitestone Date: Tue, 24 Mar 2026 00:06:23 -0400 Subject: [PATCH] feat: add Bible verse of the day holo panel MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Adds a subtle holographic panel in the bottom-left corner displaying a rotating Bible verse keyed to the day. 30 curated verses cycle daily (day index mod length). No network requests — fully offline. Panel uses the existing dark-space design system with dim blue borders and muted text at low opacity. Fixes #132 --- app.js | 41 +++++++++++++++++++++++++++++++++++++++++ index.html | 6 ++++++ style.css | 48 ++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 95 insertions(+) diff --git a/app.js b/app.js index 5a028f6..cbb1624 100644 --- a/app.js +++ b/app.js @@ -187,6 +187,47 @@ function animate() { animate(); +// === BIBLE VERSE OF THE DAY === +const VERSES = [ + { text: 'For God so loved the world that he gave his one and only Son, that whoever believes in him shall not perish but have eternal life.', ref: 'John 3:16' }, + { text: 'I can do all this through him who gives me strength.', ref: 'Philippians 4:13' }, + { text: 'The Lord is my shepherd; I shall not want.', ref: 'Psalm 23:1' }, + { text: 'Trust in the Lord with all your heart and lean not on your own understanding.', ref: 'Proverbs 3:5' }, + { text: 'And we know that in all things God works for the good of those who love him.', ref: 'Romans 8:28' }, + { text: 'Be still, and know that I am God.', ref: 'Psalm 46:10' }, + { text: 'The light shines in the darkness, and the darkness has not overcome it.', ref: 'John 1:5' }, + { text: 'For I know the plans I have for you, declares the Lord, plans to prosper you and not to harm you.', ref: 'Jeremiah 29:11' }, + { text: 'The Lord your God is with you, the Mighty Warrior who saves.', ref: 'Zephaniah 3:17' }, + { text: 'Ask and it will be given to you; seek and you will find; knock and the door will be opened to you.', ref: 'Matthew 7:7' }, + { text: 'In the beginning God created the heavens and the earth.', ref: 'Genesis 1:1' }, + { text: 'But seek first his kingdom and his righteousness, and all these things will be given to you.', ref: 'Matthew 6:33' }, + { text: 'Your word is a lamp for my feet, a light on my path.', ref: 'Psalm 119:105' }, + { text: 'Do not be anxious about anything, but in every situation, by prayer and petition, with thanksgiving, present your requests to God.', ref: 'Philippians 4:6' }, + { text: 'The fear of the Lord is the beginning of wisdom.', ref: 'Proverbs 9:10' }, + { text: 'Cast all your anxiety on him because he cares for you.', ref: '1 Peter 5:7' }, + { text: 'In the same way, let your light shine before others, that they may see your good deeds and glorify your Father in heaven.', ref: 'Matthew 5:16' }, + { text: 'He gives strength to the weary and increases the power of the weak.', ref: 'Isaiah 40:29' }, + { text: 'Love is patient, love is kind. It does not envy, it does not boast, it is not proud.', ref: '1 Corinthians 13:4' }, + { text: 'The Lord is my light and my salvation — whom shall I fear?', ref: 'Psalm 27:1' }, + { text: 'Whatever you do, work at it with all your heart, as working for the Lord.', ref: 'Colossians 3:23' }, + { text: 'Come to me, all you who are weary and burdened, and I will give you rest.', ref: 'Matthew 11:28' }, + { text: 'For the Spirit God gave us does not make us timid, but gives us power, love and self-discipline.', ref: '2 Timothy 1:7' }, + { text: 'God is our refuge and strength, an ever-present help in trouble.', ref: 'Psalm 46:1' }, + { text: 'I am the way and the truth and the life.', ref: 'John 14:6' }, + { text: 'Peace I leave with you; my peace I give you.', ref: 'John 14:27' }, + { text: 'I have hidden your word in my heart that I might not sin against you.', ref: 'Psalm 119:11' }, + { text: 'But those who hope in the Lord will renew their strength. They will soar on wings like eagles.', ref: 'Isaiah 40:31' }, + { text: 'The name of the Lord is a fortified tower; the righteous run to it and are safe.', ref: 'Proverbs 18:10' }, + { text: 'Above all else, guard your heart, for everything you do flows from it.', ref: 'Proverbs 4:23' }, +]; + +(function initVersePanel() { + const dayIndex = Math.floor(Date.now() / 86400000) % VERSES.length; + const { text, ref } = VERSES[dayIndex]; + document.getElementById('verse-text').textContent = '\u201C' + text + '\u201D'; + document.getElementById('verse-ref').textContent = '— ' + ref; +})(); + // === DEBUG MODE === let debugMode = false; diff --git a/index.html b/index.html index 26344f3..4b74281 100644 --- a/index.html +++ b/index.html @@ -41,6 +41,12 @@ [Tab] to exit +
+
WORD OF THE DAY
+
+
+
+ diff --git a/style.css b/style.css index 1d78e52..9bfa763 100644 --- a/style.css +++ b/style.css @@ -106,3 +106,51 @@ canvas { 0%, 100% { opacity: 0.7; } 50% { opacity: 1; } } + +/* === BIBLE VERSE PANEL === */ +#verse-panel { + position: fixed; + bottom: 18px; + left: 18px; + max-width: 280px; + z-index: 10; + background: rgba(0, 0, 12, 0.55); + border: 1px solid rgba(68, 136, 255, 0.3); + border-radius: 4px; + padding: 8px 12px; + pointer-events: none; + animation: verse-fade-in 2s ease-out forwards; + box-shadow: 0 0 12px rgba(68, 136, 255, 0.08); +} + +#verse-label { + font-family: var(--font-body); + font-size: 8px; + letter-spacing: 0.2em; + text-transform: uppercase; + color: rgba(68, 136, 255, 0.55); + margin-bottom: 5px; +} + +#verse-text { + font-family: var(--font-body); + font-size: 10px; + line-height: 1.5; + color: rgba(204, 214, 246, 0.65); + font-style: italic; + margin-bottom: 4px; +} + +#verse-ref { + font-family: var(--font-body); + font-size: 9px; + color: rgba(68, 136, 255, 0.45); + text-align: right; + letter-spacing: 0.05em; +} + +@keyframes verse-fade-in { + 0% { opacity: 0; } + 60% { opacity: 0; } + 100% { opacity: 1; } +} -- 2.43.0