From 21cc4b88310cb1444fedc652d015d6dec5a16615 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Mon, 23 Nov 2020 19:42:58 +0100
Subject: [PATCH 1/4] Fix the footer centering on small screens

---
 css/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index 85fc92a..f57a5cb 100644
--- a/css/style.css
+++ b/css/style.css
@@ -73,6 +73,7 @@ footer, #page-wrap:after {
 	position: absolute;
 	bottom: 0.1em;
 	left: 50%;
+	min-width: fit-content;
 	transform: translateX(-50%);
 }
 
@@ -85,7 +86,7 @@ footer, #page-wrap:after {
 /******************* Others *******************/
 
 #my_canvas {
-	height: 400px;
+	height: 50vh;
 }
 
 .cloud_words_input {

From d402b0bc8b98d117c5a99dd60c7b346a0b419f47 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Mon, 23 Nov 2020 20:33:20 +0100
Subject: [PATCH 2/4] Add link to my website

---
 templates/footer.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/footer.php b/templates/footer.php
index 5436326..29fe0fd 100644
--- a/templates/footer.php
+++ b/templates/footer.php
@@ -2,8 +2,8 @@
 </div>
 <div id="footer">
 	<div id="footer_text">
-	SimpleWordsCloud &mdash; Gregory Trolliet
-</div>
+		SimpleWordsCloud &mdash; <a href="https://trolliet.info">Gregory Trolliet</a>
+	</div>
 </div>
 <?php
 if (!empty($jsWordcloud)) {

From 43c96d5e477d23baf72adfb77149fd3d731e9848 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Mon, 23 Nov 2020 20:33:57 +0100
Subject: [PATCH 3/4] Change links hover and space the words table

---
 css/style.css | 13 +++++++++++++
 result.php    |  4 +++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index f57a5cb..30988be 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));
@@ -119,3 +123,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)) {
 		</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
 	}
 }

From e0eff29da3a44ce3bc40b68c1a9d5d307e488748 Mon Sep 17 00:00:00 2001
From: Gregory Trolliet <gregory@trolliet.info>
Date: Mon, 23 Nov 2020 21:31:09 +0100
Subject: [PATCH 4/4] Add about page

---
 about.php            | 23 +++++++++++++++++++++++
 css/style.css        | 11 ++++++++++-
 templates/header.php |  5 ++++-
 3 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 about.php

diff --git a/about.php b/about.php
new file mode 100644
index 0000000..9941723
--- /dev/null
+++ b/about.php
@@ -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');
+?>
diff --git a/css/style.css b/css/style.css
index 30988be..e3a678c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -61,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 {
diff --git a/templates/header.php b/templates/header.php
index 63a0d43..168ef24 100644
--- a/templates/header.php
+++ b/templates/header.php
@@ -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">