Update: changed JS to new theme system + Darkmode system

This commit is contained in:
Rectos VX
2024-05-05 15:12:30 +04:00
parent 04d1ff3822
commit 5c572a7d89
4 changed files with 26 additions and 83 deletions

View File

@@ -23,15 +23,17 @@ function filterCards() {
}
function toggleFavorite(element) {
var img = element.querySelector("img");
var span = element.querySelector("span.material-symbols-rounded");
var card = element.closest(".feature-card");
var cardId = card.id;
if (img.src.endsWith("star.svg")) {
img.src = "images/star-fill.svg";
if (span.classList.contains("no-fill")) {
span.classList.remove("no-fill");
span.classList.add("fill");
card.classList.add("favorite");
localStorage.setItem(cardId, "favorite");
} else {
img.src = "images/star.svg";
span.classList.remove("fill");
span.classList.add("no-fill");
card.classList.remove("favorite");
localStorage.removeItem(cardId);
}
@@ -40,6 +42,7 @@ function toggleFavorite(element) {
filterCards();
}
function reorderCards() {
var container = document.querySelector(".features-container");
var cards = Array.from(container.getElementsByClassName("feature-card"));
@@ -58,13 +61,15 @@ function reorderCards() {
container.appendChild(card);
});
}
function initializeCards() {
var cards = document.querySelectorAll(".feature-card");
cards.forEach(function (card) {
var cardId = card.id;
var img = card.querySelector(".favorite-icon img");
var span = card.querySelector(".favorite-icon span.material-symbols-rounded");
if (localStorage.getItem(cardId) === "favorite") {
img.src = "images/star-fill.svg";
span.classList.remove("no-fill");
span.classList.add("fill");
card.classList.add("favorite");
}
});