No edit summary |
No edit summary |
||
| Line 7: | Line 7: | ||
document.getElementsByTagName('head')[0].appendChild(link); | document.getElementsByTagName('head')[0].appendChild(link); | ||
} | } | ||
function addRarityClass() { | |||
/*const rarityColors = { | |||
"Rare":"#955bff", | |||
"Ultimate":"#ffbb4d", | |||
"Transcendent":"#ff7c70" | |||
}*/ | |||
const rarityCells = document.querySelectorAll(".Rarity") | |||
for (const cell of rarityCells) { | |||
if (cell.textContent.includes("Rare")) { | |||
cell.classList.add("Rare") | |||
} else if (cell.textContent.includes("Ultimate")) { | |||
cell.classList.add("Ultimate") | |||
} else if (cell.textContent.includes("Transcendent")) { | |||
cell.classList.add("Transcendent") | |||
} | |||
} | |||
} | |||
//adding rarity class based on string content for colored rarity display | |||
addRarityClass(); | |||
// Load the required Google Fonts | // Load the required Google Fonts | ||
loadGoogleFont('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap'); | loadGoogleFont('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap'); | ||
loadGoogleFont('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); | loadGoogleFont('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap'); | ||
Revision as of 11:38, 22 June 2024
/* Any JavaScript here will be loaded for all users on every page load. */
function loadGoogleFont(fontUrl) {
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = fontUrl;
document.getElementsByTagName('head')[0].appendChild(link);
}
function addRarityClass() {
/*const rarityColors = {
"Rare":"#955bff",
"Ultimate":"#ffbb4d",
"Transcendent":"#ff7c70"
}*/
const rarityCells = document.querySelectorAll(".Rarity")
for (const cell of rarityCells) {
if (cell.textContent.includes("Rare")) {
cell.classList.add("Rare")
} else if (cell.textContent.includes("Ultimate")) {
cell.classList.add("Ultimate")
} else if (cell.textContent.includes("Transcendent")) {
cell.classList.add("Transcendent")
}
}
}
//adding rarity class based on string content for colored rarity display
addRarityClass();
// Load the required Google Fonts
loadGoogleFont('https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap');
loadGoogleFont('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');