From 733f71b1e0fcf37aa4668ae2c5199a470a835678 Mon Sep 17 00:00:00 2001 From: shreefAhmedM Date: Wed, 15 Oct 2025 09:13:39 +0100 Subject: [PATCH 1/2] implementing quote generator app --- Sprint-3/quote-generator/index.html | 14 +++++++----- Sprint-3/quote-generator/quotes.js | 8 +++++++ Sprint-3/quote-generator/style.css | 35 ++++++++++++++++++++++++++++- 3 files changed, 51 insertions(+), 6 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..546c33b45 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,13 +3,17 @@ - Title here + + Quote generator app -

hello there

-

-

- +
+

+

+ +
diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..b15c454d7 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -491,3 +491,11 @@ const quotes = [ ]; // call pickFromArray with the quotes array to check you get a random quote +function newquote() { + let QuoteID = document.getElementById("quote"); + let authorID = document.getElementById("author"); + const randomQuote = pickFromArray(quotes); + QuoteID.innerText = randomQuote.quote; + authorID.innerText = randomQuote.author; +} +window.onload = newquote(); diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..22c42f6f5 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,34 @@ -/** Write your CSS in here **/ +* { + box-sizing: border-box; +} +:root { + --bg-color: rgba(5, 18, 4, 0.838); + --text-color: #ffffff; + --shado-color: #524f4f; +} +body { + padding: 0; + font-size: 1.5rem; + font-family: sans-serif; + background-color: var(--bg-color); + display: flex; + align-items: center; + justify-content: center; + height: 100vh; +} +.main { + background-color: var(--text-color); + padding: 30px 50px; + max-width: 600px; + text-align: right; + max-height: 80vh; + color: var(--bg-color); +} +#new-quote { + background-color: var(--bg-color); + padding: 10px; + box-shadow: 1px 1px 2px var(--shado-color); + border-radius: 10px; + color: var(--text-color); + font-size: large; +} From 6f7b033a847bb1a72c2223c987acb85caf0dae60 Mon Sep 17 00:00:00 2001 From: shreefAhmedM Date: Tue, 28 Oct 2025 13:52:02 +0000 Subject: [PATCH 2/2] fixing an unnecessary vertical scrollbar --- Sprint-3/quote-generator/style.css | 1 + 1 file changed, 1 insertion(+) diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 22c42f6f5..7bc0da2b8 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -7,6 +7,7 @@ --shado-color: #524f4f; } body { + margin: 0; padding: 0; font-size: 1.5rem; font-family: sans-serif;