ChenKaiLiuG/life_generators
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Feat(quote generator): Add method for adding backgrounds (Closes #13)

Browse Source
This commit is contained in:
lifeadventurer
2024-10-12 00:17:40 +08:00
parent 41191438b9
commit bd00a3b72d
3 changed files with 28 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
quote_generator/backgrounds/dark/.gitkeep Normal file
View File

0
quote_generator/backgrounds/light/.gitkeep Normal file
View File

29
quote_generator/js/quote.js
View File

@@ -12,11 +12,36 @@ fetch("./json/quotes.json")
function Appear() {
console.log(quotes);
const index = Math.floor(Math.random() * quotes.length);
const { quote, author } = quotes[index];
quoteElement.innerHTML = `<b style='font-size:28px;'>"</b>` + quote + `<b style='font-size:28px;'>"</b>` ;
quoteElement.innerHTML = `<b style='font-size:28px;'>"${quote}"</b>`;
authorElement.innerHTML = "- " + author;
const container = document.getElementById("imageContainer");
const folderPath = "./backgrounds/";
// TODO: Get number of images from a JSON file.
const numDarkImages = 0;
const numLightImages = 0;
if (numDarkImages && numLightImages) {
const isDark = Math.random() < 0.5;
let randomIndex, randomImage;
const darkModeIcon = document.querySelector("#dark-mode-icon");
console.log(isDark);
if (isDark) {
randomIndex = Math.floor(Math.random() * numDarkImages) + 1;
randomImage = folderPath + "dark/" + randomIndex + ".jpg";
darkModeIcon.onclick()
} else {
randomIndex = Math.floor(Math.random() * numLightImages) + 1;
randomImage = folderPath + "light/" + randomIndex + ".jpg";
}
container.style.backgroundImage = "url('" + randomImage + "')";
container.style.opacity = 0.85;
container.style.backgroundSize = "100% 100%";
}
}
function getQuote() {