From 7e6d7bff194957675683f3fcb6df73de235da738 Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 20:52:49 +0000 Subject: [PATCH 1/9] Qoute generator: update page title --- Sprint-3/quote-generator/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..c32216dcc 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,7 +3,7 @@ - Title here + Qoute Generator App From c8bbe4123ebe06ff5068c7e6c26b562aad3550f6 Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 20:59:13 +0000 Subject: [PATCH 2/9] Quote generator: add displayQoute function to render quote and author: --- Sprint-3/quote-generator/quotes.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..58af31550 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -1,3 +1,9 @@ +function displayQuote(quoteObject) { + const quoteP = document.getElementById("quote"); + const authorP = document.getElementById("author"); + quoteP.innerText = quoteObject.quote; + authorP.innerText = quoteObject.author; +} // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at From 6ce1887151a1b1db7bc509d7f75defb100e9ac2a Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 21:03:33 +0000 Subject: [PATCH 3/9] Quote generator: add showRandomQoute function to select and display random quote --- Sprint-3/quote-generator/quotes.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 58af31550..3376f2bff 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -4,6 +4,11 @@ function displayQuote(quoteObject) { quoteP.innerText = quoteObject.quote; authorP.innerText = quoteObject.author; } + +function showRandomQuote () { + const randomQuote = pickFromArray(quotes); + displayQuote(randomQuote); +} // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at From d397fa6f12a9f2c87904b3946fb1521836d15317 Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 21:07:32 +0000 Subject: [PATCH 4/9] Quote generator: show random qoute on page load --- Sprint-3/quote-generator/quotes.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 3376f2bff..bdc7651f3 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -9,6 +9,10 @@ function showRandomQuote () { const randomQuote = pickFromArray(quotes); displayQuote(randomQuote); } + +window.onload = function () { + showRandomQuote(); +}; // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at From 7aa9803c318b4622581b5a3de5ee49c9943726ea Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 21:11:48 +0000 Subject: [PATCH 5/9] Quote generator: update quote and author on New Quote click --- Sprint-3/quote-generator/quotes.js | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index bdc7651f3..fa08c2aac 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -12,6 +12,11 @@ function showRandomQuote () { window.onload = function () { showRandomQuote(); + + const newQuoteBtn = document.getElementById("new-quote") + newQuoteBtn.addEventListener("click", () => { + showRandomQuote(); + }); }; // DO NOT EDIT BELOW HERE From 0fa7b3faf2e73e705f43dfc30c37f6b4277e9288 Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 21:47:14 +0000 Subject: [PATCH 6/9] Quote generator: add css styling and update to index.html --- Sprint-3/quote-generator/index.html | 9 +++-- Sprint-3/quote-generator/style.css | 62 ++++++++++++++++++++++++++++- 2 files changed, 67 insertions(+), 4 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index c32216dcc..4d1342c68 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -4,12 +4,15 @@ Qoute Generator App + -

hello there

-

-

+

Quote Generator

+
+

+

+
diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..061013ce9 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,61 @@ -/** Write your CSS in here **/ +body { + margin: 0; + min-height: 100vh; + display: grid; + place-items: center; + padding: 40px; + font-family: Helvetica, sans-serif; + background: #cc5500; +} + +.container { + width: 100%; + max-width: 650px; + background: #f5f5f5; + padding: 50px; + border-radius: 8px; + box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); +} + +h1 { + font-size: 26px; + line-height: 1.5; + color: white; + margin: 0; + text-align: center; +} + +.quote-box { + background: black; + padding: 30px; + border-radius: 6px; + border: 2px solid #cc5500; + margin-bottom: 20px; +} + +#quote { + font-size: 26px; + line-height: 1.5; + color: white; + margin: 0; + text-align: center; +} + +#author { + margin-top: 20px; + text-align: right; + color: white; + font-weight: 600; +} + +#new-quote { + margin-top: 2px; + background: white; + color: black; + border: 2px solid #cc5500;; + padding: 10px 18px; + cursor: pointer; + border-radius: 4px; +} + + From f824a4a7673bada80d260b383c3b213ce4019e85 Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 21:49:59 +0000 Subject: [PATCH 7/9] Correcting spelling --- Sprint-3/quote-generator/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 4d1342c68..35b9c3131 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,7 +3,7 @@ - Qoute Generator App + Quote Generator App From 6c7f7ce34b401b397f88ecc53e662dfbb98f78fb Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 21:52:45 +0000 Subject: [PATCH 8/9] Updating index.html and .container css to further curate the design --- Sprint-3/quote-generator/index.html | 1 + Sprint-3/quote-generator/style.css | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 35b9c3131..4a7a56b95 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -8,6 +8,7 @@ +

Quote Generator

diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 061013ce9..79cc1fd23 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -11,7 +11,7 @@ body { .container { width: 100%; max-width: 650px; - background: #f5f5f5; + background: #cc5500; padding: 50px; border-radius: 8px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); From 503f0b1386a5c13abae46373c2ac1fe663a9ea2e Mon Sep 17 00:00:00 2001 From: KayanatSuleman Date: Fri, 27 Feb 2026 21:57:38 +0000 Subject: [PATCH 9/9] Updating the CSS and index page --- Sprint-3/quote-generator/index.html | 3 ++- Sprint-3/quote-generator/style.css | 1 - 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 4a7a56b95..12fbeb9b0 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -8,12 +8,13 @@ -
+

Quote Generator

+
diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 79cc1fd23..73e7dabb8 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -14,7 +14,6 @@ body { background: #cc5500; padding: 50px; border-radius: 8px; - box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } h1 {