heonian.org/heonian-conversation
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix le js

Browse Source
This commit is contained in:
remi 2022-05-08 18:46:56 +02:00
parent 941f701d7d
commit 87f1a59ceb
3 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
html/pop_up.html
View File

@ -2,7 +2,7 @@
<div id="popup"> <div id="popup">
<h1>um</h1> <h1>um</h1>
<p id="popup-heo"></p> <p id="popup-heo"></p>
<div class="spacer"></div> <div id="spacerhide" class="spacer"></div>
<div id="popup-middle"> <div id="popup-middle">
<div id="popup-quirks-container"><span id="popup-quirks"></span></div> <div id="popup-quirks-container"><span id="popup-quirks"></span></div>
</div> </div>

9
main.js
View File

@ -282,7 +282,7 @@ function showPopup(ogword, word, quirks = "") {
p.querySelector("#popup-meaning").innerText = words[word]["meaning"]; p.querySelector("#popup-meaning").innerText = words[word]["meaning"];
p.querySelector("#popup-quirks").innerHTML = ""; p.querySelector("#popup-quirks").innerHTML = "";
if (quirks.trim() != "") { if (quirks.trim() != "") {
p.querySelector("#popup-quirks-container").style.display = "block"; p.querySelector("#popup-middle").style.display = "block";
let qyuirks = quirks.split(" "); let qyuirks = quirks.split(" ");
qyuirks.forEach(quirk => { qyuirks.forEach(quirk => {
let badge = document.createElement("div"); let badge = document.createElement("div");
@ -292,10 +292,11 @@ function showPopup(ogword, word, quirks = "") {
badge.style.boxShadow = "0px 0px 4px " + quirkBadges[quirk]["color"] + "cc"; badge.style.boxShadow = "0px 0px 4px " + quirkBadges[quirk]["color"] + "cc";
badge.innerText = quirkBadges[quirk]["name"]; badge.innerText = quirkBadges[quirk]["name"];
badge.onclick = () => { badge.onclick = () => {
p.querySelector("#spacerhide").style.display = "none";
p.querySelector("#popup-middle").style.display = "none";
p.querySelector("h1").innerText = quirkBadges[quirk]["name"]; p.querySelector("h1").innerText = quirkBadges[quirk]["name"];
p.querySelector("#popup-meaning").innerText = quirkBadges[quirk]["description"]; p.querySelector("#popup-meaning").innerText = quirkBadges[quirk]["description"];
//p.querySelector("#popup-type").innerText = quirkBadges[quirk]["type"]; //p.querySelector("#popup-type").innerText = quirkBadges[quirk]["type"];
p.querySelector("#popup-quirks-container").style.display = "none";
p.querySelector("#popup-heo").innerText = quirkBadges[quirk]["bending"]; p.querySelector("#popup-heo").innerText = quirkBadges[quirk]["bending"];
} }
} catch (e) { } catch (e) {
@ -304,9 +305,11 @@ function showPopup(ogword, word, quirks = "") {
badge.innerText = quirkBadges["unknown-tag"]["name"]; badge.innerText = quirkBadges["unknown-tag"]["name"];
} }
p.querySelector("#popup-quirks").appendChild(badge); p.querySelector("#popup-quirks").appendChild(badge);
p.querySelector("#spacerhide").style.display = "block";
}); });
} else { } else {
p.querySelector("#popup-quirks-container").style.display = "none"; p.querySelector("#spacerhide").style.display = "none";
p.querySelector("#popup-middle").style.display = "none";
} }
c.style.opacity = 1; c.style.opacity = 1;
c.style.pointerEvents = "all"; c.style.pointerEvents = "all";

2
text_analysis.css
View File

@ -223,7 +223,7 @@ main {
} }
#popup-heo, #smol-heo { #popup-heo, #smol-heo {
font-family: "heonian"; font-family: var(--font-heonian);
text-align: center; text-align: center;
margin: 4px; margin: 4px;
margin-bottom: 8px; margin-bottom: 8px;