initial commit

2022-06-07 00:18:05 +02:00
commit 5fc1858e75
5 changed files with 322 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,61 @@
+<!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>