Compare commits
4 Commits
af16614960
...
e0eff29da3
| Author | SHA1 | Date |
|---|---|---|
 Gregory Trolliet
|
e0eff29da3 | |
|
Gregory Trolliet
|
43c96d5e47 | |
|
Gregory Trolliet
|
d402b0bc8b | |
|
Gregory Trolliet
|
21cc4b8831 |
|
|
@ -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');
|
||||
?>
|
||||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -51,7 +51,9 @@ if (isset($id)) {
|
|||
</thead>
|
||||
</table>
|
||||
</details>
|
||||
<a href="download.php?id=<?php echo $id ?>"><?php echo L::wordsList_download ?></a>
|
||||
<div class="download_link">
|
||||
<a href="download.php?id=<?php echo $id ?>"><?php echo L::wordsList_download ?></a>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,8 +2,8 @@
|
|||
</div>
|
||||
<div id="footer">
|
||||
<div id="footer_text">
|
||||
SimpleWordsCloud — Gregory Trolliet
|
||||
</div>
|
||||
SimpleWordsCloud — <a href="https://trolliet.info">Gregory Trolliet</a>
|
||||
</div>
|
||||
</div>
|
||||
<?php
|
||||
if (!empty($jsWordcloud)) {
|
||||
|
|
|
|||
|
|
@ -14,6 +14,9 @@
|
|||
<body>
|
||||
<div id="page-wrap">
|
||||
<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 class="container">
|
||||
|
|
|
|||
Loading…
Reference in New Issue