61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>heonian web dictionary</title>
|
|
<meta name="description" content="now with 50% less unix requirement">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="stylesheet" href="./main.css">
|
|
<link rel="preload" href="./wordlist.json" as="fetch">
|
|
</head>
|
|
<body>
|
|
<!--
|
|
entry screen, centered {
|
|
hisho
|
|
[search box, has a button to click to toggle heonian IME]
|
|
[show all words] [other resource links, idk link to google doc, heonian-conversation, github]
|
|
}
|
|
|
|
click search box or show all words, screen animates search box and. title and all that to top of screen
|
|
and. results appear n stuff,
|
|
Vewy Cool Fancy Totally Not Waste Of Resources
|
|
|
|
RUBY TAGS HOLY SHIT
|
|
um,
|
|
results layout would kinda look like,,,
|
|
|
|
[words - 420 found / expressions - 69 found / wahtever else - ygettheidea] (click one to filter to just those)
|
|
|
|
word {
|
|
word [word in latin, in ruby]
|
|
[tags like. common word, slang, formal???, type, etc]
|
|
[maybe formal and non-formal versions of word could be shown]
|
|
[show inflections button (steal from jisho)]
|
|
[play audio clip would also be cool....]
|
|
|
|
short english translation, followed by . long description/explanation of word
|
|
maybe an example? usage?
|
|
and. source/who made it/etc
|
|
repeat for all meanings of word,
|
|
}
|
|
-->
|
|
<header class="fullscreen">
|
|
<span class="heonian"></span>
|
|
<div id="search">
|
|
<input type="text" placeholder="loading...">
|
|
<button>
|
|
H
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<a href="#">show all words</a> <a href="#">uh. something else</a>
|
|
</div>
|
|
<noscript>turn on js doofus</noscript>
|
|
</header>
|
|
<main>
|
|
|
|
</main>
|
|
|
|
<script src="./main.js"></script>
|
|
</body>
|
|
</html> |