From 6e2c774863bc6a056e39123d45e69a0ec7665163 Mon Sep 17 00:00:00 2001 From: zilinskyte Date: Mon, 1 Dec 2025 19:05:05 +0000 Subject: [PATCH 1/5] update HTML structure and title for Quote Generator App --- Sprint-3/quote-generator/index.html | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..b127d702a 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -3,13 +3,16 @@ - Title here + Quote Generator App -

hello there

-

-

+

Quote Generator

+
+
+ +
+ From 144ba1ded45b2254c0020dafc0744d56918ab8cd Mon Sep 17 00:00:00 2001 From: zilinskyte Date: Mon, 1 Dec 2025 19:21:27 +0000 Subject: [PATCH 2/5] quote generator function implemented --- Sprint-3/quote-generator/quotes.js | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..9e7b483f3 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -1,3 +1,15 @@ +function getRandomQuote() { + const randomQuote = Math.floor(Math.random() * quotes.length); + return quotes[randomQuote]; +} +function showQuote() { + const quote = pickFromArray(quotes); + document.getElementById("quote").innerText = `"${quote.quote}"`; + document.getElementById("author").innerText = `- ${quote.author}`; +} +window.onload = showQuote; +document.getElementById("new-quote").addEventListener("click", showQuote); + // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at From a3dac0cb5ffb7f688366719843db1289f004bd16 Mon Sep 17 00:00:00 2001 From: zilinskyte Date: Mon, 1 Dec 2025 19:45:57 +0000 Subject: [PATCH 3/5] html updated --- Sprint-3/quote-generator/index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index b127d702a..33a804f9f 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -5,6 +5,7 @@ Quote Generator App +

Quote Generator

@@ -12,7 +13,7 @@

Quote Generator

- + From 0c94a69add34b896c8084405d3c48bc905de1d1f Mon Sep 17 00:00:00 2001 From: zilinskyte Date: Mon, 1 Dec 2025 19:46:08 +0000 Subject: [PATCH 4/5] css updated --- Sprint-3/quote-generator/style.css | 53 +++++++++++++++++++++++++++++- 1 file changed, 52 insertions(+), 1 deletion(-) diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..47352f6e0 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,52 @@ -/** Write your CSS in here **/ +h1 { +font-family: Georgia, 'Times New Roman', Times, serif; + font-size: 58px; + color: #0b013d; + text-align: center; +} + +body { + background-color: #6396d9; + font-family: Georgia, 'Times New Roman', Times, serif; + text-align: center; + padding: 40px; +} + +.container { + width: 60%; + margin: auto; +} + +.quote-box { + background: rgb(242, 242, 243); + padding: 20px; + border-radius: 12px; + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1); + margin: 20px 0; +} + +.quote-text { + font-size: 28px; + font-weight: bold; + color: #2e1717; +} + +.quote-author { + font-size: 24px; + color: #191919; + margin-top: 10px; +} + +.quote-button { + background: #f4efef; + color: rgb(19, 8, 80); + margin-top: 20px; + padding: 10px 18px; + border-radius: 8px; + font-size: 24px; + cursor: pointer; +} + +.quote-button:hover { + background: #bbbfc2; +} From 840d0d25a15cd0cea8275e2fb780f23bc5d092d3 Mon Sep 17 00:00:00 2001 From: zilinskyte Date: Mon, 1 Dec 2025 19:47:09 +0000 Subject: [PATCH 5/5] prettier --- Sprint-3/quote-generator/style.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 47352f6e0..535d2d2ab 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1,5 +1,5 @@ h1 { -font-family: Georgia, 'Times New Roman', Times, serif; + font-family: Georgia, "Times New Roman", Times, serif; font-size: 58px; color: #0b013d; text-align: center; @@ -7,7 +7,7 @@ font-family: Georgia, 'Times New Roman', Times, serif; body { background-color: #6396d9; - font-family: Georgia, 'Times New Roman', Times, serif; + font-family: Georgia, "Times New Roman", Times, serif; text-align: center; padding: 40px; }