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>
<script src="./heonian-ime/ime.js"></script>
<script src="./main.js"></script>
</body>
</html>

View File

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

20
main.js
View File

@ -5,19 +5,6 @@ let searchDictionary = {};
let header = 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) {
//todo: debounce this
if (inout) {
@ -60,14 +47,10 @@ document.addEventListener("keydown", (e) => {
if (!header.querySelector("input").matches(":focus") && !header.classList.contains("fullscreen")) {
e.preventDefault();
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 (header.querySelector("input").matches(":focus") && ime == null) {
if (header.querySelector("input").matches(":focus")) {
//search
e.preventDefault();
if (header.classList.contains("fullscreen")) {
@ -279,6 +262,5 @@ function doSearch() {
window.onload = () => {
header = document.querySelector("header");
main = document.querySelector("main");
header.querySelector("#search button").onclick = () => {toggleIME();};
loadDictionary();
}