+ SimpleWordsCloud est un outil permettant de créer et
+ de un visualiser un nuage de mots.
+ Cet outil ne demande aucune inscription et
+ n'enregistre rien de plus que les mots entrés,
+ il respecte donc totalement votre vie privée.
+ Le code source est publié sous
+ licence MIT
+ et est disponible sur
+ mon dépôt git.
+
+ L'affichage du nuage est possible grâce au travail de + Timothy Guan-tin Chien. +
+ diff --git a/css/style.css b/css/style.css index 85fc92a..e3a678c 100644 --- a/css/style.css +++ b/css/style.css @@ -41,6 +41,10 @@ html, body { a { color: var(--font-color); } +a:hover { + text-decoration: none; + border-bottom: 0.08em dashed var(--font-color); +} #page-wrap { min-height: 100%; margin-bottom: calc(0em - var(--footer-height)); @@ -57,10 +61,19 @@ footer, #page-wrap:after { /******************* Header *******************/ #navbar { - font-size: 2em; + position: relative; padding: 2rem 1rem; } +#navbar-right { + position: absolute; + right: 1em; + bottom: 2em; +} +#navbar .title{ + font-size: 2em; +} + /******************* Footer *******************/ #footer { @@ -73,6 +86,7 @@ footer, #page-wrap:after { position: absolute; bottom: 0.1em; left: 50%; + min-width: fit-content; transform: translateX(-50%); } @@ -85,7 +99,7 @@ footer, #page-wrap:after { /******************* Others *******************/ #my_canvas { - height: 400px; + height: 50vh; } .cloud_words_input { @@ -118,3 +132,12 @@ footer, #page-wrap:after { summary:active, summary:focus { outline: none; } + +.download_link { + margin-top: 0.5em; +} + +details table { + margin-top: 0.5em; + margin-left: 1em; +} diff --git a/result.php b/result.php index 7041031..4469276 100644 --- a/result.php +++ b/result.php @@ -51,7 +51,9 @@ if (isset($id)) { - +