From 5d4966423f216aee4a235e032e4a1df8335290ce Mon Sep 17 00:00:00 2001 From: Laura C Date: Wed, 11 Mar 2026 15:27:16 +0000 Subject: [PATCH 1/5] update title for quote generator app --- 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..5f6a720f1 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,7 +3,7 @@ - Title here + Quote generator app From e892ee81cc9412e90e988201ca842f1f9169fb3f Mon Sep 17 00:00:00 2001 From: Laura C Date: Wed, 11 Mar 2026 15:40:27 +0000 Subject: [PATCH 2/5] build quote generator app with random quotes --- Sprint-3/quote-generator/index.html | 2 +- Sprint-3/quote-generator/quotes.js | 17 +++++++++++++++++ 2 files changed, 18 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 5f6a720f1..ba66359c1 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -7,7 +7,7 @@ -

hello there

+

Quote Generator

diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..83d59d58b 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -491,3 +491,20 @@ const quotes = [ ]; // call pickFromArray with the quotes array to check you get a random quote + +const quoteElement = document.querySelector("#quote"); +const authorElement = document.querySelector("#author"); +const buttonElement = document.querySelector("#new-quote"); + +function showRandomQuote() { + const randomQuote = pickFromArray(quotes); + + quoteElement.textContent = randomQuote.quote; + authorElement.textContent = "— " + randomQuote.author; +} + +// show a quote when the page loads +showRandomQuote(); + +// show a new quote when button is clicked +buttonElement.addEventListener("click", showRandomQuote); \ No newline at end of file From 6a6b2c9ab57cca2dff6cd6ae9f9fcaf208fea56c Mon Sep 17 00:00:00 2001 From: Laura C Date: Wed, 11 Mar 2026 15:44:49 +0000 Subject: [PATCH 3/5] update html structure for quote generator and add css link --- Sprint-3/quote-generator/index.html | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index ba66359c1..2a7e18628 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -4,12 +4,18 @@ Quote generator app + + -

Quote Generator

-

-

- +
+

Quote Generator

+ +

+

+ + +
From 3fd68c062509adc8044c006b9a90ec2aecac89a8 Mon Sep 17 00:00:00 2001 From: Laura C Date: Wed, 11 Mar 2026 15:46:40 +0000 Subject: [PATCH 4/5] add css styling for quote generator layout --- Sprint-3/quote-generator/style.css | 33 ++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..ebe87b58b 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,34 @@ /** Write your CSS in here **/ +body { + background-color: orange; + font-family: Arial, sans-serif; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} + +main { + background: white; + padding: 40px; + max-width: 600px; + text-align: center; +} + +#quote { + font-size: 24px; + margin-bottom: 20px; +} + +#author { + margin-bottom: 20px; + font-style: italic; +} + +button { + background-color: orange; + color: white; + border: none; + padding: 10px 20px; + cursor: pointer; +} \ No newline at end of file From df5e28b0979d48af6013240fe9526e8f9ea91b16 Mon Sep 17 00:00:00 2001 From: Laura C Date: Wed, 11 Mar 2026 15:48:51 +0000 Subject: [PATCH 5/5] complete sprint 3 quote generator with random quotes and styling --- Sprint-3/quote-generator/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index ebe87b58b..8ebd4309e 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -16,7 +16,8 @@ main { } #quote { - font-size: 24px; + font-size: 28px; + font-weight: 500; margin-bottom: 20px; }