fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-04 00:38: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/navbar.js
+14 -3
View File
@@ -1,6 +1,6 @@
const NAV_BUTTON_INITIAL_FONT_SIZE = 32;
const RIPPLE_ANIMATION_MILLISECONDS = 100;
const RIPPLE_WIDTH = 140;
const RIPPLE_WIDTH = 120;
const HANDLE_STRETCH = 0.4;
let ripplesInitialized;
@@ -29,7 +29,18 @@ function initializeRipples() {
goingUp: false,
}));
activeRippleIndex = ripples.findIndex((ripple) => ripple.element.getAttribute("href").replace(/\//g, "") === window.location.pathname.replace(/\//g, ""));
activeRippleIndex = ripples.findIndex((ripple) => {
let link = ripple.element.getAttribute("href");
if (!link.endsWith("/")) link += "/";
let location = window.location.pathname;
if (!location.endsWith("/")) location += "/";
// Special case for the root, which will otherwise match as the starting prefix of all pages
if (link === "/" && location === "/") return true;
if (link === "/") return false;
return location.startsWith(link);
});
ripples.forEach((ripple) => {
const updateTimings = (goingUp) => {
@@ -51,7 +62,7 @@ function initializeRipples() {
ripple.element.addEventListener("pointerleave", () => updateTimings(false));
});
ripples[activeRippleIndex] = {
if (activeRippleIndex >= 0) ripples[activeRippleIndex] = {
...ripples[activeRippleIndex],
animationStartTime: 1,
animationEndTime: 1 + RIPPLE_ANIMATION_MILLISECONDS,