From 5d431f6be1a3aa5f2277ecfb750744f88210b6d4 Mon Sep 17 00:00:00 2001 From: Dipa-Sarker Date: Thu, 23 Jul 2026 00:39:17 +0100 Subject: [PATCH 1/3] updated title to 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 d621038c1cf2a3ad75fc1d871fbc2125c523fe43 Mon Sep 17 00:00:00 2001 From: Dipa-Sarker Date: Thu, 23 Jul 2026 03:22:49 +0100 Subject: [PATCH 2/3] create quote-generator app --- Sprint-3/quote-generator/quotes.js | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..54bdc6797 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -491,3 +491,14 @@ 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 updateRandomQuote() { + const randomQuote = pickFromArray(quotes); + quoteElement.innerText = randomQuote.quote; + authorElement.innerText = randomQuote.author; +} +updateRandomQuote(); +buttonElement.addEventListener("click", updateRandomQuote); From 70679cb3c8a324236b62e443adb0b4aead7b1525 Mon Sep 17 00:00:00 2001 From: Dipa-Sarker Date: Fri, 24 Jul 2026 01:09:02 +0100 Subject: [PATCH 3/3] completed quote-generator app --- Sprint-3/quote-generator/index.html | 3 ++- Sprint-3/quote-generator/style.css | 37 +++++++++++++++++++++++++++++ 2 files changed, 39 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 5f6a720f1..968ac5fe6 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -5,9 +5,10 @@ Quote generator app + -

hello there

+

Hello There

diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..c32dd6767 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,38 @@ /** Write your CSS in here **/ +h1 { + color: blueviolet; + font-style: normal; + font-size: 48px; +} +#quote { + font-size: 32px; + font-style: italic; + margin-left: 10px; + margin-bottom: 3px; +} +#author { + font-size: 30px; + margin-top: 20px; +} +#quote::before { + content: '"'; +} + +#quote::after { + content: '"'; +} +#author::before { + content: "---"; +} + +body { + background-color: #fff8e7; + display: grid; + place-items: center; +} +#new-quote { + font-size: 28px; + font-family: serif; + background-color: white; + box-shadow: 5px 5px 2px 1px black; +}