t404owo/t404null
1
0
Fork 0
mirror of https://github.com/t404owo/t404null.git synced 2025-12-12 18:08:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨💼 Updated with Glitch

Browse Source
This commit is contained in:
Glitch (t404null-unstable)
2024-06-04 22:02:13 +00:00
parent a7ca2de4f0
commit db10ac37dd
7 changed files with 1449 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
assets/js/index.js
View File

@@ -1,10 +1,18 @@
console.log(document);
let next = document.querySelector(".next");
let prev = document.querySelector(".prev");
let pgctrl = document.querySelectorAll(".pgctrl li");
let pgctrl = [document.querySelector(".pgctrl")];
let slider = document.querySelector(".slider");
let carousel = document.querySelector(".carousel");
let bg = document.querySelector(".slider-bg");
let img = [
"https://cdn.glitch.com/f6cb427c-2cdb-4693-bc00-9d3e2991008c%2FScreenshot%20(36).png?v=1633031087464",
"https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/Oblitus_Requiem.png?v=1693055600835",
"https://cdn.glitch.global/2d9e31c1-a947-46cd-9fd2-8c92be70abe2/A_Lake_With_Endless_Stars.png?v=1683474226492",
];
let pg = ["/", "release/Oblitus_Requiem", "release/A_Lake_With_Endless_Stars"];
if (!document) console.log("press f");
if (!next) console.log("Class next missing.");
if (!prev) console.log("Class prev missing.");
@@ -15,24 +23,42 @@ let slider_index = 0;
let touchstartX = 0;
let touchendX = 0;
function reset() {
for (var i = 0; i < slider.children.length; i++) {
slider.children[i].style.opacity = 0;
slider.children[i].style.zIndex = 0;
pgctrl[i].style.opacity = 0.4;
}
//page control
for (var i = 0; i < slider.children.length; i++) {
let button = document.createElement("li");
let n = i;
button.textContent = "•"; //&bull; not &middot;
pgctrl[0].append(button);
}
pgctrl.push(document.querySelectorAll(".pgctrl li"));
if (pgctrl[1])
pgctrl[1].forEach((m, n) =>
m.addEventListener("click", function () {
reset();
slider_index = n;
set();
})
);
//refresh
reset();
set();
function set() {
slider.children[slider_index].style.opacity = 1;
slider.children[slider_index].style.zIndex = 1;
pgctrl[slider_index].style.opacity = 1;
pgctrl[0].children[slider_index].style.opacity = 1;
if (bg) bg.style.backgroundImage = `url('${img[slider_index]}')`;
}
function dropdown_toggle() {
//
function reset() {
for (var i = 0; i < slider.children.length; i++) {
slider.children[i].style.opacity = 0;
slider.children[i].style.zIndex = 0;
pgctrl[0].children[i].style.opacity = 0.4;
if (bg) bg.style.backgroundImage = null;
}
}
function nxt() {
reset();
//console.log("next");
@@ -64,18 +90,14 @@ if (next) {
//previous
if (prev) prev.addEventListener("click", prv);
//page control
pgctrl.forEach(function (n, m) {
n.addEventListener("click", function () {
reset();
slider_index = m;
set();
});
});
slider.onclick = function () {
location.assign(pg[slider_index]);
};
//touchswipe control
function checkX() {
if (touchendX < touchstartX && touchstartX - touchendX > 50) nxt();
if (touchendX > touchstartX && touchendX - touchstartX > 50) prv();
if (touchendX < touchstartX && touchstartX - touchendX > 60) nxt();
if (touchendX > touchstartX && touchendX - touchstartX > 60) prv();
}
//slider.children.forEach((carousel, num) => {
carousel.addEventListener("touchstart", (e) => {
@@ -85,6 +107,5 @@ carousel.addEventListener("touchend", (e) => {
touchendX = e.changedTouches[0].screenX;
checkX();
});
//});
//location.reload(true);