From 2e93716be1b42046c1cd01555ad3b151f42cf632 Mon Sep 17 00:00:00 2001 From: boladjebsoft Date: Mon, 30 Mar 2026 22:44:41 +0100 Subject: [PATCH 1/5] sorted out the head element --- Sprint-3/quote-generator/index.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 30b434bcf..4b8da3d6e 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -1,10 +1,11 @@ - + - Title here + Quote generator app +

hello there

From 9426b5696b26cbc777725a9fce6f4372272b643c Mon Sep 17 00:00:00 2001 From: boladjebsoft Date: Tue, 31 Mar 2026 07:57:39 +0100 Subject: [PATCH 2/5] adjusting the html title --- 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 4b8da3d6e..ac8f003af 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -8,7 +8,7 @@ -

hello there

+

Welcome to the Quote Generator

From ca51b1eb0117b562b5572e7a5ebbe02ad90baf69 Mon Sep 17 00:00:00 2001 From: boladjebsoft Date: Tue, 31 Mar 2026 09:03:00 +0100 Subject: [PATCH 3/5] implement the main function --- Sprint-3/quote-generator/quotes.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 4a4d04b72..6e9cf37fd 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -20,6 +20,12 @@ function pickFromArray(choices) { return choices[Math.floor(Math.random() * choices.length)]; } +function main() { + document.querySelector("#quote").innerText = pickFromArray(quotes).quote; + document.querySelector("#author").innerText = pickFromArray(quotes).author; +} + +document.getElementById("new-quote").addEventListener("click", main); // A list of quotes you can use in your app. // DO NOT modify this array, otherwise the tests may break! const quotes = [ From 99a7aa28038579dfe15677d96f5c7f7d8c5de464 Mon Sep 17 00:00:00 2001 From: boladjebsoft Date: Tue, 14 Apr 2026 08:01:10 +0100 Subject: [PATCH 4/5] creating elements --- Sprint-3/quote-generator/index.html | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index ac8f003af..4110ae64c 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -7,10 +7,14 @@ - +

Welcome to the Quote Generator

-

-

- +
+

+

+
+ +
+
From 3b6fe775c09ea8a4c7fea1bb533ed2d181a2bd07 Mon Sep 17 00:00:00 2001 From: boladjebsoft Date: Wed, 15 Apr 2026 01:37:06 +0100 Subject: [PATCH 5/5] opleting the quote generator project. --- Sprint-3/quote-generator/index.html | 1 - Sprint-3/quote-generator/quotes.js | 13 +++++---- Sprint-3/quote-generator/style.css | 44 ++++++++++++++++++++++++++++- 3 files changed, 50 insertions(+), 8 deletions(-) diff --git a/Sprint-3/quote-generator/index.html b/Sprint-3/quote-generator/index.html index 4110ae64c..765d1ce2e 100644 --- a/Sprint-3/quote-generator/index.html +++ b/Sprint-3/quote-generator/index.html @@ -8,7 +8,6 @@ -

Welcome to the Quote Generator

diff --git a/Sprint-3/quote-generator/quotes.js b/Sprint-3/quote-generator/quotes.js index 6e9cf37fd..a1bc07641 100644 --- a/Sprint-3/quote-generator/quotes.js +++ b/Sprint-3/quote-generator/quotes.js @@ -1,3 +1,10 @@ +function main() { + document.querySelector("#quote").innerText = pickFromArray(quotes).quote; + document.querySelector("#author").innerText = pickFromArray(quotes).author; +} + +document.getElementById("new-quote").addEventListener("click", main); + // DO NOT EDIT BELOW HERE // pickFromArray is a function which will return one item, at @@ -20,12 +27,6 @@ function pickFromArray(choices) { return choices[Math.floor(Math.random() * choices.length)]; } -function main() { - document.querySelector("#quote").innerText = pickFromArray(quotes).quote; - document.querySelector("#author").innerText = pickFromArray(quotes).author; -} - -document.getElementById("new-quote").addEventListener("click", main); // A list of quotes you can use in your app. // DO NOT modify this array, otherwise the tests may break! const quotes = [ diff --git a/Sprint-3/quote-generator/style.css b/Sprint-3/quote-generator/style.css index 63cedf2d2..2da4a63b9 100644 --- a/Sprint-3/quote-generator/style.css +++ b/Sprint-3/quote-generator/style.css @@ -1 +1,43 @@ -/** Write your CSS in here **/ +body { + background-color: orange; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; +} +.container { + background-color: white; + width: 60%; + padding: 50px 50px; +} +#quote { + text-align: center; + color: orange; + font-size: 28px; +} +#quote::before { + content: open-quote; +} +#quote::after { + content: close-quote; +} +#author { + color: orange; + text-align: right; + font-size: 20px; +} +#author::before { + content: "- "; +} +#new-quote { + display: flex; + justify-content: end; +} +button { + background-color: orange; + color: white; + border: none; + font-size: 18px; + padding: 15px; + cursor: pointer; +}