From bae5d37a36ba49b8712c5dc12985e2887d1743e5 Mon Sep 17 00:00:00 2001 From: Preeti Tyagi <68293926+preeti-t@users.noreply.github.com> Date: Wed, 10 Dec 2025 10:16:46 +0100 Subject: [PATCH 1/3] Update index.html updated html code --- Sprint-3/quote-generator/index.html | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..dfe0e959e 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,13 +3,16 @@ - Title here + Quote Generator + -

hello there

+

Quote of the Day

- +
+ +
From 7e4a0eb2a995db0439c6f95219a483fa2ce4e024 Mon Sep 17 00:00:00 2001 From: Preeti Tyagi <68293926+preeti-t@users.noreply.github.com> Date: Wed, 10 Dec 2025 10:20:19 +0100 Subject: [PATCH 2/3] Update quotes.js fixed errors --- Sprint-3/quote-generator/quotes.js | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..63fa21adb 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -1,3 +1,16 @@ +window.onload = function () { +function displayRandomQuote () { + const randomQuote = pickFromArray(quotes); + + document.getElementById("quote").innerText = randomQuote.quote; + document.getElementById("author").innerText = " - " + randomQuote.author; +} +displayRandomQuote(); +document + .getElementById("new-quote") + .addEventListener("click", displayRandomQuote); +}; + // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at From 7dc70c4673ff1deeca22d8d19377c1ff36998bfd Mon Sep 17 00:00:00 2001 From: Preeti Tyagi <68293926+preeti-t@users.noreply.github.com> Date: Wed, 10 Dec 2025 10:23:12 +0100 Subject: [PATCH 3/3] Update style.css added styling --- Sprint-3/quote-generator/style.css | 40 ++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..1c26f8c5c 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,41 @@ /** Write your CSS in here **/ +body { + background-color: grey; + margin: 0; + padding: 0; +} + +h1 { + text-align: center; + color: bisque; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size: 70px; /* slightly smaller for balance */ + letter-spacing: 2px; /* minor polish */ +} + +#quote { + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + color: white; + background-color: black; + font-size: 45px; /* toned down for readability */ + text-align: center; + padding: 20px; /* gives breathing room */ +} + +#author { + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + color: #ddd; /* softer contrast */ + background-color: black; + font-size: 18px; + text-align: center; + padding-bottom: 15px; +} + +#new-quote { + margin-left: 70px; + padding: 12px 18px; + border: 2px solid black; + border-radius: 12px; + cursor: pointer; + background-color: #f0f0f0; +}