raghnarok/simpleWordsCloud
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: raghnarok:af16614960eef8287062c77e7805f1301cb9cde3
Branches Tags
raghnarok:master
..
compare: raghnarok:e0eff29da3a44ce3bc40b68c1a9d5d307e488748
Branches Tags
raghnarok:master

4 commits
af16614960 ... e0eff29da3

Author SHA1 Message Date
Gregory Trolliet
e0eff29da3 Add about page 2020-11-23 21:31:09 +01:00
Gregory Trolliet
43c96d5e47 Change links hover and space the words table 2020-11-23 20:33:57 +01:00
Gregory Trolliet
d402b0bc8b Add link to my website 2020-11-23 20:33:20 +01:00
Gregory Trolliet
21cc4b8831 Fix the footer centering on small screens 2020-11-23 19:42:58 +01:00
5 changed files with 57 additions and 6 deletions
Show stats Expand all files Collapse all files

23
about.php Normal file
View file

@ -0,0 +1,23 @@
<?php
include('init.php');
include('templates/header.php');
?>
<p>
<strong>SimpleWordsCloud</strong> 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.<br/>
Le code source est publié sous
<a href="https://mit-license.org/" title="Lien vers le site de la licence MIT">licence MIT</a>
et est disponible sur
<a href="https://git.vulgarisons.info/raghnarok/simpleWordsCloud" title="Lien vers le dépôt">mon dépôt git</a>.
</p>
<p>
L'affichage du nuage est possible grâce au travail de
<a href="https://timdream.org/" title="Lien vers le site de Timothy Guan-tin Chien">Timothy Guan-tin Chien</a>.
</p>
<?php
include('templates/footer.php');
?>

27
css/style.css
View file

@ -41,6 +41,10 @@ html, body {
a { a {
color: var(--font-color); color: var(--font-color);
} }
a:hover {
text-decoration: none;
border-bottom: 0.08em dashed var(--font-color);
}
#page-wrap { #page-wrap {
min-height: 100%; min-height: 100%;
margin-bottom: calc(0em - var(--footer-height)); margin-bottom: calc(0em - var(--footer-height));
@ -57,10 +61,19 @@ footer, #page-wrap:after {
/******************* Header *******************/ /******************* Header *******************/
#navbar { #navbar {
font-size: 2em; position: relative;
padding: 2rem 1rem; padding: 2rem 1rem;
} }
#navbar-right {
position: absolute;
right: 1em;
bottom: 2em;
}
#navbar .title{
font-size: 2em;
}
/******************* Footer *******************/ /******************* Footer *******************/
#footer { #footer {
@ -73,6 +86,7 @@ footer, #page-wrap:after {
position: absolute; position: absolute;
bottom: 0.1em; bottom: 0.1em;
left: 50%; left: 50%;
min-width: fit-content;
transform: translateX(-50%); transform: translateX(-50%);
} }
@ -85,7 +99,7 @@ footer, #page-wrap:after {
/******************* Others *******************/ /******************* Others *******************/
#my_canvas { #my_canvas {
height: 400px; height: 50vh;
} }
.cloud_words_input { .cloud_words_input {
@ -118,3 +132,12 @@ footer, #page-wrap:after {
summary:active, summary:focus { summary:active, summary:focus {
outline: none; outline: none;
} }
.download_link {
margin-top: 0.5em;
}
details table {
margin-top: 0.5em;
margin-left: 1em;
}

2
result.php
View file

@ -51,7 +51,9 @@ if (isset($id)) {
</thead> </thead>
</table> </table>
</details> </details>
<div class="download_link">
<a href="download.php?id=<?php echo $id ?>"><?php echo L::wordsList_download ?></a> <a href="download.php?id=<?php echo $id ?>"><?php echo L::wordsList_download ?></a>
</div>
<?php <?php
} }
} }

2
templates/footer.php
View file

@ -2,7 +2,7 @@
</div> </div>
<div id="footer"> <div id="footer">
<div id="footer_text"> <div id="footer_text">
SimpleWordsCloud &mdash; Gregory Trolliet SimpleWordsCloud &mdash; <a href="https://trolliet.info">Gregory Trolliet</a>
</div> </div>
</div> </div>
<?php <?php

5
templates/header.php
View file

@ -14,6 +14,9 @@
<body> <body>
<div id="page-wrap"> <div id="page-wrap">
<div id="navbar"> <div id="navbar">
<a href="index.php"><?php echo L::title ?></a> <a href="index.php" class="title"><?php echo L::title ?></a>
<span id="navbar-right">
<a href="about.php">À propos</a>
</span>
</div> </div>
<div class="container"> <div class="container">