79 lines
2.4 KiB
JavaScript
79 lines
2.4 KiB
JavaScript
function redirectToFile() {
|
|
window.location.href = 'index.html'; // Replace 'file.html' with the actual file you want to redirect to
|
|
}
|
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const textInput = document.getElementById('text_input');
|
|
const hiddenInput = document.querySelector('.password.hidden');
|
|
const handle = document.querySelector('.handle');
|
|
const correctPassword = "Credits"; // Replace with the actual correct password
|
|
|
|
handle.addEventListener('click', () => {
|
|
if (textInput.type === 'text') {
|
|
textInput.type = 'password';
|
|
hiddenInput.type = 'text';
|
|
} else {
|
|
textInput.type = 'text';
|
|
hiddenInput.type = 'password';
|
|
}
|
|
});
|
|
|
|
textInput.addEventListener('input', () => {
|
|
if (textInput.value === correctPassword) {
|
|
window.location.href = "credits.html"; // Replace with the actual file to navigate to
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
const text = document.querySelector('input.password.visible');
|
|
const pass = document.querySelector('input.password.hidden');
|
|
const handle = document.querySelector('img.handle');
|
|
|
|
text.addEventListener('input', (e)=>{
|
|
pass.value = e.target.value;
|
|
});
|
|
|
|
let startingPos;
|
|
let paneUp = true;
|
|
let angle;
|
|
|
|
handle.addEventListener('mousedown', (e)=>{
|
|
startingPos = e.clientY;
|
|
document.body.classList.add('grabbing');
|
|
})
|
|
|
|
document.addEventListener('mousemove', (e)=>{
|
|
if (startingPos) {
|
|
if (paneUp) {
|
|
if (e.clientY > startingPos && e.clientY < startingPos+160) {
|
|
angle = ((e.clientY-startingPos) * 180) / 160;
|
|
pass.style.transform = `rotateX(${angle}deg)`;
|
|
handle.style.transform = `translateY(-40px) rotateX(${angle}deg)`;
|
|
}
|
|
} else {
|
|
if (e.clientY < startingPos && e.clientY > startingPos-160) {
|
|
angle = 360 + ((e.clientY-startingPos-160) * 180) / 160;
|
|
pass.style.transform = `rotateX(${angle}deg)`;
|
|
handle.style.transform = `translateY(-40px) rotateX(${angle}deg)`;
|
|
}
|
|
}
|
|
}
|
|
})
|
|
|
|
document.addEventListener('mouseup', (e)=>{
|
|
document.body.classList.remove('grabbing');
|
|
if (startingPos) {
|
|
if (angle >= 90) {
|
|
pass.style.transform = `rotateX(180deg)`;
|
|
handle.style.transform = `translateY(-40px) rotateX(180deg)`;
|
|
paneUp = false;
|
|
} else {
|
|
pass.style.transform = `rotateX(0)`;
|
|
handle.style.transform = `translateY(-40px) rotateX(0)`;
|
|
paneUp = true;
|
|
}
|
|
}
|
|
|
|
startingPos = undefined;
|
|
}) |