- ee ee n_n + ee ee n_n ariri
diff --git a/input.txt b/input.txt index be2a8c3..3a0969d 100644 --- a/input.txt +++ b/input.txt @@ -2,7 +2,7 @@ LU'NYA i lunya.jpeg d 2022/05/04 nyan'pash! balfur yu e she polika'nya dre? - + ESH'NYUI i eshnyui.png re chu meshu yu polika'nya diff --git a/input_test.txt b/input_test.txt new file mode 100644 index 0000000..2e0d901 --- /dev/null +++ b/input_test.txt @@ -0,0 +1,23 @@ +ITS ME PEKORA +d deez +r hiiiii!!!! +! uwu + +HOLY SHIT REMI +d a + amogus + + +it's meee pekora!!!! +i eshnyui.png +d yolo + so cool + so cool + so cool + + how this work owo + + + so cool + so uwu + very good \ No newline at end of file diff --git a/main.js b/main.js index ce10409..58c7560 100644 --- a/main.js +++ b/main.js @@ -7,13 +7,15 @@ let words = {} let currentFont = "r"; +let timeout = ""; + function init() { // createWordList(); // injectWords(); // document.querySelector("#popup-container").addEventListener("click", () => { // document.querySelector("#popup-container").style.opacity = 0; // document.querySelector("#popup-container").style.pointerEvents = "none"; - // }) + // }); // above are commented out until wordlist is added~ document.querySelector("#font-button").addEventListener("click", () => {fontButton();}); } @@ -29,6 +31,31 @@ function showPopup(word) { c.style.pointerEvents = "all"; } +function showSmolPopup(word) { + let p = document.querySelector("#smol-popup"); + p.querySelector("h1").innerText = word; + p.querySelector("#smol-heo").innerText = words[word]["heonian"]; + p.querySelector("#smol-type").innerText = words[word]["type"]; + p.querySelector("#smol-meaning").innerText = words[word]["meaning"]; + p.style.opacity = 1; + p.style.pointerEvents = "all"; +} + +function checkHover(word) { + if (timeout != "") { + clearTimeout(timeout); + } + timeout = setTimeout(() => { + showSmolPopup(word); + }, 450); +} + +function clearHover() { + if (timeout != "") { + clearTimeout(timeout); + } +} + function createWordList() { //sometimes i really dislike javascript.. let t = document.querySelector("tbody"); t.querySelectorAll("tr").forEach(element => { @@ -66,6 +93,14 @@ function injectWords() { element.addEventListener('click', function(e) { showPopup(element.innerText); }, false); + element.addEventListener('mouseover', function(e) { + checkHover(element.innerText); + } + , false); + element.addEventListener('mouseout', function(e) { + clearHover(); + } + , false); }); } }); diff --git a/test.html b/test.html index 350af16..b6cbc66 100644 --- a/test.html +++ b/test.html @@ -58,12 +58,6 @@ nyan'pash! balfur yu e she polika'nya dre?! ?
-- -
-- -