diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..501ea6d --- /dev/null +++ b/index.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html lang="fr"> + <head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width,initial-scale=1.0"> + <script src="vue.js"></script> + <link rel="icon" href="<%= BASE_URL %>favicon.ico"> + <title>Dicofr</title> + <style> + body { + padding: 5%; + } + web { + margin: 5%; + } + .defs { + margin-top: 40px; + } + .def { + list-style-type: upper-roman; + } + input { + box-shadow: 0 0 3px #000; + } + .good { + box-shadow: 0 0 3px #00FF00; + border-color: #00FF00; + } + .bad { + box-shadow: 0 0 3px #FF0000; + border-color: #F00; + } + .def > li { + margin: 2em 0; + } + ol > li { + margin: .5em 0; + line-height: 1.15; + } + .main_word { + font-weight: bold; + } + </style> + </head> + <body> + <noscript> + <strong> + Désolé mais le client Web nécessite JavaScript + </strong> + </noscript> + <div id="web"> + <input v-model="word" v-on:keyup.enter="searchWord" + :placeholder="randomplaceholder()" + :class="{good: is_word, bad: is_word === false}"> + <div v-if="!!definitions" class="defs"> + <div v-for="def in definitions"> + <span class="main_word">{{def.mot }}</span>, + <span class="cat_gram">{{def['cat-gram']}}</span><span v-if="def.genre" class="genre"> + {{ def.genre }}</span>, + <span class="API">/{{ def.API }}/</span> + <br> + <ol class="def"> + <template v-for='d in def.def'> + <li>{{ d.def }} + <ol v-if="d.ex"> + <li v-for='x in d.ex'>{{ x }}</li> + </ol> + </li> + </template> + </ol> + </div> + </div> + </div> + <script src="msgpack.min.js"></script> + <script src="web.js"></script> + </body> +</html> + |