Booting
loading...
TRASH
1
88888888
3
2
4
loading
♥
``` + adding later const redBall = document.getElementById('red-ball'); const trashTarget = document.getElementById('trash-target'); document.querySelector('.obj-calc').onclick = e => { e.stopPropagation(); window.location.href='https://heartedeum.neocities.org/math'; }; document.querySelector('.obj-iphone').onclick = e => { e.stopPropagation(); window.location.href='https://heartedeum.neocities.org/iphone'; }; trashTarget.onclick = () => window.location.href='https://heartedeum.neocities.org/trash'; const ballTrigger = e => { e.stopPropagation(); equipped = true; redBall.classList.add('equipped'); document.body.appendChild(redBall); .obj-calc { --w: 120px; --h: 15px; --d: 160px; transform: translate3d(45px, 60px, -100px); cursor: pointer; visibility: hidden; } .obj-iphone { --w: 70px; --h: 10px; --d: 140px; transform: translate3d(70px, 60px, -100px); cursor: pointer; visibility: hidden; } .obj-ball { width: 50px; height: 50px; background: red; border-radius: 50%; border: 2px solid #000; position: absolute; transform: translate3d(80px, 45px, -100px); cursor: grab; visibility: hidden; box-shadow: inset -10px -10px 10px rgba(0,0,0,0.5); z-index: 10; } .drawer.open .obj-calc, .drawer.open .obj-iphone, .drawer.open .obj-ball { visibility: visible; } .obj-ball.equipped { position: fixed; z-index: 10001; pointer-events: none; width: 40px; height: 40px; filter: grayscale(0) !important; transform: translate(-50%, -50%); }