Compare commits

..

No commits in common. "57ea079eafeb231e254265366653436d4a43461a" and "a4f1a04c721ece964c6e79d6f3dbacd60facac0e" have entirely different histories.

5 changed files with 6 additions and 52 deletions

3
.gitmodules vendored
View File

@ -1,3 +0,0 @@
[submodule "heonian-ime"]
path = heonian-ime
url = https://git.succubi.services/heonian.org/heonian-ime

@ -1 +0,0 @@
Subproject commit 76bc6baf11f2b21f365e6f2ef36c05b00ea04c84

View File

@ -37,7 +37,6 @@
</main> </main>
<script src="./heonian-ime/ime.js"></script>
<script src="./main.js"></script> <script src="./main.js"></script>
</body> </body>
</html> </html>

View File

@ -32,33 +32,19 @@
:root { :root {
--font: "Helvetica Neue", Helvetica, Arial, sans-serif; --font: "Helvetica Neue", Helvetica, Arial, sans-serif;
--font-h: "heonian", "Helvatica Neue", Helvetica, Arial, sans-serif; --font-h: "heonian", "Helvatica Neue", Helvetica, Arial, sans-serif;
--fg: rgb(0,0,0); --nice-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
--bg: rgb(255,255,255); --grey: rgb(226, 226, 226);
--grey: rgb(152, 152, 152); --darkgrey: rgb(150, 150, 150);
--darkgrey: rgb(100, 100, 100);
--link: rgb(27 120 151);
}
@media (prefers-color-scheme: dark) {
:root {
--fg: rgb(255,255,255);
--bg: rgb(0,0,0);
--grey: rgb(226, 226, 226);
--darkgrey: rgb(215, 215, 215);
--link: rgb(27 120 151);
}
} }
body { body {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-family: var(--font); font-family: var(--font);
color: var(--fg);
background-color: var(--bg);
} }
a { a {
color: var(--link); color: rgb(27 120 151);
text-decoration: none; text-decoration: none;
} }
@ -101,9 +87,6 @@ header #search button {
text-align: center; text-align: center;
height: 2rem; height: 2rem;
border-left: 1px solid var(--grey); border-left: 1px solid var(--grey);
color: var(--grey);
transition: 0.3s color ease;
cursor: pointer;
} }
header input { header input {
@ -117,8 +100,6 @@ header input {
font-weight: 100; font-weight: 100;
transition: border-color 0.3s; transition: border-color 0.3s;
width: calc(100% - 52px - 24px); width: calc(100% - 52px - 24px);
background-color: var(--bg);
color: var(--fg);
} }
header input:focus { header input:focus {
@ -164,7 +145,7 @@ main {
opacity: 0; opacity: 0;
max-width: 600px; max-width: 600px;
margin: auto; margin: auto;
margin-top: calc(1rem + 24px); margin-top: 1rem;
padding-left: 1rem; padding-left: 1rem;
padding-right: 1rem; padding-right: 1rem;
} }
@ -187,10 +168,6 @@ main {
border-bottom: 1px solid var(--darkgrey); border-bottom: 1px solid var(--darkgrey);
} }
.result:first-child {
padding-top: 0;
}
.result-meaning { .result-meaning {
padding-bottom: 8px; padding-bottom: 8px;
} }

20
main.js
View File

@ -5,19 +5,6 @@ let searchDictionary = {};
let header = null; let header = null;
let main = null; let main = null;
let ime = null;
function toggleIME() {
if (ime == null) {
ime = new HeonianIME(header.querySelector("input"));
header.querySelector("#search button").style.color = "var(--fg)";
} else {
ime.imeDetach();
ime = null;
header.querySelector("#search button").style.color = "var(--grey)";
}
}
function animateHeader(inout = false) { function animateHeader(inout = false) {
//todo: debounce this //todo: debounce this
if (inout) { if (inout) {
@ -60,14 +47,10 @@ document.addEventListener("keydown", (e) => {
if (!header.querySelector("input").matches(":focus") && !header.classList.contains("fullscreen")) { if (!header.querySelector("input").matches(":focus") && !header.classList.contains("fullscreen")) {
e.preventDefault(); e.preventDefault();
animateHeader(true); animateHeader(true);
} else if (header.querySelector("input").matches(":focus") && ime != null) {
toggleIME();
} else if (header.querySelector("input").matches(":focus")) {
header.querySelector("input").value = "";
} }
} }
if (e.keyCode === 13) { if (e.keyCode === 13) {
if (header.querySelector("input").matches(":focus") && ime == null) { if (header.querySelector("input").matches(":focus")) {
//search //search
e.preventDefault(); e.preventDefault();
if (header.classList.contains("fullscreen")) { if (header.classList.contains("fullscreen")) {
@ -279,6 +262,5 @@ function doSearch() {
window.onload = () => { window.onload = () => {
header = document.querySelector("header"); header = document.querySelector("header");
main = document.querySelector("main"); main = document.querySelector("main");
header.querySelector("#search button").onclick = () => {toggleIME();};
loadDictionary(); loadDictionary();
} }