ourworld_web/www_mycelium
23
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

update button at dark mode

Browse Source
This commit is contained in:
Ehab Hassan
2025-05-22 20:00:56 +03:00
parent 53e2e08201
commit 59581304d0
1 changed files with 46 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
static/js/custom.js
View File

@@ -124,29 +124,29 @@ function hideHamburger() {
}
}
function toggleFilter() {
var filterMenu = document.getElementById("filter-menu");
if (filterMenu.className.includes("hidden")) {
filterMenu.className = filterMenu.className.replace("hidden", " ");
} else {
filterMenu.className = filterMenu.className + " hidden";
}
}
window.onload = function () {
let elements = document.getElementsByTagName("button");
let buttons = [...elements];
// function toggleFilter() {
// var filterMenu = document.getElementById("filter-menu");
// if (filterMenu.className.includes("hidden")) {
// filterMenu.className = filterMenu.className.replace("hidden", " ");
// } else {
// filterMenu.className = filterMenu.className + " hidden";
// }
// }
// window.onload = function () {
// let elements = document.getElementsByTagName("button");
// let buttons = [...elements];
buttons.forEach((button) => {
button.addEventListener("click", function () {
handleClick(button);
});
});
// buttons.forEach((button) => {
// button.addEventListener("click", function () {
// handleClick(button);
// });
// });
document.getElementById("filter-btn").addEventListener("click", toggleFilter);
document
.getElementById("mobile-learn-btn")
.addEventListener("click", toggleMenu);
};
// document.getElementById("filter-btn").addEventListener("click", toggleFilter);
// document
// .getElementById("mobile-learn-btn")
// .addEventListener("click", toggleMenu);
// };
function openInNewTab(url) {
window.open(url, "_blank").focus();
@@ -164,33 +164,33 @@ function readingTime() {
}
}
async function getStats() {
try {
const stats = await fetch(
"https://stats.grid.tf/api/stats-summary"
).then((res) => res.json());
return formatStatsData(stats);
} catch (error) {
throw new Error(
`Failed to retrieve data from network statistics: ${error}`
);
}
}
// async function getStats() {
// try {
// const stats = await fetch(
// "https://stats.grid.tf/api/stats-summary"
// ).then((res) => res.json());
// return formatStatsData(stats);
// } catch (error) {
// throw new Error(
// `Failed to retrieve data from network statistics: ${error}`
// );
// }
// }
function formatStatsData(stats) {
let items = document.querySelector(".items");
items.classList.remove("animate-pulse");
document.getElementById("ssd").innerHTML = stats.ssd;
document.getElementById("nodes").innerHTML = stats.nodes;
document.getElementById("countries").innerHTML = stats.countries;
document.getElementById("cores").innerHTML = stats.cores
.toString()
.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
}
// function formatStatsData(stats) {
// let items = document.querySelector(".items");
// items.classList.remove("animate-pulse");
// document.getElementById("ssd").innerHTML = stats.ssd;
// document.getElementById("nodes").innerHTML = stats.nodes;
// document.getElementById("countries").innerHTML = stats.countries;
// document.getElementById("cores").innerHTML = stats.cores
// .toString()
// .replace(/\B(?=(\d{3})+(?!\d))/g, ",");
// }
readingTime();
getStats();
document.getElementById("year").innerHTML = new Date().getFullYear();
// readingTime();
// getStats();
// document.getElementById("year").innerHTML = new Date().getFullYear();
// Get elements