fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-07 05:18:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Revamp the Graphite website (#1265)

Browse Source 
Revamp the website with more content
This commit is contained in:
Keavon Chambers
2023-08-10 18:37:04 -07:00
parent f2b0abc164
commit f429db6369
76 changed files with 3506 additions and 1670 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/static/js/fundraising.js
+32
View File
@@ -0,0 +1,32 @@
window.addEventListener("DOMContentLoaded", initializeFundraisingBar);
function initializeFundraisingBar() {
const VISIBILITY_COVERAGE_FRACTION = 0.5;
let loaded = false;
const fundraising = document.querySelector("[data-fundraising]");
const bar = fundraising.querySelector("[data-fundraising-bar]");
const dynamicPercent = fundraising.querySelector("[data-fundraising-percent] [data-dynamic]")
const dynamicGoal = fundraising.querySelector("[data-fundraising-goal] [data-dynamic]")
if (!(fundraising instanceof HTMLElement && bar instanceof HTMLElement && dynamicPercent instanceof HTMLElement && dynamicGoal instanceof HTMLElement)) return;
const setFundraisingGoal = async () => {
const request = await fetch("https://graphite.rs/fundraising-goal");
/** @type {{ percentComplete: number, targetValue: number }} */
const data = await request.json();
fundraising.classList.remove("loading");
bar.style.setProperty("--fundraising-percent", `${data.percentComplete}%`);
dynamicPercent.textContent = data.percentComplete;
dynamicGoal.textContent = data.targetValue;
loaded = true;
};
new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if (!loaded && entry.intersectionRatio > VISIBILITY_COVERAGE_FRACTION) setFundraisingGoal();
});
}, { threshold: VISIBILITY_COVERAGE_FRACTION })
.observe(fundraising);
}