diff --git a/newTab.html b/newTab.html index 0d82a11..89b0de6 100644 --- a/newTab.html +++ b/newTab.html @@ -65,6 +65,9 @@

Who do you want to care for today?

+ + + diff --git a/newTab.js b/newTab.js index c466b33..c31d6ea 100644 --- a/newTab.js +++ b/newTab.js @@ -949,4 +949,29 @@ document.addEventListener("DOMContentLoaded", () => { tasksContainer.classList.remove("hidden"); } + + // Inspirational quote overlay + const quotes = [ + "You are stronger than you think.", + "1% better every day.", + "Progress, not perfection.", + "Believe in yourself—you’re doing great.", + "One task at a time, one win at a time.", + "Be kind to yourself today.", + "You’re already enough.", + "Don’t forget to breathe.", + "You are capable of amazing things.", + "You are doing better than you think.", + "Don't let perfection be the enemy of good." + ]; + + function showInspirationalQuote() { + const quoteEl = document.getElementById("quote-overlay"); + const quote = quotes[Math.floor(Math.random() * quotes.length)]; + quoteEl.textContent = quote; + quoteEl.classList.remove("hidden"); + } + + showInspirationalQuote(); + }); diff --git a/styles.css b/styles.css index 2ec9073..7d39dd3 100644 --- a/styles.css +++ b/styles.css @@ -487,4 +487,27 @@ input[type="checkbox"]:checked+.task-text { text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); opacity: 0.95; animation: welcomeFadeIn 1s ease-out forwards; + } + +.quote-overlay { + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + font-size: 2.0rem; + font-weight: 400; + font-style: italic; + color: #333; + background: rgba(255, 255, 255, 0.4); + padding: 16px 24px; + border-radius: 12px; + z-index: 1000; + max-width: 80%; + text-align: center; + pointer-events: none; + transition: opacity 0.6s ease-in-out; + } + +.hidden { + display: none; } \ No newline at end of file