From 167b1e30a64ec97ca5c7a4c0c8f9f2dca65dcdac Mon Sep 17 00:00:00 2001 From: Samual-Hu Date: Fri, 27 Mar 2026 14:00:50 +0000 Subject: [PATCH 1/3] Complete Quote Generator App --- Sprint-3/quote-generator/index.html | 21 ++++++++--- Sprint-3/quote-generator/quotes.js | 29 +++++++++++++++ Sprint-3/quote-generator/style.css | 58 ++++++++++++++++++++++++++++- 3 files changed, 101 insertions(+), 7 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..9ad5d65df 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -1,15 +1,24 @@ - + - Title here + Quote Generator App + -

hello there

-

-

- +
+ quote mark + +

hello there

+

+

+ +
diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..29ee15e74 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -1,3 +1,32 @@ +window.onload = () => { + const quoteText = document.getElementById("quote"); + const authorText = document.getElementById("author"); + const newQuoteBtn = document.getElementById("new-quote"); + const autoPlayCheckbox = document.getElementById("auto-play"); + const autoPlayStatus = document.getElementById("auto-play-txt"); + + let autoPlayInterval; + + function generateQuote() { + const randomQuote = pickFromArray(quotes); + quoteText.innerText = randomQuote.quote; + authorText.innerText = `- ${randomQuote.author}`; + } + + generateQuote(); + + newQuoteBtn.addEventListener("click", generateQuote); + + autoPlayCheckbox.addEventListener("change", (event) => { + if (event.target.checked) { + autoPlayStatus.innerText = "Auto-Play: ON"; + autoPlayInterval = setInterval(generateQuote, 5000); + } else { + autoPlayStatus.innerText = "Auto-Play: OFF"; + clearInterval(autoPlayInterval); + } + }); +}; // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..055ae3d48 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,57 @@ -/** Write your CSS in here **/ +body { + background-color: #fba21c; + font-family: sans-serif; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; +} + +.container { + background-color: white; + width: 70%; + max-width: 800px; + padding: 50px 50px 80px 50px; + box-shadow: 0 4px 8px rgba(0,0,0,0.1); + position: relative; +} + +h1 { + display: none; +} + +.quote-icon { + width: 45px; + float: left; + margin-right: 15px; + margin-top: -10px; +} + +#quote { + font-size: 32px; + color: #fba21c; + margin: 0; + line-height: 1.4; +} + +#author { + color: #fba21c; + font-size: 20px; + font-weight: bold; + text-align: right; + margin-top: 30px; + margin-bottom: 30px; +} + +#new-quote { + background-color: #fba21c; + color: white; + border: none; + padding: 12px 24px; + font-size: 18px; + cursor: pointer; + position: absolute; + bottom: 40px; + right: 50px; +} \ No newline at end of file From 33d6f082e5f1fb97a9109245f586486ce6827767 Mon Sep 17 00:00:00 2001 From: Samual-Hu Date: Fri, 27 Mar 2026 14:15:44 +0000 Subject: [PATCH 2/3] Update package.json description --- Sprint-3/quote-generator/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/package.json b/Sprint-3/quote-generator/package.json index 0f6f98917..8797340e6 100644 --- a/Sprint-3/quote-generator/package.json +++ b/Sprint-3/quote-generator/package.json @@ -2,7 +2,7 @@ "name": "quote-generator", "version": "1.0.0", "license": "CC-BY-SA-4.0", - "description": "You must update this package", + "description": "A quote generator app completed for Sprint 3", "scripts": { "test": "jest --config=../jest.config.js quote-generator" }, From 6f6c8357c43207b635d9ff8e47c125595e512fa0 Mon Sep 17 00:00:00 2001 From: Samual-Hu Date: Tue, 7 Apr 2026 14:46:01 +0100 Subject: [PATCH 3/3] Remove leftover unused auto-play code --- Sprint-3/quote-generator/quotes.js | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 29ee15e74..a00e9126f 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -2,10 +2,6 @@ window.onload = () => { const quoteText = document.getElementById("quote"); const authorText = document.getElementById("author"); const newQuoteBtn = document.getElementById("new-quote"); - const autoPlayCheckbox = document.getElementById("auto-play"); - const autoPlayStatus = document.getElementById("auto-play-txt"); - - let autoPlayInterval; function generateQuote() { const randomQuote = pickFromArray(quotes); @@ -16,16 +12,6 @@ window.onload = () => { generateQuote(); newQuoteBtn.addEventListener("click", generateQuote); - - autoPlayCheckbox.addEventListener("change", (event) => { - if (event.target.checked) { - autoPlayStatus.innerText = "Auto-Play: ON"; - autoPlayInterval = setInterval(generateQuote, 5000); - } else { - autoPlayStatus.innerText = "Auto-Play: OFF"; - clearInterval(autoPlayInterval); - } - }); }; // DO NOT EDIT BELOW HERE