diff options
author | amy <[email protected]> | 2023-02-03 16:12:54 -0600 |
---|---|---|
committer | amy <[email protected]> | 2023-02-03 16:12:54 -0600 |
commit | c4fbc28b4d7501eb0a462ab3ed5c731c07fde437 (patch) | |
tree | 12a7de86986d9076a84ba665cd8ff7d969590709 | |
parent | 043b679f2b85cdf21839a64984c272adb266b370 (diff) |
fixed scrolling & more badges
-rw-r--r-- | badges/anticodeandrun.gif | bin | 0 -> 475 bytes | |||
-rw-r--r-- | badges/arizona.gif | bin | 0 -> 20111 bytes | |||
-rw-r--r-- | badges/calcium.png | bin | 0 -> 610 bytes | |||
-rw-r--r-- | badges/catp0rtal.gif | bin | 0 -> 2277 bytes | |||
-rw-r--r-- | badges/css.png | bin | 0 -> 3538 bytes | |||
-rw-r--r-- | badges/dramaturgie.gif | bin | 0 -> 181273 bytes | |||
-rw-r--r-- | badges/friday-girl.gif | bin | 0 -> 5528 bytes | |||
-rw-r--r-- | badges/hexrain.png | bin | 0 -> 651 bytes | |||
-rw-r--r-- | badges/reshirii.gif | bin | 0 -> 75391 bytes | |||
-rw-r--r-- | badges/thatwhitehand.png | bin | 0 -> 1443 bytes | |||
-rw-r--r-- | display.html | 77 | ||||
-rw-r--r-- | readme.md | 2 |
12 files changed, 41 insertions, 38 deletions
diff --git a/badges/anticodeandrun.gif b/badges/anticodeandrun.gif Binary files differnew file mode 100644 index 0000000..c09d1ed --- /dev/null +++ b/badges/anticodeandrun.gif diff --git a/badges/arizona.gif b/badges/arizona.gif Binary files differnew file mode 100644 index 0000000..0582ede --- /dev/null +++ b/badges/arizona.gif diff --git a/badges/calcium.png b/badges/calcium.png Binary files differnew file mode 100644 index 0000000..321e363 --- /dev/null +++ b/badges/calcium.png diff --git a/badges/catp0rtal.gif b/badges/catp0rtal.gif Binary files differnew file mode 100644 index 0000000..3678c51 --- /dev/null +++ b/badges/catp0rtal.gif diff --git a/badges/css.png b/badges/css.png Binary files differnew file mode 100644 index 0000000..29b1555 --- /dev/null +++ b/badges/css.png diff --git a/badges/dramaturgie.gif b/badges/dramaturgie.gif Binary files differnew file mode 100644 index 0000000..2d3cb4c --- /dev/null +++ b/badges/dramaturgie.gif diff --git a/badges/friday-girl.gif b/badges/friday-girl.gif Binary files differnew file mode 100644 index 0000000..78c5af2 --- /dev/null +++ b/badges/friday-girl.gif diff --git a/badges/hexrain.png b/badges/hexrain.png Binary files differnew file mode 100644 index 0000000..26acb6f --- /dev/null +++ b/badges/hexrain.png diff --git a/badges/reshirii.gif b/badges/reshirii.gif Binary files differnew file mode 100644 index 0000000..8cb0971 --- /dev/null +++ b/badges/reshirii.gif diff --git a/badges/thatwhitehand.png b/badges/thatwhitehand.png Binary files differnew file mode 100644 index 0000000..6fa7355 --- /dev/null +++ b/badges/thatwhitehand.png diff --git a/display.html b/display.html index 6db8454..259ca09 100644 --- a/display.html +++ b/display.html @@ -318,9 +318,10 @@ for (let iii = 0; iii != elem.children.length; iii++) { if (elem.children.item(iii).className == "close-button") { //console.log(elem.children.item(iii)) + let ii = elems.item(i) elem.children.item(iii).onmousedown = ((ev) => { //console.log(elems.item(i)) - elems.item(i).remove() + ii.remove() }) break } @@ -341,7 +342,6 @@ elep.style.zIndex = 1 document.body.style.cursor = 'grabbing' elemhb.style.cursor = 'grabbing' - console.log(elemhb) px = ev.clientX py = ev.clientY document.body.style.userSelect = "none" @@ -484,7 +484,6 @@ if (elec.item(ii).children.item(iiiii).className == 'content-content') { //console.log(elec.item(ii).children.item(iiiii), "hi") con = elec.item(ii).children.item(iiiii) - console.log(con) elec.item(ii).onscroll = ((ev) => { if (!scrolling) { let aaaa = (elec.item(ii).clientHeight - elem.clientHeight) @@ -493,6 +492,40 @@ elem.style.top = scro * aaaa } }) + elem.onmousedown = ((ev) => { + let thi = elec.item(ii).children.item(iiiii) + let eel = temp.item(iiii) + document.body.style.cursor = 'grabbing' + eel.style.cursor = 'grabbing' + py = ev.clientY + document.body.style.userSelect = "none" + document.onmouseup = ((evu) => { + document.body.style.userSelect = "unset" + document.onmousemove = null + document.onmouseup = null + document.body.style.cursor = '' + eel.style.cursor = 'grab' + scrolling = false + }) + document.onmousemove = ((evm) => { + scrolling = true + let z = (eel.offsetTop - (py - evm.clientY)) + //let b = (elem.clientHeight - elem.offsetTop - (py - evm.clientY)) + //console.log(elem.clientHeight/2 - elem.offsetTop - (py - evm.clientY)) + //console.log(z, elem.parentElement.clientHeight - elem.clientHeight) + if (z >= 0 && z < eel.parentElement.clientHeight - eel.clientHeight) { + eel.style.top = z + thi.parentElement.scrollTop = ((z / (eel.parentElement.clientHeight - eel.clientHeight)) * (thi.scrollHeight - eel.parentElement.clientHeight + 24)) + } else { + if (z < elem.parentElement.clientHeight - elem.clientHeight) { + elem.style.top = 0 + } else { + elem.style.top = elem.parentElement.clientHeight - elem.clientHeight + } + } + py = (evm.clientY) + }) + }) break } } @@ -509,42 +542,12 @@ px = 0, py = 0; if (elem.className == 'scrollbar-point') { - elem.onmousedown = ((ev) => { - let thi = con - document.body.style.cursor = 'grabbing' - elem.style.cursor = 'grabbing' - py = ev.clientY - document.body.style.userSelect = "none" - document.onmouseup = ((evu) => { - document.body.style.userSelect = "unset" - document.onmousemove = null - document.onmouseup = null - document.body.style.cursor = '' - elem.style.cursor = 'grab' - scrolling = false - }) - document.onmousemove = ((evm) => { - scrolling = true - let z = (elem.offsetTop - (py - evm.clientY)) - //let b = (elem.clientHeight - elem.offsetTop - (py - evm.clientY)) - //console.log(elem.clientHeight/2 - elem.offsetTop - (py - evm.clientY)) - //console.log(z, elem.parentElement.clientHeight - elem.clientHeight) - if (z >= 0 && z < elem.parentElement.clientHeight - elem.clientHeight) { - elem.style.top = z - console.log(thi) - thi.parentElement.scrollTop = ((z / (elem.parentElement.clientHeight - elem.clientHeight)) * (con.scrollHeight - elem.parentElement.clientHeight + 24)) - } /*else { - if (z < elem.parentElement.clientHeight - elem.clientHeight) { - elem.style.top = 0 - } else { - elem.style.top = elem.parentElement.clientHeight - elem.clientHeight - } - }*/ - py = (evm.clientY) - }) - }) + + } + + } @@ -1,5 +1,5 @@ credits:</br> display-font (src/98.ttf): [Levi Windows](https://www.dafont.com/leviwindows.font?text=All+your+base+belong+to+us.+Cancel+OK)</br> - badges (badges/\*): [here uwu](https://cyber.dabamos.de/88x31/)</br> + badges (badges/\*): [here uwu](https://cyber.dabamos.de/88x31/) and [here](https://neonaut.neocities.org/cyber/88x31)</br> <img alt="./badges\000010.gif" title="./badges\000010.gif" src="./badges\000010.gif"> <img alt="./badges\104.gif" title="./badges\104.gif" src="./badges\104.gif"> <img alt="./badges\1of2.gif" title="./badges\1of2.gif" src="./badges\1of2.gif"> <img alt="./badges\anibanner.gif" title="./badges\anibanner.gif" src="./badges\anibanner.gif"> <img alt="./badges\asexuals_now.gif" title="./badges\asexuals_now.gif" src="./badges\asexuals_now.gif"> <img alt="./badges\beyes.gif" title="./badges\beyes.gif" src="./badges\beyes.gif"> <img alt="./badges\css2.gif" title="./badges\css2.gif" src="./badges\css2.gif"> <img alt="./badges\devils.gif" title="./badges\devils.gif" src="./badges\devils.gif"> <img alt="./badges\digby88.gif" title="./badges\digby88.gif" src="./badges\digby88.gif"> <img alt="./badges\finger-logo-people.gif" title="./badges\finger-logo-people.gif" src="./badges\finger-logo-people.gif"> <img alt="./badges\firefox4.gif" title="./badges\firefox4.gif" src="./badges\firefox4.gif"> <img alt="./badges\getbsod.gif" title="./badges\getbsod.gif" src="./badges\getbsod.gif"> <img alt="./badges\linuxnow2.gif" title="./badges\linuxnow2.gif" src="./badges\linuxnow2.gif"> <img alt="./badges\neovim.gif" title="./badges\neovim.gif" src="./badges\neovim.gif"> <img alt="./badges\nya2.gif" title="./badges\nya2.gif" src="./badges\nya2.gif"> <img alt="./badges\transistor_cafe.gif" title="./badges\transistor_cafe.gif" src="./badges\transistor_cafe.gif"> <img alt="./badges\transnow2.gif" title="./badges\transnow2.gif" src="./badges\transnow2.gif"> <img alt="./badges\zettai.gif" title="./badges\zettai.gif" src="./badges\zettai.gif"> |