heonian-webdic/index.html
2022-06-12 00:14:06 +02:00

52 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<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="manifest" href="./manifest.json">
<meta name="apple-mobile-web-app-title" content="hisho">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<link rel="apple-touch-icon" href="./icons/icon-512x512.png" />
<link rel="apple-touch-icon" sizes="72x72" href="./icons/icon-72x72.png" />
<link rel="apple-touch-icon" sizes="144x144" href="./icons/icon-144x144.png" />
<link rel="apple-touch-icon" sizes="152x152" href="./icons/icon-152x152.png" />
<!-- <link rel="preload" href="./heonian-resources/wordlist.json" as="fetch"> this doesnt seem to do shit so /shrug -->
</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
-->
<header class="fullscreen">
<span class="heonian"></span>
<div id="search">
<input type="text" placeholder="loading...">
<button>
H
</button>
</div>
<div>
<a id="showAllWords">show all words</a> <a id="randomWord">random word</a> <a href="#">resources</a>
</div>
<noscript>turn on js doofus</noscript>
<span id="update">update available! close all open hisho tabs and reopen hisho to update.</span>
</header>
<main>
</main>
<script src="./heonian-ime/ime.js"></script>
<script src="./main.js"></script>
</body>
</html>