dpnmw/community-landing
1
0
Fork 0
mirror of https://github.com/dpnmw/community-landing.git synced 2026-03-18 09:27:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI Reworked

Browse Source
This commit is contained in:
DPN MW
2026-03-06 15:53:26 -04:00
parent d0040edbf9
commit 0ab7d29f78
5 changed files with 567 additions and 421 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
assets/javascripts/community_landing/landing.js
View File

@@ -1,6 +1,6 @@
// ═══════════════════════════════════════════════════════════════════
// Community Landing — JS
// Theme detection, scroll animations, stat counters
// Community Landing v2 — JS
// Theme detection, scroll animations, stat counters, horizontal scroll
// ═══════════════════════════════════════════════════════════════════
(function () {
"use strict";
@@ -96,7 +96,7 @@
{ threshold: 0.1, rootMargin: "0px 0px -40px 0px" }
);
$$(".cl-reveal, .cl-reveal-stagger").forEach(function (el) {
$$(".cl-reveal").forEach(function (el) {
revealObserver.observe(el);
});
}
@@ -139,7 +139,36 @@
}
// ═══════════════════════════════════════════════════════════════════
// 6. APP BADGE DETECTION
// 6. HORIZONTAL SCROLL — drag support for trending discussions
// ═══════════════════════════════════════════════════════════════════
$$(".cl-topics__scroll").forEach(function (scroll) {
var isDown = false, startX, scrollLeft;
scroll.addEventListener("mousedown", function (e) {
isDown = true;
scroll.style.cursor = "grabbing";
startX = e.pageX - scroll.offsetLeft;
scrollLeft = scroll.scrollLeft;
});
scroll.addEventListener("mouseleave", function () {
isDown = false;
scroll.style.cursor = "";
});
scroll.addEventListener("mouseup", function () {
isDown = false;
scroll.style.cursor = "";
});
scroll.addEventListener("mousemove", function (e) {
if (!isDown) return;
e.preventDefault();
var x = e.pageX - scroll.offsetLeft;
var walk = (x - startX) * 1.5;
scroll.scrollLeft = scrollLeft - walk;
});
});
// ═══════════════════════════════════════════════════════════════════
// 7. APP BADGE DETECTION
// ═══════════════════════════════════════════════════════════════════
var ua = navigator.userAgent || "";
if (/iPhone|iPad|iPod/.test(ua)) $$(".cl-app-badge--ios").forEach(function (e) { e.classList.add("highlighted"); });