wah.su/wah-su.github.io
1
0
Fork 0
mirror of https://github.com/wah-su/wah-su.github.io.git synced 2025-05-05 04:19:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: add theme switcher

Browse source
This commit is contained in:
Kentai Radiquum 2024-05-19 19:06:12 +05:00
parent 78efd2500a
commit 40a31ce007
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
14 changed files with 349 additions and 176 deletions
Download patch file Download diff file Expand all files Collapse all files

11
public/js/cards.js
View file

@ -31,10 +31,14 @@ const cards = [
];
const services = document.getElementById("services");
window.onload = function () {
function renderCards() {
const theme = document.getElementById("body").classList[0];
services.innerHTML = "";
for (let index = 0; index < cards.length; index++) {
const image_name = cards[index].image.split(".")[0];
const image_ext = cards[index].image.split(".")[1];
const template = `
<img class="rounded-t-lg object-cover h-[192px] w-full" src="${cards[index].image}" alt="" />
<img class="rounded-t-lg object-cover h-[192px] w-full" src="${image_name}-${theme}.${image_ext}" alt="" />
<div class="p-5">
<h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-800 dark:text-white">${cards[index].name}
</h5>
@ -65,4 +69,5 @@ window.onload = function () {
services.appendChild(element);
}
};
}
window.onload = renderCards();