From ccf1d7f8a55cb76617abaceca18ac6ea6e29fa90 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Thu, 14 Sep 2023 17:55:01 +0200
Subject: [PATCH 01/70] Remove old style, add navbar

---
 static/css/style.css  | 191 ++----------------------------------------
 templates/index.html  |  11 +--
 templates/navbar.html |  19 +++++
 3 files changed, 29 insertions(+), 192 deletions(-)
 create mode 100644 templates/navbar.html

diff --git a/static/css/style.css b/static/css/style.css
index 45f0a20..d4cda74 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,189 +1,12 @@
-/* Normal font */
-@font-face {
-  font-family: "Luciole";
-  font-style: normal;
-  font-weight: normal;
-  src: url(/css/fonts/Luciole-Regular.ttf);
-}
-
-/* Italic font */
-@font-face {
-  font-family: "Luciole";
-  font-style: italic;
-  font-weight: normal;
-  src: url(/css/fonts/Luciole-Regular-Italic.ttf);
-}
-
-/* Bold fond */
-@font-face {
-  font-family: "Luciole";
-  font-style: normal;
-  font-weight: bold;
-  src: url(/css/fonts/Luciole-Bold.ttf);
-}
-
-/* Bold italic font */
-@font-face {
-  font-family: "Luciole";
-  font-style: italic;
-  font-weight: bold;
-  src: url(/css/fonts/Luciole-Bold-Italic.ttf);
-}
-
-/* Page bottom */
-footer {
-  margin-top: 1em;
-  height: 3rem;
-}
-
-/* Regular tags */
-html {
-  position: relative;
-  min-height: 100vh;
-  height: 100%;
-  scroll-behavior: smooth;
-}
-
-body {
-  position: relative;
-  padding-bottom: 3em;
-  min-height: 90%;
-  background-color: rgb(24, 24, 24);
-}
-
-p,
-h1,
-h2,
-h3,
-li,
-a {
-  font-family: "Luciole", sans-serif;
-}
-
-::selection {
-  color: rgb(255, 255, 255);
-  background: rgba(124, 75, 173, 0.486);
-}
-
-/* Frames */
-h1.subtitle {
-  text-decoration: none;
-  color: rgb(28, 118, 236);
-}
-
-h1#title {
-  text-align: center;
-  color: rgb(28, 236, 174);
-}
-
-h2.subtitle,
-h2.subtitle a {
-  color: rgb(28, 118, 236) !important;
-}
-
-h3.subsubtitle,
-#content h3.subsubtitle a {
-  text-align: left;
-  color: rgb(149, 87, 201);
-}
-
-#content h3.subsubtitle a:hover {
-  color: rgb(0, 181, 236);
-  transition: color 0.1s;
-}
-
-div#content {
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: 2%;
-  padding: 0.9% 0.9% 0.9% 0.9%;
-  width: 42%;
-  border-radius: 6px;
-  border: 1px solid rgb(170, 170, 170);
-  text-align: center;
-}
-
-@media only screen and (max-width: 850px) {
-  /* Mobile display */
-  div#content {
-    width: 90%;
-  }
-}
-
-#content a,
-#content a:visited,
-#content ul {
-  text-decoration: none;
-  color: rgb(201, 201, 201);
-  text-align: center;
-}
-
-#content p {
-  text-decoration: none;
-  color: rgb(201, 201, 201);
-  text-align: center;
-  padding: 0.7em;
-}
-
-#content a:hover {
-  color: rgb(0, 181, 236);
-  transition: color 0.1s;
-}
-
-/* https://stackoverflow.com/a/40244401/15436737 */
-
-#content a {
-  position: relative;
-  text-decoration: none;
+.navbar li {
   display: inline-block;
 }
 
-#content a:after {
-  display: block;
+.navbar p::after {
+  content: "·";
+  padding: 10px;
+}
+
+.navbar li:last-child p::after {
   content: "";
-  border-bottom: solid 3px;
-  transform: scaleX(0);
-  transition: transform 250ms ease-in-out;
-  transform-origin: 100% 50%;
-}
-
-#content a:hover:after {
-  transform: scaleX(1);
-  transform-origin: 0 50%;
-}
-
-/* ------------------------------------------- */
-
-div.subcontent {
-  margin-left: auto;
-  margin-right: auto;
-  margin-top: 5%;
-  padding: 1.2% 1.2% 1.2% 1.2%;
-  width: 78%;
-  border-radius: 6px;
-  border: 1px solid rgb(170, 170, 170);
-  text-align: center;
-}
-
-#listecontent li {
-  margin-bottom: 0.5em;
-}
-
-/* Back links going to the index */
-footer.backToIndexPage {
-  text-align: center;
-}
-
-footer.backToIndexPage a {
-  color: rgb(114, 180, 76);
-  text-decoration: none;
-}
-
-footer.backToIndexPage a:hover {
-  color: rgb(152, 187, 132);
-}
-
-/* Hide content */
-.hide {
-  display: none;
 }
diff --git a/templates/index.html b/templates/index.html
index b86b402..4d4d99e 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,14 +1,9 @@
 <!DOCTYPE html>
-<html class="index" lang="fr">
+<html lang="fr">
   <head dir="ltr">
     {{>head.html}}
   </head>
-  <body class="index">
-    <div id="content">
-      <p style="font-weight: bold;"><a href="/blog">Blog</a></p>
-      <p><a href="/portfolio">Portfolio</a></p>
-      <p><a href="/networks">Réseaux</a></p>
-      <p><a href="/contrib">Contributions</a></p>
-      <p><a href="https://liv.mylloon.fr">Cours</a> (external)</p>
+  <body>
+    {{>navbar.html}}
   </body>
 </html>
diff --git a/templates/navbar.html b/templates/navbar.html
new file mode 100644
index 0000000..81640ba
--- /dev/null
+++ b/templates/navbar.html
@@ -0,0 +1,19 @@
+<nav class="navbar">
+  <ul>
+    <li>
+      <p><a href="/blog">Blog</a></p>
+    </li>
+    <li>
+      <p><a href="/portfolio">Portfolio</a></p>
+    </li>
+    <li>
+      <p><a href="/networks">Réseaux</a></p>
+    </li>
+    <li>
+      <p><a href="/contrib">Contributions</a></p>
+    </li>
+    <li>
+      <p><a href="https://liv.mylloon.fr">Cours</a></p>
+    </li>
+  </ul>
+</nav>
-- 
2.45.2


From 8bbc0a8c56b808214e0b6ba707a64024bdf1c5f6 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Thu, 14 Sep 2023 22:57:29 +0200
Subject: [PATCH 02/70] clippy

---
 src/routes/blog.rs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/blog.rs b/src/routes/blog.rs
index 053989b..b29f12e 100644
--- a/src/routes/blog.rs
+++ b/src/routes/blog.rs
@@ -234,7 +234,7 @@ fn get_post(
             page_title: Some(format!("Post: {}", title)),
             page_desc: Some(format!("Blog d'{name}")),
             page_kw: Some(
-                vec!["blog", "blogging", "write", "writing"]
+                ["blog", "blogging", "write", "writing"]
                     .iter()
                     .map(|&tag| tag.to_owned())
                     .chain(tags.into_iter().map(|t| t.name))
-- 
2.45.2


From a83256b2699b4f056c0890e09f93c4e708c75c03 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Thu, 14 Sep 2023 23:46:48 +0200
Subject: [PATCH 03/70] keep bang

---
 src/config.rs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/config.rs b/src/config.rs
index d6601f6..e3d6b1e 100644
--- a/src/config.rs
+++ b/src/config.rs
@@ -124,6 +124,7 @@ fn init(dist_dir: String, static_dir: String, templates_dir: String) -> String {
             keep_closing_tags: true,
             minify_css: true,
             minify_js: true,
+            remove_bangs: false,
             ..minify_html::Cfg::spec_compliant()
         };
 
-- 
2.45.2


From dfe1d9f263d7fc09a5f46bddcebaa7447342043a Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Thu, 14 Sep 2023 23:50:21 +0200
Subject: [PATCH 04/70] Add bold

---
 src/routes/index.rs   | 19 +++++++++++++++++--
 src/template.rs       | 10 ++++++++++
 static/css/style.css  |  4 ++++
 templates/navbar.html | 27 ++++++++++++++++++++++-----
 4 files changed, 53 insertions(+), 7 deletions(-)

diff --git a/src/routes/index.rs b/src/routes/index.rs
index e09e85b..b6707a5 100644
--- a/src/routes/index.rs
+++ b/src/routes/index.rs
@@ -1,7 +1,12 @@
 use actix_web::{get, web, HttpRequest, HttpResponse, Responder};
 use cached::proc_macro::once;
+use ramhorns::Content;
 
-use crate::{config::Config, misc::utils::get_url, template::Infos};
+use crate::{
+    config::Config,
+    misc::utils::get_url,
+    template::{Infos, NavBar},
+};
 
 #[get("/")]
 pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
@@ -11,11 +16,21 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
     ))
 }
 
+#[derive(Content, Debug)]
+struct IndexTemplate {
+    navbar: NavBar,
+}
+
 #[once(time = 60)]
 pub fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
         "index.html",
-        (),
+        IndexTemplate {
+            navbar: NavBar {
+                index: true,
+                ..NavBar::default()
+            },
+        },
         Infos {
             page_title: config.fc.fullname,
             page_desc: Some("Page principale".into()),
diff --git a/src/template.rs b/src/template.rs
index c0bc404..14f8341 100644
--- a/src/template.rs
+++ b/src/template.rs
@@ -22,6 +22,16 @@ pub struct Infos {
     pub url: String,
 }
 
+#[derive(Content, Debug, Default)]
+pub struct NavBar {
+    pub index: bool,
+    pub blog: bool,
+    pub portfolio: bool,
+    pub networks: bool,
+    pub contrib: bool,
+    pub cours: bool,
+}
+
 /// Final structure given to template
 #[derive(Content, Debug)]
 struct Data<T> {
diff --git a/static/css/style.css b/static/css/style.css
index d4cda74..a974097 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -10,3 +10,7 @@
 .navbar li:last-child p::after {
   content: "";
 }
+
+.bold {
+  font-weight: bold;
+}
diff --git a/templates/navbar.html b/templates/navbar.html
index 81640ba..63c5048 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -1,19 +1,36 @@
+{{#data}}{{#navbar}}
 <nav class="navbar">
   <ul>
     <li>
-      <p><a href="/blog">Blog</a></p>
+      <p class="{{#index}}bold{{/index}}">
+        <a href="/" title="Page principale">Index</a>
+      </p>
     </li>
     <li>
-      <p><a href="/portfolio">Portfolio</a></p>
+      <p class="{{#blog}}bold{{/blog}}">
+        <a href="/blog" title="Page de blog">Blog</a>
+      </p>
     </li>
     <li>
-      <p><a href="/networks">Réseaux</a></p>
+      <p class="{{#portfolio}}bold{{/portfolio}}">
+        <a href="/portfolio" title="Page du portfolio">Portfolio</a>
+      </p>
     </li>
     <li>
-      <p><a href="/contrib">Contributions</a></p>
+      <p class="{{#networks}}bold{{/networks}}">
+        <a href="/networks" title="Page des réseaux">Réseaux</a>
+      </p>
     </li>
     <li>
-      <p><a href="https://liv.mylloon.fr">Cours</a></p>
+      <p class="{{#contrib}}bold{{/contrib}}">
+        <a href="/contrib" title="Page des contributions">Contributions</a>
+      </p>
+    </li>
+    <li>
+      <p class="{{#cours}}bold{{/cours}}">
+        <a href="https://liv.mylloon.fr" title="Page des cours">Cours</a>
+      </p>
     </li>
   </ul>
 </nav>
+{{/navbar}}{{/data}}
-- 
2.45.2


From 7f3e2b7f38fd734e3759f12bc0eb9e843b9aff88 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Thu, 14 Sep 2023 23:52:51 +0200
Subject: [PATCH 05/70] ahah, no errors :)

---
 templates/navbar.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/templates/navbar.html b/templates/navbar.html
index 63c5048..13dcbce 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -2,32 +2,32 @@
 <nav class="navbar">
   <ul>
     <li>
-      <p class="{{#index}}bold{{/index}}">
+      <p class="_ {{#index}}bold{{/index}}">
         <a href="/" title="Page principale">Index</a>
       </p>
     </li>
     <li>
-      <p class="{{#blog}}bold{{/blog}}">
+      <p class="_ {{#blog}}bold{{/blog}}">
         <a href="/blog" title="Page de blog">Blog</a>
       </p>
     </li>
     <li>
-      <p class="{{#portfolio}}bold{{/portfolio}}">
+      <p class="_ {{#portfolio}}bold{{/portfolio}}">
         <a href="/portfolio" title="Page du portfolio">Portfolio</a>
       </p>
     </li>
     <li>
-      <p class="{{#networks}}bold{{/networks}}">
+      <p class="_ {{#networks}}bold{{/networks}}">
         <a href="/networks" title="Page des réseaux">Réseaux</a>
       </p>
     </li>
     <li>
-      <p class="{{#contrib}}bold{{/contrib}}">
+      <p class="_ {{#contrib}}bold{{/contrib}}">
         <a href="/contrib" title="Page des contributions">Contributions</a>
       </p>
     </li>
     <li>
-      <p class="{{#cours}}bold{{/cours}}">
+      <p class="_ {{#cours}}bold{{/cours}}">
         <a href="https://liv.mylloon.fr" title="Page des cours">Cours</a>
       </p>
     </li>
-- 
2.45.2


From f490513458e63371892cd499679fd0b4e34ba0f8 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 16 Sep 2023 17:51:55 +0200
Subject: [PATCH 06/70] new url!

---
 templates/navbar.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/navbar.html b/templates/navbar.html
index 13dcbce..84a3370 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -28,7 +28,7 @@
     </li>
     <li>
       <p class="_ {{#cours}}bold{{/cours}}">
-        <a href="https://liv.mylloon.fr" title="Page des cours">Cours</a>
+        <a href="https://univ.mylloon.fr" title="Page des cours">Cours</a>
       </p>
     </li>
   </ul>
-- 
2.45.2


From 112a3843c5789623513266d4179f6b6507d2667e Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Mon, 9 Oct 2023 16:32:28 +0200
Subject: [PATCH 07/70] update dependencies

---
 Cargo.lock           | 74 ++++++++++++++++++++++++++++++++------------
 Cargo.toml           |  6 ++--
 src/misc/markdown.rs | 64 +++++++++++++++++++-------------------
 3 files changed, 88 insertions(+), 56 deletions(-)

diff --git a/Cargo.lock b/Cargo.lock
index 84be85a..c90e435 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -256,6 +256,12 @@ dependencies = [
  "alloc-no-stdlib",
 ]
 
+[[package]]
+name = "allocator-api2"
+version = "0.2.16"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "0942ffc6dcaadf03badf6e6a2d0228460359d5e34b57ccdc720b7382dfbd5ec5"
+
 [[package]]
 name = "android-tzdata"
 version = "0.1.1"
@@ -476,15 +482,16 @@ dependencies = [
 
 [[package]]
 name = "cached"
-version = "0.45.1"
+version = "0.46.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "90eb5776f28a149524d1d8623035760b4454ec881e8cf3838fa8d7e1b11254b3"
+checksum = "8cead8ece0da6b744b2ad8ef9c58a4cdc7ef2921e60a6ddfb9eaaa86839b5fc5"
 dependencies = [
+ "ahash",
  "async-trait",
  "cached_proc_macro",
  "cached_proc_macro_types",
  "futures",
- "hashbrown 0.13.2",
+ "hashbrown 0.14.1",
  "instant",
  "once_cell",
  "thiserror",
@@ -611,11 +618,12 @@ checksum = "acbf1af155f9b9ef647e42cdc158db4b64a1b61f743629225fde6f3e0be2a7c7"
 
 [[package]]
 name = "comrak"
-version = "0.18.0"
+version = "0.19.0"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "482aa5695bca086022be453c700a40c02893f1ba7098a2c88351de55341ae894"
+checksum = "82c995deda3bfdebd07d0e2af79e9da13e4b1be652b21a746f3f5b24bf0a49ef"
 dependencies = [
  "clap",
+ "derive_builder",
  "entities",
  "memchr",
  "once_cell",
@@ -696,7 +704,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "874c6e2d19f8d4a285083b11a3241bfbe01ac3ed85f26e1e6b34888d960552bd"
 dependencies = [
  "derive_more",
- "indexmap",
+ "indexmap 1.9.3",
  "nom",
 ]
 
@@ -819,6 +827,12 @@ version = "1.0.1"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "b5320ae4c3782150d900b79807611a59a99fc9a1d61d686faafc24b93fc8d7ca"
 
+[[package]]
+name = "equivalent"
+version = "1.0.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "5443807d6dff69373d433ab9ef5378ad8df50ca6298caf15de6e52e24aaf54d5"
+
 [[package]]
 name = "errno"
 version = "0.3.1"
@@ -1020,7 +1034,7 @@ dependencies = [
  "futures-sink",
  "futures-util",
  "http",
- "indexmap",
+ "indexmap 1.9.3",
  "slab",
  "tokio",
  "tokio-util",
@@ -1043,6 +1057,16 @@ dependencies = [
  "bumpalo",
 ]
 
+[[package]]
+name = "hashbrown"
+version = "0.14.1"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "7dfda62a12f55daeae5015f81b0baea145391cb4520f86c248fc615d72640d12"
+dependencies = [
+ "ahash",
+ "allocator-api2",
+]
+
 [[package]]
 name = "heck"
 version = "0.3.3"
@@ -1208,6 +1232,16 @@ dependencies = [
  "hashbrown 0.12.3",
 ]
 
+[[package]]
+name = "indexmap"
+version = "2.0.2"
+source = "registry+https://github.com/rust-lang/crates.io-index"
+checksum = "8adf3ddd720272c6ea8bf59463c04e0f93d0bbf7c5439b691bca2987e0270897"
+dependencies = [
+ "equivalent",
+ "hashbrown 0.14.1",
+]
+
 [[package]]
 name = "instant"
 version = "0.1.12"
@@ -1708,7 +1742,7 @@ source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "9bd9647b268a3d3e14ff09c23201133a62589c658db02bb7388c7246aafe0590"
 dependencies = [
  "base64",
- "indexmap",
+ "indexmap 1.9.3",
  "line-wrap",
  "quick-xml",
  "serde",
@@ -2058,9 +2092,9 @@ dependencies = [
 
 [[package]]
 name = "serde_spanned"
-version = "0.6.2"
+version = "0.6.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "93107647184f6027e3b7dcb2e11034cf95ffa1e3a682c67951963ac69c1c007d"
+checksum = "96426c9936fd7a0124915f9185ea1d20aa9445cc9821142f0a73bc9207a2e186"
 dependencies = [
  "serde",
 ]
@@ -2083,7 +2117,7 @@ version = "0.9.21"
 source = "registry+https://github.com/rust-lang/crates.io-index"
 checksum = "d9d684e3ec7de3bf5466b32bd75303ac16f0736426e5a4e0d6e489559ce1249c"
 dependencies = [
- "indexmap",
+ "indexmap 1.9.3",
  "itoa",
  "ryu",
  "serde",
@@ -2358,9 +2392,9 @@ dependencies = [
 
 [[package]]
 name = "toml"
-version = "0.7.4"
+version = "0.8.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "d6135d499e69981f9ff0ef2167955a5333c35e36f6937d382974566b3d5b94ec"
+checksum = "185d8ab0dfbb35cf1399a6344d8484209c088f75f8f68230da55d48d95d43e3d"
 dependencies = [
  "serde",
  "serde_spanned",
@@ -2370,20 +2404,20 @@ dependencies = [
 
 [[package]]
 name = "toml_datetime"
-version = "0.6.2"
+version = "0.6.3"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "5a76a9312f5ba4c2dec6b9161fdf25d87ad8a09256ccea5a556fef03c706a10f"
+checksum = "7cda73e2f1397b1262d6dfdcef8aafae14d1de7748d66822d3bfeeb6d03e5e4b"
 dependencies = [
  "serde",
 ]
 
 [[package]]
 name = "toml_edit"
-version = "0.19.9"
+version = "0.20.2"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "92d964908cec0d030b812013af25a0e57fddfadb1e066ecc6681d86253129d4f"
+checksum = "396e4d48bbb2b7554c944bde63101b5ae446cff6ec4a24227428f15eb72ef338"
 dependencies = [
- "indexmap",
+ "indexmap 2.0.2",
  "serde",
  "serde_spanned",
  "toml_datetime",
@@ -2803,9 +2837,9 @@ checksum = "1a515f5799fe4961cb532f983ce2b23082366b898e52ffbce459c86f67c8378a"
 
 [[package]]
 name = "winnow"
-version = "0.4.6"
+version = "0.5.16"
 source = "registry+https://github.com/rust-lang/crates.io-index"
-checksum = "61de7bac303dc551fe038e2b3cef0f571087a47571ea6e79a87692ac99b99699"
+checksum = "037711d82167854aff2018dfd193aa0fef5370f456732f0d5a0c59b0f1b4b907"
 dependencies = [
  "memchr",
 ]
diff --git a/Cargo.toml b/Cargo.toml
index b32cda4..950b999 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -12,15 +12,15 @@ license = "AGPL-3.0-or-later"
 [dependencies]
 actix-web = "4.4"
 actix-files = "0.6"
-cached = { version = "0.45", features = ["async"] }
+cached = { version = "0.46", features = ["async"] }
 ramhorns = "0.14"
-toml = "0.7"
+toml = "0.8"
 serde = { version = "1.0", features = ["derive"] }
 serde_yaml = "0.9"
 minify-html = "0.11"
 minify-js = "0.5"
 glob = "0.3"
-comrak = "0.18"
+comrak = "0.19"
 reqwest = { version = "0.11", features = ["json"] }
 chrono = "0.4.30"
 chrono-tz = "0.8"
diff --git a/src/misc/markdown.rs b/src/misc/markdown.rs
index aa670f1..82e19e0 100644
--- a/src/misc/markdown.rs
+++ b/src/misc/markdown.rs
@@ -1,9 +1,6 @@
 use crate::misc::date::Date;
 use comrak::nodes::{AstNode, NodeValue};
-use comrak::{
-    format_html, parse_document, Arena, ComrakExtensionOptions, ComrakOptions, ComrakParseOptions,
-    ComrakRenderOptions, ListStyleType,
-};
+use comrak::{format_html, parse_document, Arena, ComrakOptions, ListStyleType};
 use ramhorns::Content;
 use serde::{Deserialize, Deserializer};
 use std::fs;
@@ -55,35 +52,36 @@ pub struct File {
 
 /// Options used for parser and compiler MD --> HTML
 pub fn get_options() -> ComrakOptions {
-    ComrakOptions {
-        extension: ComrakExtensionOptions {
-            strikethrough: true,
-            tagfilter: true,
-            table: true,
-            autolink: true,
-            tasklist: true,
-            superscript: true,
-            header_ids: Some(String::new()),
-            footnotes: true,
-            description_lists: true,
-            front_matter_delimiter: Some("---".into()),
-        },
-        parse: ComrakParseOptions {
-            smart: true, // could be boring
-            default_info_string: Some("plaintext".into()),
-            relaxed_tasklist_matching: true,
-        },
-        render: ComrakRenderOptions {
-            hardbreaks: false, // could be true? change by metadata could be good for compatibility
-            github_pre_lang: false,
-            full_info_string: true,
-            width: 0, // 0 mean disabled?
-            unsafe_: true,
-            escape: false,
-            list_style: ListStyleType::Dash,
-            sourcepos: false,
-        },
-    }
+    let mut options = comrak::Options::default();
+
+    // Extension
+    options.extension.strikethrough = true;
+    options.extension.tagfilter = true;
+    options.extension.table = true;
+    options.extension.autolink = true;
+    options.extension.tasklist = true;
+    options.extension.superscript = true;
+    options.extension.header_ids = Some(String::new());
+    options.extension.footnotes = true;
+    options.extension.description_lists = true;
+    options.extension.front_matter_delimiter = Some("---".into());
+
+    // Parser
+    options.parse.smart = true; // could be boring
+    options.parse.default_info_string = Some("plaintext".into());
+    options.parse.relaxed_tasklist_matching = true;
+
+    // Renderer
+    options.render.hardbreaks = false; // could be true? change by metadata could be good for compatibility
+    options.render.github_pre_lang = false;
+    options.render.full_info_string = true;
+    options.render.width = 0; // 0 mean disabled?
+    options.render.unsafe_ = true;
+    options.render.escape = false;
+    options.render.list_style = ListStyleType::Dash;
+    options.render.sourcepos = false;
+
+    options
 }
 
 /// Transform markdown string to File structure
-- 
2.45.2


From 5eea1a0bfc32f600377a247f0ba983041634fe02 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Mon, 9 Oct 2023 16:32:37 +0200
Subject: [PATCH 08/70] Add relaxed_autolinks

---
 src/misc/markdown.rs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/misc/markdown.rs b/src/misc/markdown.rs
index 82e19e0..a58b242 100644
--- a/src/misc/markdown.rs
+++ b/src/misc/markdown.rs
@@ -70,6 +70,7 @@ pub fn get_options() -> ComrakOptions {
     options.parse.smart = true; // could be boring
     options.parse.default_info_string = Some("plaintext".into());
     options.parse.relaxed_tasklist_matching = true;
+    options.parse.relaxed_autolinks = true;
 
     // Renderer
     options.render.hardbreaks = false; // could be true? change by metadata could be good for compatibility
-- 
2.45.2


From e703feb01a54d599a4f096a474e31232ecc01c64 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Mon, 9 Oct 2023 16:43:15 +0200
Subject: [PATCH 09/70] Fix bold dot issue

---
 templates/navbar.html | 48 ++++++++++++++++++++++++++++++++-----------
 1 file changed, 36 insertions(+), 12 deletions(-)

diff --git a/templates/navbar.html b/templates/navbar.html
index 84a3370..bf71270 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -2,33 +2,57 @@
 <nav class="navbar">
   <ul>
     <li>
-      <p class="_ {{#index}}bold{{/index}}">
-        <a href="/" title="Page principale">Index</a>
+      <p>
+        <a class="_ {{#index}}bold{{/index}}" href="/" title="Page principale"
+          >Index</a
+        >
       </p>
     </li>
     <li>
-      <p class="_ {{#blog}}bold{{/blog}}">
-        <a href="/blog" title="Page de blog">Blog</a>
+      <p>
+        <a class="_ {{#blog}}bold{{/blog}}" href="/blog" title="Page de blog"
+          >Blog</a
+        >
       </p>
     </li>
     <li>
-      <p class="_ {{#portfolio}}bold{{/portfolio}}">
-        <a href="/portfolio" title="Page du portfolio">Portfolio</a>
+      <p>
+        <a
+          class="_ {{#portfolio}}bold{{/portfolio}}"
+          href="/portfolio"
+          title="Page du portfolio"
+          >Portfolio</a
+        >
       </p>
     </li>
     <li>
-      <p class="_ {{#networks}}bold{{/networks}}">
-        <a href="/networks" title="Page des réseaux">Réseaux</a>
+      <p>
+        <a
+          class="_ {{#networks}}bold{{/networks}}"
+          href="/networks"
+          title="Page des réseaux"
+          >Réseaux</a
+        >
       </p>
     </li>
     <li>
-      <p class="_ {{#contrib}}bold{{/contrib}}">
-        <a href="/contrib" title="Page des contributions">Contributions</a>
+      <p>
+        <a
+          class="_ {{#contrib}}bold{{/contrib}}"
+          href="/contrib"
+          title="Page des contributions"
+          >Contributions</a
+        >
       </p>
     </li>
     <li>
-      <p class="_ {{#cours}}bold{{/cours}}">
-        <a href="https://univ.mylloon.fr" title="Page des cours">Cours</a>
+      <p>
+        <a
+          class="_ {{#cours}}bold{{/cours}}"
+          href="https://univ.mylloon.fr"
+          title="Page des cours"
+          >Cours</a
+        >
       </p>
     </li>
   </ul>
-- 
2.45.2


From 56711e4ee7e11d46cb81a80d1135df0034112681 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Mon, 9 Oct 2023 20:43:56 +0200
Subject: [PATCH 10/70] landing page

---
 src/routes/index.rs      |  6 +++++
 static/css/constants.css | 22 +++++++++++++++++
 static/css/index.css     | 51 ++++++++++++++++++++++++++++++++++++++++
 static/css/style.css     | 29 +++++++++++++++++++++++
 templates/head.html      |  1 +
 templates/index.html     | 25 +++++++++++++++++++-
 6 files changed, 133 insertions(+), 1 deletion(-)
 create mode 100644 static/css/constants.css
 create mode 100644 static/css/index.css

diff --git a/src/routes/index.rs b/src/routes/index.rs
index b6707a5..fe13f4b 100644
--- a/src/routes/index.rs
+++ b/src/routes/index.rs
@@ -19,6 +19,7 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
 #[derive(Content, Debug)]
 struct IndexTemplate {
     navbar: NavBar,
+    fullname: String,
 }
 
 #[once(time = 60)]
@@ -30,6 +31,11 @@ pub fn build_page(config: Config, url: String) -> String {
                 index: true,
                 ..NavBar::default()
             },
+            fullname: config
+                .fc
+                .fullname
+                .to_owned()
+                .unwrap_or("Fullname".to_owned()),
         },
         Infos {
             page_title: config.fc.fullname,
diff --git a/static/css/constants.css b/static/css/constants.css
new file mode 100644
index 0000000..45c50e9
--- /dev/null
+++ b/static/css/constants.css
@@ -0,0 +1,22 @@
+/* Parameters light */
+@media (prefers-color-scheme: light) {
+  :root {
+    --background: #ffffff;
+    --font-color: #18181b;
+    --link-hover-color: #df5a9c;
+  }
+}
+
+/* Parameters dark */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --background: #171e26;
+    --font-color: #bcbcc5;
+    --link-hover-color: #ff80bf;
+  }
+}
+
+/* Global parameters */
+:root {
+  --font-size: 17px;
+}
diff --git a/static/css/index.css b/static/css/index.css
new file mode 100644
index 0000000..15698f3
--- /dev/null
+++ b/static/css/index.css
@@ -0,0 +1,51 @@
+/* Parameters light */
+@media (prefers-color-scheme: light) {
+  :root {
+    --name-color: #e61515;
+    --pronouns-color: #646062;
+  }
+}
+
+/* Parameters dark */
+@media (prefers-color-scheme: dark) {
+  :root {
+    --name-color: #ee9cc5;
+    --pronouns-color: #7c7579;
+  }
+}
+
+/* Page theme */
+main {
+  color: var(--font-color);
+  font-size: var(--font-size);
+  margin-inline: 25%;
+  padding: 2em 1em;
+}
+
+/* Name header */
+.name {
+  font-size: 2.2rem;
+  color: var(--name-color);
+}
+
+.subname {
+  margin-top: 0;
+  font-size: large;
+}
+
+.pronouns {
+  font-size: smaller;
+  color: var(--pronouns-color);
+}
+
+.avatar {
+  width: 65px;
+  border-radius: 50%;
+  float: right;
+}
+
+/* Description */
+
+h1 {
+  font-weight: 600;
+}
diff --git a/static/css/style.css b/static/css/style.css
index a974097..d4e3614 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,7 +1,25 @@
+/* Theme of the pages */
+html {
+  background-color: var(--background);
+  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
+}
+
+p,
+a {
+  color: var(--font-color);
+  font-size: var(--font-size);
+}
+
+/* Navigation bar across all of the pages */
+.navbar {
+  text-align: center;
+}
+
 .navbar li {
   display: inline-block;
 }
 
+/* Maybe do this only with 'large' screens */
 .navbar p::after {
   content: "·";
   padding: 10px;
@@ -11,6 +29,17 @@
   content: "";
 }
 
+.navbar a {
+  text-decoration: none;
+  color: var(--link-hover-color);
+}
+
+.navbar a:hover {
+  text-decoration: underline;
+  opacity: 0.6;
+  transition: opacity 0.2s;
+}
+
 .bold {
   font-weight: bold;
 }
diff --git a/templates/head.html b/templates/head.html
index 683bbc5..36237f9 100644
--- a/templates/head.html
+++ b/templates/head.html
@@ -6,4 +6,5 @@
 
 {{>icons.html}} {{>metadata.html}}
 
+<link rel="stylesheet" href="/css/constants.css" />
 <link rel="stylesheet" href="/css/style.css" />
diff --git a/templates/index.html b/templates/index.html
index 4d4d99e..135e0aa 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -2,8 +2,31 @@
 <html lang="fr">
   <head dir="ltr">
     {{>head.html}}
+    <link rel="stylesheet" href="/css/index.css" />
   </head>
   <body>
-    {{>navbar.html}}
+    <header>{{>navbar.html}}</header>
+    <main>
+      {{#data}}
+
+      <div>
+        <span class="name">{{fullname}}</span>
+        <span class="pronouns">(il/lui, he/him)</span>
+        <img
+          class="avatar"
+          src="/icons/apple-touch-icon.png"
+          alt="Mon avatar"
+          loading="lazy"
+        />
+      </div>
+      <p class="subname">Etudiant qui va rater son master</p>
+
+      <article>
+        <h1>Bienvenue !</h1>
+        <p>Content de vous voir ici !</p>
+      </article>
+
+      {{/data}}
+    </main>
   </body>
 </html>
-- 
2.45.2


From cc451bd5b4e0735dd5ac998d07e919ea13fc7468 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Mon, 9 Oct 2023 22:38:59 +0200
Subject: [PATCH 11/70] navbar on all pages

---
 src/routes/contrib.rs    | 10 ++++-
 src/routes/networks.rs   | 19 +++++++++-
 src/routes/not_found.rs  | 19 +++++++++-
 src/routes/portfolio.rs  |  7 +++-
 static/css/constants.css |  2 +-
 static/css/index.css     |  3 +-
 templates/404.html       |  5 ++-
 templates/contrib.html   |  5 ++-
 templates/index.html     |  2 +-
 templates/networks.html  |  5 ++-
 templates/portfolio.html | 79 +++++++++++++++++++++-------------------
 11 files changed, 104 insertions(+), 52 deletions(-)

diff --git a/src/routes/contrib.rs b/src/routes/contrib.rs
index 32b37f9..9bc7b1c 100644
--- a/src/routes/contrib.rs
+++ b/src/routes/contrib.rs
@@ -6,7 +6,7 @@ use crate::{
         github::{fetch_pr, ProjectState},
         utils::get_url,
     },
-    template::Infos,
+    template::{Infos, NavBar},
 };
 use actix_web::{get, web, HttpRequest, HttpResponse, Responder};
 use cached::proc_macro::once;
@@ -20,6 +20,7 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
 
 #[derive(Content, Debug)]
 struct PortfolioTemplate {
+    navbar: NavBar,
     error: bool,
     projects: Option<Vec<Project>>,
     waiting: Option<Vec<Project>>,
@@ -46,6 +47,11 @@ struct Pull {
 
 #[once(time = 120)]
 pub async fn build_page(config: Config, url: String) -> String {
+    let navbar = NavBar {
+        contrib: true,
+        ..NavBar::default()
+    };
+
     // Fetch latest data from github
     let data = match fetch_pr().await {
         Ok(projects) => {
@@ -107,6 +113,7 @@ pub async fn build_page(config: Config, url: String) -> String {
             });
 
             PortfolioTemplate {
+                navbar,
                 error: false,
                 projects: Some(
                     data.iter()
@@ -132,6 +139,7 @@ pub async fn build_page(config: Config, url: String) -> String {
             eprintln!("{}", e);
 
             PortfolioTemplate {
+                navbar,
                 error: true,
                 projects: None,
                 waiting: None,
diff --git a/src/routes/networks.rs b/src/routes/networks.rs
index 7608a2b..35b184f 100644
--- a/src/routes/networks.rs
+++ b/src/routes/networks.rs
@@ -1,7 +1,12 @@
 use actix_web::{get, web, HttpRequest, HttpResponse, Responder};
 use cached::proc_macro::once;
+use ramhorns::Content;
 
-use crate::{config::Config, misc::utils::get_url, template::Infos};
+use crate::{
+    config::Config,
+    misc::utils::get_url,
+    template::{Infos, NavBar},
+};
 
 #[get("/networks")]
 pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
@@ -11,11 +16,21 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
     ))
 }
 
+#[derive(Content, Debug)]
+struct NetworksTemplate {
+    navbar: NavBar,
+}
+
 #[once(time = 60)]
 pub fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
         "networks.html",
-        (),
+        NetworksTemplate {
+            navbar: NavBar {
+                networks: true,
+                ..NavBar::default()
+            },
+        },
         Infos {
             page_title: Some("Mes réseaux".into()),
             page_desc: Some(format!("Réseaux d'{}", config.fc.name.unwrap_or_default())),
diff --git a/src/routes/not_found.rs b/src/routes/not_found.rs
index 7665ff3..21650e7 100644
--- a/src/routes/not_found.rs
+++ b/src/routes/not_found.rs
@@ -1,13 +1,28 @@
 use actix_web::{web, HttpResponse, Responder};
 use cached::proc_macro::once;
+use ramhorns::Content;
 
-use crate::{config::Config, template::Infos};
+use crate::{
+    config::Config,
+    template::{Infos, NavBar},
+};
 
 pub async fn page(config: web::Data<Config>) -> impl Responder {
     HttpResponse::NotFound().body(build_page(config.get_ref().to_owned()))
 }
 
+#[derive(Content, Debug)]
+struct NotFoundTemplate {
+    navbar: NavBar,
+}
+
 #[once(time = 60)]
 pub fn build_page(config: Config) -> String {
-    config.tmpl.render("404.html", (), Infos::default())
+    config.tmpl.render(
+        "404.html",
+        NotFoundTemplate {
+            navbar: NavBar::default(),
+        },
+        Infos::default(),
+    )
 }
diff --git a/src/routes/portfolio.rs b/src/routes/portfolio.rs
index 23563e2..fb1f0f6 100644
--- a/src/routes/portfolio.rs
+++ b/src/routes/portfolio.rs
@@ -9,7 +9,7 @@ use crate::{
         markdown::{read_file, File},
         utils::get_url,
     },
-    template::Infos,
+    template::{Infos, NavBar},
 };
 
 #[get("/portfolio")]
@@ -22,6 +22,7 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
 
 #[derive(Content, Debug)]
 struct PortfolioTemplate<'a> {
+    navbar: NavBar,
     bots_app: Option<Vec<File>>,
     bots_loc: Option<String>,
     persos_app: Option<Vec<File>>,
@@ -72,6 +73,10 @@ pub fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
         "portfolio.html",
         PortfolioTemplate {
+            navbar: NavBar {
+                portfolio: true,
+                ..NavBar::default()
+            },
             bots_app,
             bots_loc,
             persos_app,
diff --git a/static/css/constants.css b/static/css/constants.css
index 45c50e9..760d563 100644
--- a/static/css/constants.css
+++ b/static/css/constants.css
@@ -1,7 +1,7 @@
 /* Parameters light */
 @media (prefers-color-scheme: light) {
   :root {
-    --background: #ffffff;
+    --background: #f1f1f1;
     --font-color: #18181b;
     --link-hover-color: #df5a9c;
   }
diff --git a/static/css/index.css b/static/css/index.css
index 15698f3..3f7c9bc 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -31,6 +31,7 @@ main {
 .subname {
   margin-top: 0;
   font-size: large;
+  margin-bottom: 1.5em;
 }
 
 .pronouns {
@@ -45,7 +46,7 @@ main {
 }
 
 /* Description */
-
 h1 {
   font-weight: 600;
+  margin-bottom: 0;
 }
diff --git a/templates/404.html b/templates/404.html
index 7e8b1df..14b0a5f 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -4,7 +4,10 @@
     {{>head.html}}
   </head>
   <body class="index">
-    <p style="color: aliceblue">404 :/</p>
+    <header>{{>navbar.html}}</header>
+    <main>
+      <p style="color: aliceblue">404 :/</p>
+    </main>
     {{>footer.html}}
   </body>
 </html>
diff --git a/templates/contrib.html b/templates/contrib.html
index 1c15051..460c89b 100644
--- a/templates/contrib.html
+++ b/templates/contrib.html
@@ -4,8 +4,9 @@
     {{>head.html}}
   </head>
   <body>
+    <header>{{>navbar.html}}</header>
     {{#data}} {{#error}}
-    <div id="content">
+    <main>
       <p>Github ne veut pas que tu vois ces informations...</p>
     </div>
     {{/error}} {{^error}}
@@ -36,7 +37,7 @@
         >
         {{/pulls_closed}} {{/closed}}
       </p>
-    </div>
+    </main>
     {{/error}} {{/data}} {{>footer.html}}
   </body>
 </html>
diff --git a/templates/index.html b/templates/index.html
index 135e0aa..af8009a 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -19,7 +19,7 @@
           loading="lazy"
         />
       </div>
-      <p class="subname">Etudiant qui va rater son master</p>
+      <p class="subname">Étudiant qui va rater son master</p>
 
       <article>
         <h1>Bienvenue !</h1>
diff --git a/templates/networks.html b/templates/networks.html
index 4565554..ddafc5d 100644
--- a/templates/networks.html
+++ b/templates/networks.html
@@ -4,7 +4,8 @@
     {{>head.html}}
   </head>
   <body>
-    <div id="content">
+    <header>{{>navbar.html}}</header>
+    <main>
       <h1 class="subtitle">Contacts et <em>réseaux sociaux</em></h1>
       <p>
         <a
@@ -101,7 +102,7 @@
           >Keyoxide</a
         >
       </p>
-    </div>
+    </main>
     {{>footer.html}}
   </body>
 </html>
diff --git a/templates/portfolio.html b/templates/portfolio.html
index 82f2017..d2df116 100644
--- a/templates/portfolio.html
+++ b/templates/portfolio.html
@@ -4,47 +4,50 @@
     {{>head.html}}
   </head>
   <body>
+    <header>{{>navbar.html}}</header>
     {{#data}}
-    <h1 id="title">Projets qui me tiennent à coeur</h1>
-    <div id="content">
-      <h2 class="subtitle">Bots</h2>
-      <div class="subcontent">
-        {{#bots_app}} {{#metadata}} {{#info}}
-        <h3 class="subsubtitle">
-          <a target="_blank" href="{{link}} ">{{title}}</a>
-        </h3>
-        {{/info}} {{/metadata}}
-        <div class="subcontent">{{&content}}</div>
-        {{/bots_app}} {{^bots_app}}
-        <p>{{bots_loc}} {{err_msg}}</p>
-        {{/bots_app}}
-        <br />
-      </div>
-      <h2 class="subtitle">
-        <a target="_blank" href="https://git.mylloon.fr/Paris8"
-          >Projet de l'université</a
-        >
-      </h2>
-      <div class="subcontent">
-        {{&univ_content}} {{^univ_content}}
-        <p>{{univ_loc}} {{err_msg}}</p>
-        {{/univ_content}}
-      </div>
+    <main>
+      <h1 id="title">Projets qui me tiennent à coeur</h1>
+      <div id="content">
+        <h2 class="subtitle">Bots</h2>
+        <div class="subcontent">
+          {{#bots_app}} {{#metadata}} {{#info}}
+          <h3 class="subsubtitle">
+            <a target="_blank" href="{{link}} ">{{title}}</a>
+          </h3>
+          {{/info}} {{/metadata}}
+          <div class="subcontent">{{&content}}</div>
+          {{/bots_app}} {{^bots_app}}
+          <p>{{bots_loc}} {{err_msg}}</p>
+          {{/bots_app}}
+          <br />
+        </div>
+        <h2 class="subtitle">
+          <a target="_blank" href="https://git.mylloon.fr/Paris8"
+            >Projet de l'université</a
+          >
+        </h2>
+        <div class="subcontent">
+          {{&univ_content}} {{^univ_content}}
+          <p>{{univ_loc}} {{err_msg}}</p>
+          {{/univ_content}}
+        </div>
 
-      <h2 class="subtitle">Projets perso</h2>
-      <div class="subcontent">
-        {{#persos_app}} {{#metadata}} {{#info}}
-        <h3 class="subsubtitle">
-          <a target="_blank" href="{{link}} ">{{title}}</a>
-        </h3>
-        {{/info}} {{/metadata}}
-        <div class="subcontent">{{&content}}</div>
-        {{/persos_app}} {{^persos_app}}
-        <p>{{persos_loc}} {{err_msg}}</p>
-        {{/persos_app}}
-        <br />
+        <h2 class="subtitle">Projets perso</h2>
+        <div class="subcontent">
+          {{#persos_app}} {{#metadata}} {{#info}}
+          <h3 class="subsubtitle">
+            <a target="_blank" href="{{link}} ">{{title}}</a>
+          </h3>
+          {{/info}} {{/metadata}}
+          <div class="subcontent">{{&content}}</div>
+          {{/persos_app}} {{^persos_app}}
+          <p>{{persos_loc}} {{err_msg}}</p>
+          {{/persos_app}}
+          <br />
+        </div>
       </div>
-    </div>
+    </main>
     {{/data}} {{>footer.html}}
   </body>
 </html>
-- 
2.45.2


From d0042dfa65c9a7674afcc4e77448cb6bb53981e3 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 12:52:20 +0200
Subject: [PATCH 12/70] Update colors and sizes

---
 static/css/constants.css |  2 +-
 static/css/index.css     | 44 +++++++++++++++++++++++++++++++---------
 static/css/style.css     |  6 ++++++
 templates/index.html     |  6 ++++++
 4 files changed, 47 insertions(+), 11 deletions(-)

diff --git a/static/css/constants.css b/static/css/constants.css
index 760d563..a68e57d 100644
--- a/static/css/constants.css
+++ b/static/css/constants.css
@@ -18,5 +18,5 @@
 
 /* Global parameters */
 :root {
-  --font-size: 17px;
+  --font-size: 1.15rem;
 }
diff --git a/static/css/index.css b/static/css/index.css
index 3f7c9bc..487b7bb 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,41 +1,50 @@
 /* Parameters light */
 @media (prefers-color-scheme: light) {
   :root {
-    --name-color: #e61515;
-    --pronouns-color: #646062;
+    --name-color: #d30f39;
+    --pronouns-color: #6c6f85;
+    --font-color: #4c4f69;
   }
 }
 
 /* Parameters dark */
 @media (prefers-color-scheme: dark) {
   :root {
-    --name-color: #ee9cc5;
-    --pronouns-color: #7c7579;
+    --name-color: #f38ba8;
+    --pronouns-color: #a6adc8;
+    --font-color: #c8d0ee;
   }
 }
 
+:root {
+  --title-weight: 600;
+}
+
 /* Page theme */
 main {
   color: var(--font-color);
   font-size: var(--font-size);
-  margin-inline: 25%;
+  margin-inline: 27%;
   padding: 2em 1em;
+  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
+  color: var(--font-color);
 }
 
 /* Name header */
 .name {
-  font-size: 2.2rem;
+  font-size: calc(var(--font-size) * 2.5);
+  font-weight: var(--title-weight);
   color: var(--name-color);
 }
 
 .subname {
   margin-top: 0;
-  font-size: large;
+  font-size: calc(var(--font-size) * 1.07);
   margin-bottom: 1.5em;
 }
 
 .pronouns {
-  font-size: smaller;
+  font-size: calc(var(--font-size) * 0.8);
   color: var(--pronouns-color);
 }
 
@@ -45,8 +54,23 @@ main {
   float: right;
 }
 
+@media only screen and (max-width: 640px) {
+  main {
+    margin-inline: 0;
+  }
+  .avatar {
+    visibility: collapse;
+  }
+}
+
 /* Description */
-h1 {
-  font-weight: 600;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: var(--title-weight);
+  font-size: calc(var(--font-size) * 1.6);
   margin-bottom: 0;
 }
diff --git a/static/css/style.css b/static/css/style.css
index d4e3614..7bcb88d 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -25,6 +25,12 @@ a {
   padding: 10px;
 }
 
+@media only screen and (max-width: 640px) {
+  .navbar p::after {
+    padding: 4px;
+  }
+}
+
 .navbar li:last-child p::after {
   content: "";
 }
diff --git a/templates/index.html b/templates/index.html
index af8009a..c54e1c4 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -26,6 +26,12 @@
         <p>Content de vous voir ici !</p>
       </article>
 
+      <!-- <article>
+        <h1>Awesome people</h1>
+        <img alt="273C15" />
+        <img alt="Azazouille" />
+      </article> -->
+
       {{/data}}
     </main>
   </body>
-- 
2.45.2


From 7690c3d56c60b89893c7d68a7a9486f7e907fdb1 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 13:11:31 +0200
Subject: [PATCH 13/70] Add better resizable window and increase avatar size

---
 static/css/index.css | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 487b7bb..285d7c2 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -24,10 +24,11 @@
 main {
   color: var(--font-color);
   font-size: var(--font-size);
-  margin-inline: 27%;
   padding: 2em 1em;
   font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
   color: var(--font-color);
+  margin: 0 auto;
+  max-width: 640px; /* breakpoint */
 }
 
 /* Name header */
@@ -49,17 +50,18 @@ main {
 }
 
 .avatar {
-  width: 65px;
+  width: 90px;
   border-radius: 50%;
   float: right;
 }
 
+/* breakpoint */
 @media only screen and (max-width: 640px) {
   main {
     margin-inline: 0;
   }
   .avatar {
-    visibility: collapse;
+    visibility: hidden;
   }
 }
 
-- 
2.45.2


From 010fbabb48561164be7a17923f36ffffca3889e6 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 13:19:28 +0200
Subject: [PATCH 14/70] move avatar to top of screen when screen is smol

---
 static/css/index.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/css/index.css b/static/css/index.css
index 285d7c2..52662fa 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -60,8 +60,11 @@ main {
   main {
     margin-inline: 0;
   }
+
   .avatar {
-    visibility: hidden;
+    float: none;
+    width: 80px;
+    transform: translate(-350px, -50px);
   }
 }
 
-- 
2.45.2


From f38df6aed2b2f77d8557795ecd40555db4120a4b Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 13:29:47 +0200
Subject: [PATCH 15/70] ooupsie

---
 templates/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/index.html b/templates/index.html
index c54e1c4..19c242d 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -27,7 +27,7 @@
       </article>
 
       <!-- <article>
-        <h1>Awesome people</h1>
+        <h1>Personnes incroyables</h1>
         <img alt="273C15" />
         <img alt="Azazouille" />
       </article> -->
-- 
2.45.2


From 4e775242b6e529223d27b6803d3632480c0a0ce2 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 13:29:52 +0200
Subject: [PATCH 16/70] scale with font size

---
 static/css/index.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/css/index.css b/static/css/index.css
index 52662fa..b7f22c6 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -64,7 +64,10 @@ main {
   .avatar {
     float: none;
     width: 80px;
-    transform: translate(-350px, -50px);
+    transform: translate(
+      calc(var(--font-size) * -19),
+      calc(var(--font-size) * -3)
+    );
   }
 }
 
-- 
2.45.2


From b077879759de9fd11994a4c0aa9139a0267879b7 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 13:46:55 +0200
Subject: [PATCH 17/70] scale avatar size on font size

---
 static/css/index.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index b7f22c6..6b87291 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -50,7 +50,7 @@ main {
 }
 
 .avatar {
-  width: 90px;
+  width: calc(var(--font-size) * 5);
   border-radius: 50%;
   float: right;
 }
@@ -62,11 +62,11 @@ main {
   }
 
   .avatar {
-    float: none;
-    width: 80px;
+    position: absolute;
+    width: calc(var(--font-size) * 4);
     transform: translate(
       calc(var(--font-size) * -19),
-      calc(var(--font-size) * -3)
+      calc(var(--font-size) * -3.7)
     );
   }
 }
-- 
2.45.2


From 1a98f8af01c33ba9f5a4abe9ccadbec15dd43e41 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 14:00:01 +0200
Subject: [PATCH 18/70] nailed in 21_12

---
 templates/index.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 19c242d..e2e4770 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -28,8 +28,13 @@
 
       <!-- <article>
         <h1>Personnes incroyables</h1>
-        <img alt="273C15" />
-        <img alt="Azazouille" />
+        <a
+          href="https://github.com/2-1-1-2"
+          title="21_12's GitHub"
+          target="_blank"
+          rel="noreferrer"
+          ><img src="badges/friends/21_12.gif" alt="21_12" loading="lazy"
+        /></a>
       </article> -->
 
       {{/data}}
-- 
2.45.2


From 4d2db6b4f03464467fdb6b1304e8ac132be0ff46 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 14:03:28 +0200
Subject: [PATCH 19/70] fix typo

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 71cf1d2..8604739 100644
--- a/README.md
+++ b/README.md
@@ -82,7 +82,7 @@ onion = "http://youraddress.onion/"
 ## Example of [`config.toml`](./config/config.toml)
 
 ```toml
-mail = your.mail at host.com"
+mail = "your.mail at host.com"
 lang = "lang"
 onion = "http://youraddress.onion/"
 app_name = "Nickname"
-- 
2.45.2


From 39a28ea745791b7b5db1649f0490039a27358faf Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 15:04:09 +0200
Subject: [PATCH 20/70] font family as global variable

---
 static/css/constants.css | 1 +
 static/css/index.css     | 9 ++-------
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/static/css/constants.css b/static/css/constants.css
index a68e57d..ffcb394 100644
--- a/static/css/constants.css
+++ b/static/css/constants.css
@@ -19,4 +19,5 @@
 /* Global parameters */
 :root {
   --font-size: 1.15rem;
+  --font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
 }
diff --git a/static/css/index.css b/static/css/index.css
index 6b87291..d0d9287 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -25,7 +25,7 @@ main {
   color: var(--font-color);
   font-size: var(--font-size);
   padding: 2em 1em;
-  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: var(--font-family);
   color: var(--font-color);
   margin: 0 auto;
   max-width: 640px; /* breakpoint */
@@ -72,12 +72,7 @@ main {
 }
 
 /* Description */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1 {
   font-weight: var(--title-weight);
   font-size: calc(var(--font-size) * 1.6);
   margin-bottom: 0;
-- 
2.45.2


From 7aa32aabf639f9d762e947d2d3c38e389e1d7093 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 15:10:03 +0200
Subject: [PATCH 21/70] networks to contact

---
 src/main.rs                               | 4 ++--
 src/routes/{networks.rs => contact.rs}    | 8 ++++----
 src/routes/mod.rs                         | 2 +-
 src/template.rs                           | 2 +-
 templates/{networks.html => contact.html} | 0
 templates/navbar.html                     | 6 +++---
 6 files changed, 11 insertions(+), 11 deletions(-)
 rename src/routes/{networks.rs => contact.rs} (87%)
 rename templates/{networks.html => contact.html} (100%)

diff --git a/src/main.rs b/src/main.rs
index d21a16e..98d5f0d 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -3,7 +3,7 @@ use actix_web::{middleware::DefaultHeaders, web, App, HttpServer};
 use std::io::Result;
 
 use crate::routes::{
-    agreements, api_v1, blog, contrib, cours, cv, gaming, index, memorial, networks, not_found,
+    agreements, api_v1, blog, contact, contrib, cours, cv, gaming, index, memorial, not_found,
     portfolio, setup, web3,
 };
 
@@ -47,7 +47,7 @@ async fn main() -> Result<()> {
             .service(cv::page)
             .service(gaming::page)
             .service(memorial::page)
-            .service(networks::page)
+            .service(contact::page)
             .service(portfolio::page)
             .service(setup::page)
             .service(web3::page)
diff --git a/src/routes/networks.rs b/src/routes/contact.rs
similarity index 87%
rename from src/routes/networks.rs
rename to src/routes/contact.rs
index 35b184f..cb02464 100644
--- a/src/routes/networks.rs
+++ b/src/routes/contact.rs
@@ -8,7 +8,7 @@ use crate::{
     template::{Infos, NavBar},
 };
 
-#[get("/networks")]
+#[get("/contact")]
 pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_page(
         config.get_ref().to_owned(),
@@ -24,15 +24,15 @@ struct NetworksTemplate {
 #[once(time = 60)]
 pub fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
-        "networks.html",
+        "contact.html",
         NetworksTemplate {
             navbar: NavBar {
-                networks: true,
+                contact: true,
                 ..NavBar::default()
             },
         },
         Infos {
-            page_title: Some("Mes réseaux".into()),
+            page_title: Some("Contacts".into()),
             page_desc: Some(format!("Réseaux d'{}", config.fc.name.unwrap_or_default())),
             page_kw: None,
             url,
diff --git a/src/routes/mod.rs b/src/routes/mod.rs
index da3bd5d..137a5c4 100644
--- a/src/routes/mod.rs
+++ b/src/routes/mod.rs
@@ -1,13 +1,13 @@
 pub mod agreements;
 pub mod api_v1;
 pub mod blog;
+pub mod contact;
 pub mod contrib;
 pub mod cours;
 pub mod cv;
 pub mod gaming;
 pub mod index;
 pub mod memorial;
-pub mod networks;
 pub mod not_found;
 pub mod portfolio;
 pub mod setup;
diff --git a/src/template.rs b/src/template.rs
index 14f8341..e01279a 100644
--- a/src/template.rs
+++ b/src/template.rs
@@ -27,7 +27,7 @@ pub struct NavBar {
     pub index: bool,
     pub blog: bool,
     pub portfolio: bool,
-    pub networks: bool,
+    pub contact: bool,
     pub contrib: bool,
     pub cours: bool,
 }
diff --git a/templates/networks.html b/templates/contact.html
similarity index 100%
rename from templates/networks.html
rename to templates/contact.html
diff --git a/templates/navbar.html b/templates/navbar.html
index bf71270..2edf67f 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -28,10 +28,10 @@
     <li>
       <p>
         <a
-          class="_ {{#networks}}bold{{/networks}}"
-          href="/networks"
+          class="_ {{#contact}}bold{{/contact}}"
+          href="/contact"
           title="Page des réseaux"
-          >Réseaux</a
+          >Contact</a
         >
       </p>
     </li>
-- 
2.45.2


From 73d7dd0b8a1fd9b783078563ad818a7c9c59c920 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 15:22:55 +0200
Subject: [PATCH 22/70] useless statement

---
 static/css/index.css | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index d0d9287..e703844 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -57,10 +57,6 @@ main {
 
 /* breakpoint */
 @media only screen and (max-width: 640px) {
-  main {
-    margin-inline: 0;
-  }
-
   .avatar {
     position: absolute;
     width: calc(var(--font-size) * 4);
-- 
2.45.2


From 13f2cd3dbfcbc2292b6ba7a2767d709d5a86c3b0 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 15:45:58 +0200
Subject: [PATCH 23/70] target blank since univ.* isnt www.*

---
 templates/navbar.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/templates/navbar.html b/templates/navbar.html
index 2edf67f..e3b0d17 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -51,6 +51,7 @@
           class="_ {{#cours}}bold{{/cours}}"
           href="https://univ.mylloon.fr"
           title="Page des cours"
+          target="_blank"
           >Cours</a
         >
       </p>
-- 
2.45.2


From 35a0882feaa5cd34640aedba6f2313ad31a38703 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 15:52:49 +0200
Subject: [PATCH 24/70] azaz

---
 templates/index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/templates/index.html b/templates/index.html
index e2e4770..ed34227 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -33,7 +33,14 @@
           title="21_12's GitHub"
           target="_blank"
           rel="noreferrer"
-          ><img src="badges/friends/21_12.gif" alt="21_12" loading="lazy"
+          ><img src="/badges/friends/21_12.gif" alt="21_12" loading="lazy"
+        /></a>
+        <a
+          href="https://twitter.com/azazouille_"
+          title="Azazoul's Twitter"
+          target="_blank"
+          rel="noreferrer"
+          ><img src="/badges/friends/azazoul.gif" alt="Azazoul" loading="lazy"
         /></a>
       </article> -->
 
-- 
2.45.2


From 5d91c0ebd11f5ee84b6c383eed0c1d02c6450f57 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 15:53:26 +0200
Subject: [PATCH 25/70] rework contact page

---
 static/css/contact.css |  29 +++++
 templates/contact.html | 283 +++++++++++++++++++++++++++--------------
 2 files changed, 215 insertions(+), 97 deletions(-)
 create mode 100644 static/css/contact.css

diff --git a/static/css/contact.css b/static/css/contact.css
new file mode 100644
index 0000000..31a89ae
--- /dev/null
+++ b/static/css/contact.css
@@ -0,0 +1,29 @@
+/* Parameters light */
+@media (prefers-color-scheme: light) {
+  :root {
+  }
+}
+
+/* Parameters dark */
+@media (prefers-color-scheme: dark) {
+  :root {
+  }
+}
+
+:root {
+}
+
+/* Page theme */
+main {
+  color: var(--font-color);
+  font-size: var(--font-size);
+  padding: 2em 1em;
+  font-family: var(--font-family);
+  color: var(--font-color);
+  margin: 0 auto;
+  max-width: 640px; /* breakpoint */
+}
+
+/* breakpoint */
+@media only screen and (max-width: 640px) {
+}
diff --git a/templates/contact.html b/templates/contact.html
index ddafc5d..f6c50a6 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -2,107 +2,196 @@
 <html class="index" lang="fr">
   <head dir="ltr">
     {{>head.html}}
+    <link rel="stylesheet" href="/css/contact.css" />
   </head>
   <body>
     <header>{{>navbar.html}}</header>
     <main>
-      <h1 class="subtitle">Contacts et <em>réseaux sociaux</em></h1>
-      <p>
-        <a
-          rel="me"
-          href="mailto:kennel.anri@tutanota.com"
-          title="kennel dot anri at tutanota dot com"
-          >Email</a
-        >
-      </p>
-      <p>
-        <a target="_blank" rel="me" href="https://twitter.com/Mylloon"
-          >Twitter</a
-        >&nbsp;/
-        <a
-          target="_blank"
-          rel="me"
-          title="Alternative à Twitter"
-          href="https://piaille.fr/@mylloon"
-          >Mastodon</a
-        >
-      </p>
-      <p>
-        <a
-          target="_blank"
-          rel="me"
-          href="https://discord.com/users/158260864623968257/"
-          >Compte</a
-        >&nbsp;et
-        <a target="_blank" rel="me" href="https://discord.gg/Z5ePxH4">Serveur</a
-        >&nbsp;Discord /
-        <a target="_blank" rel="me" href="https://rvlt.gg/MftpJ98t"
-          >Serveur Revolt</a
-        >
-      </p>
-      <p>
-        <a target="_blank" rel="me" href="https://www.reddit.com/user/mylloon"
-          >Reddit</a
-        >
-      </p>
-      <p>
-        <a target="_blank" rel="me" href="https://www.instagram.com/myshawi/"
-          >Instagram</a
-        >&nbsp;/
-        <a
-          target="_blank"
-          rel="me"
-          title="Alternative à Instagram"
-          href="https://pixelfed.social/@mylloon"
-          >Pixelfed</a
-        >
-      </p>
-      <p>
-        <a target="_blank" rel="me" href="https://github.com/Mylloon">Github</a
-        >&nbsp;/
-        <a target="_blank" rel="me" href="https://gitlab.com/Mylloon">Gitlab</a
-        >&nbsp;/
-        <a target="_blank" rel="me" href="https://codeberg.org/Mylloon"
-          >Codeberg</a
-        >&nbsp;/
-        <a target="_blank" rel="me" href="https://git.mylloon.fr/Anri"
-          >Mon Git</a
-        >
-      </p>
-      <p>
-        <a
-          target="_blank"
-          rel="me"
-          title="Anime tracker"
-          href="https://kitsu.io/users/Mylloon/library?status=completed"
-          >Kitsu</a
-        >
-      </p>
-      <p>
-        <a
-          target="_blank"
-          rel="me"
-          href="https://steamcommunity.com/id/mylloon/"
-          >Steam</a
-        >
-      </p>
-      <p>
-        <a target="_blank" rel="me" href="https://www.youtube.com/c/Mylloon"
-          >Youtube</a
-        >&nbsp;/
-        <a target="_blank" rel="me" href="https://www.twitch.tv/mylloon"
-          >Twitch</a
-        >
-      </p>
-      <p>
-        <a
-          target="_blank"
-          rel="me"
-          href="https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F"
-          >Keyoxide</a
-        >
-      </p>
+      <h1>Réseaux sociaux</h1>
+      <ul>
+        <li>
+          <p>
+            Twitter :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://twitter.com/Mylloon"
+              >@Mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Mastodon :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              title="Alternative à Twitter"
+              href="https://piaille.fr/@mylloon"
+              >Mylloon@piaille.fr</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Discord :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://discord.com/users/158260864623968257/"
+              >mylloon</a
+            >
+            et
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="https://discord.gg/Z5ePxH4"
+              >mon serveur</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Reddit :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://www.reddit.com/user/mylloon"
+              >mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Instagram :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://www.instagram.com/mylloon/"
+              >mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Kitsu :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              title="Anime tracker"
+              href="https://kitsu.io/users/Mylloon/library?status=completed"
+              >Mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Steam :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://steamcommunity.com/id/mylloon/"
+              >Mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Youtube :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://www.youtube.com/c/Mylloon"
+              >Mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Twitch :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://www.twitch.tv/mylloon"
+              >mylloon</a
+            >
+          </p>
+        </li>
+      </ul>
+
+      <h1>Forges</h1>
+      <ul>
+        <li>
+          <p>
+            Github :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://github.com/Mylloon"
+              >Mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Gitlab :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://gitlab.com/Mylloon"
+              >Mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Codeberg :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://codeberg.org/Mylloon"
+              >Mylloon</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Forgejo (mon instance) :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://git.mylloon.fr/Anri"
+              >Anri</a
+            >
+          </p>
+        </li>
+      </ul>
+
+      <h1>Autre</h1>
+      <ul>
+        <li>
+          <p>
+            Mail :
+            <a
+              rel="noopener noreferrer me"
+              href="mailto:kennel.anri%20at%20tutanota.com"
+              title="kennel.anri at tutanota.com"
+              >kennel.anri at tutanota.com</a
+            >
+          </p>
+        </li>
+        <li>
+          <p>
+            Keyoxide :
+            <a
+              target="_blank"
+              rel="noopener noreferrer me"
+              href="https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F"
+              >27024A99057E58B8087A5022A82D63DFF8D1317F</a
+            >
+          </p>
+        </li>
+      </ul>
     </main>
-    {{>footer.html}}
   </body>
 </html>
-- 
2.45.2


From df7e9d068b524f99babef9b945d61af6a7004897 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 16:20:49 +0200
Subject: [PATCH 26/70] remove useless pub keywords

---
 src/misc/markdown.rs     | 2 +-
 src/routes/agreements.rs | 8 ++++----
 src/routes/api_v1.rs     | 2 +-
 src/routes/blog.rs       | 8 ++++----
 src/routes/contact.rs    | 4 ++--
 src/routes/contrib.rs    | 4 ++--
 src/routes/cours.rs      | 2 +-
 src/routes/cv.rs         | 2 +-
 src/routes/gaming.rs     | 2 +-
 src/routes/index.rs      | 4 ++--
 src/routes/memorial.rs   | 2 +-
 src/routes/not_found.rs  | 2 +-
 src/routes/portfolio.rs  | 4 ++--
 src/routes/setup.rs      | 2 +-
 src/routes/web3.rs       | 4 ++--
 15 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/src/misc/markdown.rs b/src/misc/markdown.rs
index a58b242..932875b 100644
--- a/src/misc/markdown.rs
+++ b/src/misc/markdown.rs
@@ -86,7 +86,7 @@ pub fn get_options() -> ComrakOptions {
 }
 
 /// Transform markdown string to File structure
-pub fn read(raw_text: &str) -> File {
+fn read(raw_text: &str) -> File {
     let arena = Arena::new();
 
     let options = get_options();
diff --git a/src/routes/agreements.rs b/src/routes/agreements.rs
index 91a87a7..1aaca6d 100644
--- a/src/routes/agreements.rs
+++ b/src/routes/agreements.rs
@@ -6,7 +6,7 @@ use ramhorns::Content;
 #[routes]
 #[get("/.well-known/security.txt")]
 #[get("/security.txt")]
-pub async fn security(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn security(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_securitytxt(
         config.get_ref().to_owned(),
         get_url(req.connection_info()),
@@ -34,7 +34,7 @@ fn build_securitytxt(config: Config, url: String) -> String {
 }
 
 #[get("/humans.txt")]
-pub async fn humans(config: web::Data<Config>) -> impl Responder {
+async fn humans(config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_humanstxt(config.get_ref().to_owned()))
 }
 
@@ -59,7 +59,7 @@ fn build_humanstxt(config: Config) -> String {
 }
 
 #[get("/robots.txt")]
-pub async fn robots() -> impl Responder {
+async fn robots() -> impl Responder {
     HttpResponse::Ok().body(build_robotstxt())
 }
 
@@ -69,7 +69,7 @@ fn build_robotstxt() -> String {
 }
 
 #[get("/sitemap.xml")]
-pub async fn sitemap() -> impl Responder {
+async fn sitemap() -> impl Responder {
     // TODO
     actix_web::web::Redirect::to("/")
 }
diff --git a/src/routes/api_v1.rs b/src/routes/api_v1.rs
index e56c0ef..5068f02 100644
--- a/src/routes/api_v1.rs
+++ b/src/routes/api_v1.rs
@@ -7,7 +7,7 @@ struct Info {
 }
 
 #[get("/love")]
-pub async fn love() -> impl Responder {
+async fn love() -> impl Responder {
     HttpResponse::Ok().json(Info {
         unix_epoch: 1605576600,
     })
diff --git a/src/routes/blog.rs b/src/routes/blog.rs
index b29f12e..779f90b 100644
--- a/src/routes/blog.rs
+++ b/src/routes/blog.rs
@@ -27,7 +27,7 @@ use crate::{
 const MIME_TYPE_RSS: &str = "application/rss+xml";
 
 #[get("/blog")]
-pub async fn index(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn index(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_index(
         config.get_ref().to_owned(),
         get_url(req.connection_info()),
@@ -41,7 +41,7 @@ struct BlogIndexTemplate {
 }
 
 #[once(time = 120)]
-pub fn build_index(config: Config, url: String) -> String {
+fn build_index(config: Config, url: String) -> String {
     let mut posts = get_posts("data/blog");
 
     // Sort from newest to oldest
@@ -177,7 +177,7 @@ struct BlogPostTemplate {
 }
 
 #[get("/blog/p/{id}")]
-pub async fn page(
+async fn page(
     req: HttpRequest,
     path: web::Path<(String,)>,
     config: web::Data<Config>,
@@ -248,7 +248,7 @@ fn get_post(
 }
 
 #[get("/blog/rss")]
-pub async fn rss(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn rss(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok()
         .append_header(("content-type", MIME_TYPE_RSS))
         .body(build_rss(
diff --git a/src/routes/contact.rs b/src/routes/contact.rs
index cb02464..0636a1d 100644
--- a/src/routes/contact.rs
+++ b/src/routes/contact.rs
@@ -9,7 +9,7 @@ use crate::{
 };
 
 #[get("/contact")]
-pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_page(
         config.get_ref().to_owned(),
         get_url(req.connection_info()),
@@ -22,7 +22,7 @@ struct NetworksTemplate {
 }
 
 #[once(time = 60)]
-pub fn build_page(config: Config, url: String) -> String {
+fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
         "contact.html",
         NetworksTemplate {
diff --git a/src/routes/contrib.rs b/src/routes/contrib.rs
index 9bc7b1c..4d134fc 100644
--- a/src/routes/contrib.rs
+++ b/src/routes/contrib.rs
@@ -13,7 +13,7 @@ use cached::proc_macro::once;
 use ramhorns::Content;
 
 #[get("/contrib")]
-pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     let url = get_url(req.connection_info());
     HttpResponse::Ok().body(build_page(config.get_ref().to_owned(), url).await)
 }
@@ -46,7 +46,7 @@ struct Pull {
 }
 
 #[once(time = 120)]
-pub async fn build_page(config: Config, url: String) -> String {
+async fn build_page(config: Config, url: String) -> String {
     let navbar = NavBar {
         contrib: true,
         ..NavBar::default()
diff --git a/src/routes/cours.rs b/src/routes/cours.rs
index f43ea62..b86662c 100644
--- a/src/routes/cours.rs
+++ b/src/routes/cours.rs
@@ -1,7 +1,7 @@
 use actix_web::{get, Responder};
 
 #[get("/cours")]
-pub async fn page() -> impl Responder {
+async fn page() -> impl Responder {
     // TODO
     actix_web::web::Redirect::to("/")
 }
diff --git a/src/routes/cv.rs b/src/routes/cv.rs
index c9e4cdd..de687ca 100644
--- a/src/routes/cv.rs
+++ b/src/routes/cv.rs
@@ -1,7 +1,7 @@
 use actix_web::{get, Responder};
 
 #[get("/cv")]
-pub async fn page() -> impl Responder {
+async fn page() -> impl Responder {
     // TODO
     actix_web::web::Redirect::to("/")
 }
diff --git a/src/routes/gaming.rs b/src/routes/gaming.rs
index 5885bcc..c8ab433 100644
--- a/src/routes/gaming.rs
+++ b/src/routes/gaming.rs
@@ -1,7 +1,7 @@
 use actix_web::{get, Responder};
 
 #[get("/gaming")]
-pub async fn page() -> impl Responder {
+async fn page() -> impl Responder {
     // TODO
     actix_web::web::Redirect::to("/")
 }
diff --git a/src/routes/index.rs b/src/routes/index.rs
index fe13f4b..c3f3dce 100644
--- a/src/routes/index.rs
+++ b/src/routes/index.rs
@@ -9,7 +9,7 @@ use crate::{
 };
 
 #[get("/")]
-pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_page(
         config.get_ref().to_owned(),
         get_url(req.connection_info()),
@@ -23,7 +23,7 @@ struct IndexTemplate {
 }
 
 #[once(time = 60)]
-pub fn build_page(config: Config, url: String) -> String {
+fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
         "index.html",
         IndexTemplate {
diff --git a/src/routes/memorial.rs b/src/routes/memorial.rs
index 2ade9da..595f411 100644
--- a/src/routes/memorial.rs
+++ b/src/routes/memorial.rs
@@ -1,7 +1,7 @@
 use actix_web::{get, Responder};
 
 #[get("/memorial")]
-pub async fn page() -> impl Responder {
+async fn page() -> impl Responder {
     // Memorial? J'espere ne jamais faire cette page lol
     actix_web::web::Redirect::to("/")
 }
diff --git a/src/routes/not_found.rs b/src/routes/not_found.rs
index 21650e7..014c0cf 100644
--- a/src/routes/not_found.rs
+++ b/src/routes/not_found.rs
@@ -17,7 +17,7 @@ struct NotFoundTemplate {
 }
 
 #[once(time = 60)]
-pub fn build_page(config: Config) -> String {
+fn build_page(config: Config) -> String {
     config.tmpl.render(
         "404.html",
         NotFoundTemplate {
diff --git a/src/routes/portfolio.rs b/src/routes/portfolio.rs
index fb1f0f6..b27416b 100644
--- a/src/routes/portfolio.rs
+++ b/src/routes/portfolio.rs
@@ -13,7 +13,7 @@ use crate::{
 };
 
 #[get("/portfolio")]
-pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_page(
         config.get_ref().to_owned(),
         get_url(req.connection_info()),
@@ -33,7 +33,7 @@ struct PortfolioTemplate<'a> {
 }
 
 #[once(time = 60)]
-pub fn build_page(config: Config, url: String) -> String {
+fn build_page(config: Config, url: String) -> String {
     let projects_dir = "data/projects";
     let ext = ".md";
 
diff --git a/src/routes/setup.rs b/src/routes/setup.rs
index 4a8d1f2..dc6bf2a 100644
--- a/src/routes/setup.rs
+++ b/src/routes/setup.rs
@@ -1,7 +1,7 @@
 use actix_web::{get, Responder};
 
 #[get("/setup")]
-pub async fn page() -> impl Responder {
+async fn page() -> impl Responder {
     // Explication de l'histoire de par exemple wiki/cat et le follow up
     // avec les futures video youtube probablement un shortcut
     // vers un billet de blog
diff --git a/src/routes/web3.rs b/src/routes/web3.rs
index 93e2c9e..0c8ccc8 100644
--- a/src/routes/web3.rs
+++ b/src/routes/web3.rs
@@ -4,7 +4,7 @@ use cached::proc_macro::once;
 use crate::{config::Config, misc::utils::get_url, template::Infos};
 
 #[get("/web3")]
-pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     HttpResponse::Ok().body(build_page(
         config.get_ref().to_owned(),
         get_url(req.connection_info()),
@@ -12,7 +12,7 @@ pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder
 }
 
 #[once(time = 60)]
-pub fn build_page(config: Config, url: String) -> String {
+fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
         "web3.html",
         (),
-- 
2.45.2


From 56661ec4367cc460d4ddb403f19b466166f9a74b Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 17:17:46 +0200
Subject: [PATCH 27/70] use custom redirection

---
 src/main.rs            |  1 +
 src/routes/contact.rs  | 45 +++++++++++++++++++++++++++++++++++++++++-
 templates/contact.html | 30 ++++++++++++++--------------
 3 files changed, 60 insertions(+), 16 deletions(-)

diff --git a/src/main.rs b/src/main.rs
index 98d5f0d..9b13a10 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -48,6 +48,7 @@ async fn main() -> Result<()> {
             .service(gaming::page)
             .service(memorial::page)
             .service(contact::page)
+            .service(contact::service_redirection)
             .service(portfolio::page)
             .service(setup::page)
             .service(web3::page)
diff --git a/src/routes/contact.rs b/src/routes/contact.rs
index 0636a1d..20187ff 100644
--- a/src/routes/contact.rs
+++ b/src/routes/contact.rs
@@ -1,4 +1,4 @@
-use actix_web::{get, web, HttpRequest, HttpResponse, Responder};
+use actix_web::{get, routes, web, HttpRequest, HttpResponse, Responder};
 use cached::proc_macro::once;
 use ramhorns::Content;
 
@@ -16,6 +16,49 @@ async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
     ))
 }
 
+#[routes]
+#[get("/contact/{service}")]
+#[get("/contact/{service}/{scope}")]
+async fn service_redirection(req: HttpRequest) -> impl Responder {
+    let info = req.match_info();
+    let find_redirection = match info.query("service") {
+        /* Socials links */
+        "twitter" => Some("https://twitter.com/Mylloon".to_owned()),
+        "mastodon" => Some("https://piaille.fr/@mylloon".to_owned()),
+        "discord" => match info.get("scope") {
+            Some("user") => Some("https://discord.com/users/158260864623968257/".to_owned()),
+            Some("guild") => Some("https://discord.gg/Z5ePxH4".to_owned()),
+            _ => None,
+        },
+        "reddit" => Some("https://www.reddit.com/user/mylloon".to_owned()),
+        "instagram" => Some("https://www.instagram.com/mylloon/".to_owned()),
+        "kitsu" => Some("https://kitsu.io/users/Mylloon/library?status=completed".to_owned()),
+        "steam" => Some("https://steamcommunity.com/id/mylloon/".to_owned()),
+        "youtube" => Some("https://www.youtube.com/c/Mylloon".to_owned()),
+        "twitch" => Some("https://www.twitch.tv/mylloon".to_owned()),
+
+        /* Forges */
+        "github" => Some("https://github.com/Mylloon".to_owned()),
+        "gitlab" => Some("https://gitlab.com/Mylloon".to_owned()),
+        "codeberg" => Some("https://codeberg.org/Mylloon".to_owned()),
+        "forgejo" => Some("https://git.mylloon.fr/Anri".to_owned()),
+
+        /* Others */
+        "keyoxide" => {
+            Some("https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F".to_owned())
+        }
+        _ => None,
+    };
+
+    if let Some(redirection) = find_redirection {
+        // Redirect to the desired service
+        actix_web::web::Redirect::to(redirection)
+    } else {
+        // By default, returns to the contact page
+        actix_web::web::Redirect::to("/contact")
+    }
+}
+
 #[derive(Content, Debug)]
 struct NetworksTemplate {
     navbar: NavBar,
diff --git a/templates/contact.html b/templates/contact.html
index f6c50a6..33e1e20 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -15,7 +15,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://twitter.com/Mylloon"
+              href="/contact/twitter"
               >@Mylloon</a
             >
           </p>
@@ -27,7 +27,7 @@
               target="_blank"
               rel="noopener noreferrer me"
               title="Alternative à Twitter"
-              href="https://piaille.fr/@mylloon"
+              href="/contact/mastodon"
               >Mylloon@piaille.fr</a
             >
           </p>
@@ -38,14 +38,14 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://discord.com/users/158260864623968257/"
+              href="/contact/discord/user"
               >mylloon</a
             >
             et
             <a
               target="_blank"
               rel="noopener noreferrer"
-              href="https://discord.gg/Z5ePxH4"
+              href="/contact/discord/guild"
               >mon serveur</a
             >
           </p>
@@ -56,7 +56,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://www.reddit.com/user/mylloon"
+              href="/contact/reddit"
               >mylloon</a
             >
           </p>
@@ -67,7 +67,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://www.instagram.com/mylloon/"
+              href="/contact/instagram"
               >mylloon</a
             >
           </p>
@@ -79,7 +79,7 @@
               target="_blank"
               rel="noopener noreferrer me"
               title="Anime tracker"
-              href="https://kitsu.io/users/Mylloon/library?status=completed"
+              href="/contact/kitsu"
               >Mylloon</a
             >
           </p>
@@ -90,7 +90,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://steamcommunity.com/id/mylloon/"
+              href="/contact/steam"
               >Mylloon</a
             >
           </p>
@@ -101,7 +101,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://www.youtube.com/c/Mylloon"
+              href="/contact/youtube"
               >Mylloon</a
             >
           </p>
@@ -112,7 +112,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://www.twitch.tv/mylloon"
+              href="/contact/twitch"
               >mylloon</a
             >
           </p>
@@ -127,7 +127,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://github.com/Mylloon"
+              href="/contact/github"
               >Mylloon</a
             >
           </p>
@@ -138,7 +138,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://gitlab.com/Mylloon"
+              href="/contact/gitlab"
               >Mylloon</a
             >
           </p>
@@ -149,7 +149,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://codeberg.org/Mylloon"
+              href="/contact/codeberg"
               >Mylloon</a
             >
           </p>
@@ -160,7 +160,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://git.mylloon.fr/Anri"
+              href="/contact/forgejo"
               >Anri</a
             >
           </p>
@@ -186,7 +186,7 @@
             <a
               target="_blank"
               rel="noopener noreferrer me"
-              href="https://keyoxide.org/27024A99057E58B8087A5022A82D63DFF8D1317F"
+              href="/contact/keyoxide"
               >27024A99057E58B8087A5022A82D63DFF8D1317F</a
             >
           </p>
-- 
2.45.2


From 991495893ae75bff2b3283c8250f706ff92d7f6f Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 17:22:22 +0200
Subject: [PATCH 28/70] Add header, cf #34

---
 src/main.rs | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/main.rs b/src/main.rs
index 9b13a10..f1dc440 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -29,10 +29,14 @@ async fn main() -> Result<()> {
     HttpServer::new(move || {
         App::new()
             .app_data(web::Data::new(config.to_owned()))
-            .wrap(DefaultHeaders::new().add((
-                "Onion-Location",
-                config.fc.onion.as_deref().unwrap_or_default(),
-            )))
+            .wrap(
+                DefaultHeaders::new()
+                    .add((
+                        "Onion-Location",
+                        config.fc.onion.as_deref().unwrap_or_default(),
+                    ))
+                    .add(("Permissions-Policy", "interest-cohort=()")),
+            )
             .service(web::scope("/api").service(web::scope("v1").service(api_v1::love)))
             .service(index::page)
             .service(agreements::security)
-- 
2.45.2


From f8a68933c55d66a23bb29c5849aeda59d79c67fa Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 17:36:33 +0200
Subject: [PATCH 29/70] more global style

---
 static/css/index.css | 11 -----------
 static/css/style.css | 17 +++++++++++++++--
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index e703844..cd8cd28 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -20,17 +20,6 @@
   --title-weight: 600;
 }
 
-/* Page theme */
-main {
-  color: var(--font-color);
-  font-size: var(--font-size);
-  padding: 2em 1em;
-  font-family: var(--font-family);
-  color: var(--font-color);
-  margin: 0 auto;
-  max-width: 640px; /* breakpoint */
-}
-
 /* Name header */
 .name {
   font-size: calc(var(--font-size) * 2.5);
diff --git a/static/css/style.css b/static/css/style.css
index 7bcb88d..822f620 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -10,6 +10,21 @@ a {
   font-size: var(--font-size);
 }
 
+a:hover {
+  opacity: 0.6;
+  transition: opacity 0.2s;
+}
+
+main {
+  color: var(--font-color);
+  font-size: var(--font-size);
+  padding: 2em 1em;
+  font-family: var(--font-family);
+  color: var(--font-color);
+  margin: 0 auto;
+  max-width: 640px; /* breakpoint */
+}
+
 /* Navigation bar across all of the pages */
 .navbar {
   text-align: center;
@@ -42,8 +57,6 @@ a {
 
 .navbar a:hover {
   text-decoration: underline;
-  opacity: 0.6;
-  transition: opacity 0.2s;
 }
 
 .bold {
-- 
2.45.2


From fe140496fd71f19ba8591fa8bfed44c3f026a4e6 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 17:38:43 +0200
Subject: [PATCH 30/70] rename

---
 static/css/constants.css | 4 ++--
 static/css/style.css     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/static/css/constants.css b/static/css/constants.css
index ffcb394..97e1a78 100644
--- a/static/css/constants.css
+++ b/static/css/constants.css
@@ -3,7 +3,7 @@
   :root {
     --background: #f1f1f1;
     --font-color: #18181b;
-    --link-hover-color: #df5a9c;
+    --link-color: #df5a9c;
   }
 }
 
@@ -12,7 +12,7 @@
   :root {
     --background: #171e26;
     --font-color: #bcbcc5;
-    --link-hover-color: #ff80bf;
+    --link-color: #ff80bf;
   }
 }
 
diff --git a/static/css/style.css b/static/css/style.css
index 822f620..e3f9e5f 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -52,7 +52,7 @@ main {
 
 .navbar a {
   text-decoration: none;
-  color: var(--link-hover-color);
+  color: var(--link-color);
 }
 
 .navbar a:hover {
-- 
2.45.2


From c179eb3e0dedeb202aa8c2ddcf545df74a838bfb Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 18:31:31 +0200
Subject: [PATCH 31/70] rename

---
 templates/index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index ed34227..7ae616c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -33,14 +33,14 @@
           title="21_12's GitHub"
           target="_blank"
           rel="noreferrer"
-          ><img src="/badges/friends/21_12.gif" alt="21_12" loading="lazy"
+          ><img src="/badges/friends/21_12.webp" alt="21_12" loading="lazy"
         /></a>
         <a
           href="https://twitter.com/azazouille_"
-          title="Azazoul's Twitter"
+          title="Azazouille's Twitter"
           target="_blank"
           rel="noreferrer"
-          ><img src="/badges/friends/azazoul.gif" alt="Azazoul" loading="lazy"
+          ><img src="/badges/friends/azazouille.webp" alt="Azazouille" loading="lazy"
         /></a>
       </article> -->
 
-- 
2.45.2


From 6a63d2d7d0de5df39238b947a145df2e1aa176c2 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 18:31:44 +0200
Subject: [PATCH 32/70] css contact

---
 static/css/contact.css | 60 +++++++++++++++++++++++++++++-------------
 templates/contact.html | 10 ++++---
 2 files changed, 48 insertions(+), 22 deletions(-)

diff --git a/static/css/contact.css b/static/css/contact.css
index 31a89ae..3d6c9a0 100644
--- a/static/css/contact.css
+++ b/static/css/contact.css
@@ -1,29 +1,53 @@
-/* Parameters light */
-@media (prefers-color-scheme: light) {
-  :root {
-  }
+/* https://stackoverflow.com/a/40244401/15436737 */
+
+/* Title */
+h1 {
+  margin: 0;
 }
 
-/* Parameters dark */
-@media (prefers-color-scheme: dark) {
-  :root {
-  }
+h1 + p {
+  margin: 8px;
 }
 
-:root {
+/* List */
+main ul {
+  column-count: 2;
+  column-gap: 5em;
 }
 
-/* Page theme */
-main {
-  color: var(--font-color);
-  font-size: var(--font-size);
-  padding: 2em 1em;
-  font-family: var(--font-family);
-  color: var(--font-color);
-  margin: 0 auto;
-  max-width: 640px; /* breakpoint */
+main li > p {
+  margin: 0;
+  padding: 3%;
 }
 
 /* breakpoint */
 @media only screen and (max-width: 640px) {
+  main ul {
+    column-count: 1;
+  }
+}
+
+/* Links */
+main a {
+  text-decoration: none;
+  display: inline-block;
+  color: color-mix(in srgb, var(--font-color) 30%, var(--link-color));
+}
+
+main a:after {
+  display: block;
+  content: "";
+  border-bottom: solid 3px;
+  transform: scaleX(0);
+  transition: transform 250ms ease-in-out;
+  transform-origin: 100% 50%;
+}
+
+main a:hover:after {
+  transform: scaleX(1);
+  transform-origin: 0 50%;
+}
+
+main a:hover {
+  text-decoration: none;
 }
diff --git a/templates/contact.html b/templates/contact.html
index 33e1e20..75adcd1 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -7,7 +7,9 @@
   <body>
     <header>{{>navbar.html}}</header>
     <main>
-      <h1>Réseaux sociaux</h1>
+      <h1>Contact</h1>
+      <p>Je suis présent relativement partout sur internet 😸</p>
+      <h2>Réseaux sociaux</h2>
       <ul>
         <li>
           <p>
@@ -119,7 +121,7 @@
         </li>
       </ul>
 
-      <h1>Forges</h1>
+      <h2>Forges</h2>
       <ul>
         <li>
           <p>
@@ -167,7 +169,7 @@
         </li>
       </ul>
 
-      <h1>Autre</h1>
+      <h2>Autre</h2>
       <ul>
         <li>
           <p>
@@ -187,7 +189,7 @@
               target="_blank"
               rel="noopener noreferrer me"
               href="/contact/keyoxide"
-              >27024A99057E58B8087A5022A82D63DFF8D1317F</a
+              >Mylloon</a
             >
           </p>
         </li>
-- 
2.45.2


From adf8b2f33ac28193436f828283ec745ca4384551 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 18:46:31 +0200
Subject: [PATCH 33/70] rename index to info

---
 templates/navbar.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/navbar.html b/templates/navbar.html
index e3b0d17..5faea27 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -4,7 +4,7 @@
     <li>
       <p>
         <a class="_ {{#index}}bold{{/index}}" href="/" title="Page principale"
-          >Index</a
+          >Infos</a
         >
       </p>
     </li>
-- 
2.45.2


From 663f07971107c60cd56a593d034b8a8083ff4cd7 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 18:46:35 +0200
Subject: [PATCH 34/70] Add little desc

---
 templates/index.html | 33 +++++++++++++++++++++++++++++----
 1 file changed, 29 insertions(+), 4 deletions(-)

diff --git a/templates/index.html b/templates/index.html
index 7ae616c..3bb89ab 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -15,7 +15,8 @@
         <img
           class="avatar"
           src="/icons/apple-touch-icon.png"
-          alt="Mon avatar"
+          alt="Avatar"
+          title="Mon avatar, dessiné un jour super rapidement sur Gimp."
           loading="lazy"
         />
       </div>
@@ -26,7 +27,28 @@
         <p>Content de vous voir ici !</p>
       </article>
 
-      <!-- <article>
+      <article>
+        <h1>Qui suis-je ?</h1>
+        <p>Je m'appelle <b>Anri</b>, mon pseudo est <b>Mylloon</b>.</p>
+        <p>
+          J'aime beaucoup l'informatique depuis très petit, ce site est écrit de
+          A à Z par moi-même (modulo la quantité astronomique de librairie
+          utilisé) en Rust. J'adore le monde de l'open source, l'immense
+          majorité de mes projets sont sous licence
+          <a
+            href="https://en.wikipedia.org/wiki/GNU_Affero_General_Public_License"
+            target="_blank"
+            rel="noreferrer"
+            >AGPLv3</a
+          >. Vous pouvez voir mon <a href="/portfolio">portfolio ici</a> !
+        </p>
+        <p>
+          Il m'arrive parfois d'écrire dans
+          <a href="/blog">mon blog disponible ici</a>.
+        </p>
+      </article>
+
+      <article>
         <h1>Personnes incroyables</h1>
         <a
           href="https://github.com/2-1-1-2"
@@ -40,9 +62,12 @@
           title="Azazouille's Twitter"
           target="_blank"
           rel="noreferrer"
-          ><img src="/badges/friends/azazouille.webp" alt="Azazouille" loading="lazy"
+          ><img
+            src="/badges/friends/azazouille.webp"
+            alt="Azazouille"
+            loading="lazy"
         /></a>
-      </article> -->
+      </article>
 
       {{/data}}
     </main>
-- 
2.45.2


From c431da38e1e06dc7873dd7a158165685850890b7 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 19:12:07 +0200
Subject: [PATCH 35/70] fix on release

---
 static/css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index e3f9e5f..eade3b7 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -42,7 +42,7 @@ main {
 
 @media only screen and (max-width: 640px) {
   .navbar p::after {
-    padding: 4px;
+    padding: 6px;
   }
 }
 
-- 
2.45.2


From bf7f85e777503a3d3cf7f06b79efd38027d2b98a Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 19:12:21 +0200
Subject: [PATCH 36/70] funny statement randomized for subtitle

---
 static/css/index.css |  8 ++++----
 static/js/index.js   | 14 ++++++++++++++
 templates/index.html | 16 +++++++++-------
 3 files changed, 27 insertions(+), 11 deletions(-)
 create mode 100644 static/js/index.js

diff --git a/static/css/index.css b/static/css/index.css
index cd8cd28..1fb2aa1 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -21,24 +21,24 @@
 }
 
 /* Name header */
-.name {
+#name {
   font-size: calc(var(--font-size) * 2.5);
   font-weight: var(--title-weight);
   color: var(--name-color);
 }
 
-.subname {
+#subname {
   margin-top: 0;
   font-size: calc(var(--font-size) * 1.07);
   margin-bottom: 1.5em;
 }
 
-.pronouns {
+#pronouns {
   font-size: calc(var(--font-size) * 0.8);
   color: var(--pronouns-color);
 }
 
-.avatar {
+#avatar {
   width: calc(var(--font-size) * 5);
   border-radius: 50%;
   float: right;
diff --git a/static/js/index.js b/static/js/index.js
new file mode 100644
index 0000000..8d7cdee
--- /dev/null
+++ b/static/js/index.js
@@ -0,0 +1,14 @@
+window.addEventListener("load", () => {
+  const tags = [
+    "Comment ça marche un PC 😵‍💫",
+    "Idiot certifié",
+    "undefined",
+    "/api/v1/love",
+    "Étudiant qui va rater son master",
+    "Peak D2 sur Valo",
+    "1312",
+  ];
+
+  let tagElement = document.getElementById("subname");
+  tagElement.textContent = tags[Math.round(Math.random() * (tags.length - 1))];
+});
diff --git a/templates/index.html b/templates/index.html
index 3bb89ab..16c549c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,17 +10,17 @@
       {{#data}}
 
       <div>
-        <span class="name">{{fullname}}</span>
-        <span class="pronouns">(il/lui, he/him)</span>
+        <span id="name">{{fullname}}</span>
+        <span id="pronouns">(il/lui, he/him)</span>
         <img
-          class="avatar"
+          id="avatar"
           src="/icons/apple-touch-icon.png"
           alt="Avatar"
           title="Mon avatar, dessiné un jour super rapidement sur Gimp."
           loading="lazy"
         />
       </div>
-      <p class="subname">Étudiant qui va rater son master</p>
+      <p id="subname"></p>
 
       <article>
         <h1>Bienvenue !</h1>
@@ -40,11 +40,12 @@
             target="_blank"
             rel="noreferrer"
             >AGPLv3</a
-          >. Vous pouvez voir mon <a href="/portfolio">portfolio ici</a> !
+          >. Vous pouvez voir mon <a href="/portfolio">portfolio ici</a>, ainsi
+          que mes <a href="/contrib">contributions sur GitHub ici</a>.
         </p>
         <p>
-          Il m'arrive parfois d'écrire dans
-          <a href="/blog">mon blog disponible ici</a>.
+          Il m'arrive aussi, parfois, d'écrire dans
+          <a href="/blog">sur mon blog</a>.
         </p>
       </article>
 
@@ -71,5 +72,6 @@
 
       {{/data}}
     </main>
+    <script src="/js/index.js"></script>
   </body>
 </html>
-- 
2.45.2


From 7db7aa153640cf90625794682533210b99f090b6 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 19:12:41 +0200
Subject: [PATCH 37/70] oneline

---
 static/js/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/js/index.js b/static/js/index.js
index 8d7cdee..9e39f12 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -9,6 +9,6 @@ window.addEventListener("load", () => {
     "1312",
   ];
 
-  let tagElement = document.getElementById("subname");
-  tagElement.textContent = tags[Math.round(Math.random() * (tags.length - 1))];
+  document.getElementById("subname").textContent =
+    tags[Math.round(Math.random() * (tags.length - 1))];
 });
-- 
2.45.2


From 3d66ed0e2da3351d569af6fb1dfc3e1b582e3413 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 19:43:05 +0200
Subject: [PATCH 38/70] Add webp files

---
 .gitattributes | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitattributes b/.gitattributes
index 58b8264..71cf752 100644
--- a/.gitattributes
+++ b/.gitattributes
@@ -1,3 +1,4 @@
 *.png filter=lfs diff=lfs merge=lfs -text
 *.gif filter=lfs diff=lfs merge=lfs -text
 *.jpg filter=lfs diff=lfs merge=lfs -text
+*.webp filter=lfs diff=lfs merge=lfs -text
-- 
2.45.2


From cdcfab8120eca8fcd9e0070d03aefc8b2dd0f760 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 19:43:19 +0200
Subject: [PATCH 39/70] Add friends and co

---
 static/badges/friends/21_12.webp      | Bin 0 -> 1816 bytes
 static/badges/friends/azazouille.webp | Bin 0 -> 2284 bytes
 static/css/index.css                  |   9 +++++++++
 templates/index.html                  |   6 +++---
 4 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 static/badges/friends/21_12.webp
 create mode 100644 static/badges/friends/azazouille.webp

diff --git a/static/badges/friends/21_12.webp b/static/badges/friends/21_12.webp
new file mode 100644
index 0000000000000000000000000000000000000000..9b1cca3abf6afda86b39a5005521cf2a8b30a4c5
GIT binary patch
literal 1816
zcmaKqdpwj`7{?!Er*X@z%{3#IvPF_;lr&1Y#kyo%y3CARmKmCH-I7^itRyR;HX)2Q
zh3Zp75fw#^F5}*fl>0T862|Nq?Pu$c+VlCG_k7Rqd4A_T&-1=c)>c-s7y!5J1jpTu
zrbGz<z@g~|upGeJ($X<U6m3B?Cy+vAEV2Ng(n9D?I|w+Uy9W-_3lbm=a-a($Bnl(g
z-r34UnEmbXp#?;Qk;XN`v%a14T~*rq0D}S`f<qY=lwf)Y;{Av>gogwRITNuW#gF8T
z_!8pPbaX+)Z9<*=nTLezyTA)YDbih>EKzNWNXPkp#pJJ;;zy^Vob@P2+nY*5=Zg|Q
zv$v2B3z-@iite^BgcV91pt(AuRU1t;*a6mH500p<WC#U+2!s$=gH{?+7~q8BgzxxO
z7W|ILMMf@vpdiOK2m&gQ7W^Rm1}F!OFTG{>7_D27M5G7+;;#jQiJt&4Cjs~=0>Nyq
zK)^o_AodcVn)byXlmlQoh4hp!nszq8lA{1OYQAXX3;+%bK&d^LL?<o0M+`kheS84M
z3jw6v0TiABNO*qk8;S|zkk<;}f_i1w0C4&YfQ~OZ+v_`ZFGhy{`u4v$|Mn04xj36e
z08bSmOGJ+d8encH&mx@Hlq$C2%8JAgnYwnlnkR8KdDGcFWo>*Naz>MHPterf9F3PZ
znUPGs*Hq-BQJ=`%qd60zTMlL@gWY=7Z6rK@GneLC<ws{9(T(R99`rYqnzMUb^~953
zvR+`1dD~cW*|c)Fl+Euk!rV1~9hN-BN{jOh{Md9|uiT6ne8_QQhG%bmZ^NlnqRhC=
zg*{lmsEAAMSxwBcsIiz5^moh)<W@JEbexZ<I3eqka7fnL$|U)PPDhHS_N&_lM|`Ho
z551aNF_E`#!uF0aHGZdU5&o0jqfarzG%KeB`SGPQ+-5e$jCF-4Ud6d!!?4Hyt>7ZD
zYDT{r1fh{jqmMbbpMSjW{+9Y$Zv5!g(Pu~0hX+p+QgVy)+P1ElV0oSWZInl7meE%|
zK`MyqeU~)v(PKs*OfA)jsjgxjErQwC;sNZG`M&&NEmD`4Id$O5cz9E$nN#{lvFCD?
zRX3N$-_pfM4|>nxRT7Lzc^J%d10}X$>HNX$ln0akUB){L{PEhwdwaySxSY~KUJEn&
zn)-zjmmjbeY4aNW_Sm<ETf;gXG<bDC(!14KFOv@UXGONRUrO6h%PDcyUv_cROo_5{
zY?DWIm0-W!tmI^o*OSolN#*vg`YhV0_~EM$^EXEt<j?3U%$crtsLgd)Vi_vdaoe~w
zwW(!w883W9UhH;jm4|_*^vlMSnkqMXGQWA(5`7Pe?6uS#h4Pc?gEe`C?R&Yo1Jn(w
zXI&OQiIrR_p4*YPvbJ<nd;O-3WmoFAxOa}JAMW2;SJQEwRo`g5{ggbn?T>x2?-Hli
zJIY4gDwA@yW@IdEJ+$!Ae1!u^^0?W;(1^018&{LUu64^+Q_M4Whumgn8r*#Ce1rAt
zJ&wv9)%VK-Qx^%62Rf@)G;mZxHtzI(9v-jwRD4)+)?%|MwJaKYIr7gp<U_O^CY96N
z5F$2WG*t0yS8Vd03s}zmF5TAb-~*4ro$)agAMi+xr6}3*;KQC5on`c-Hf(S!)vny9
z_u(ojNt?>ztCoCoIdi3`fW_wq_67)A!*9&rihTv;f#l=#yT7#Tyf<gqmE~hvF=;Ew
z*EuIEc%mm@oZ04k)2Y>VjQ25YdMHb^dpgc5I8s5<CzmL9^!NUB5_XC5HlzBcj<t!Z
zJ#+UG^VNEzA9Wc<vE~~c_9-zmJVv;J@#$lnZe3gDqqEwhhMxU#dye;fFuzZ@6yetp
zEi*C0#8Ng5rDo%&E8Y4t-X+a&+l)>xQZswIMcbcn(kwwC%SDrRVqkwdnYa0rO-$5u
zT^!TAz*Uuk505XvuCy9imBfw<3n~&%>|1v6(^!mrS9x@Ewc2s5Rl0BLde+{rh?G1>
z33;d7R55&Z%r%|xS3sTDglZw~alsIU8|p2~4v-NfD^(V0ry1aRIro;Tyh@+roiI7`
Pen*gH_HuSap9R1_aImwD

literal 0
HcmV?d00001

diff --git a/static/badges/friends/azazouille.webp b/static/badges/friends/azazouille.webp
new file mode 100644
index 0000000000000000000000000000000000000000..5ea992cefde10358ad19ab673088796cc14ab8d6
GIT binary patch
literal 2284
zcmaKtdpJ~EAII0=m|P={%QTrOmu@o&6^;`!nAff3E-8!}c^Mkl#E@>v2@_=$GX|$A
z(sV+j5=zqLtwb&%%3aZ<F&T#0?;gF+)A{4{uIE{MefIbF`>wrzzrCJkdpJ2d4le`1
z*TK%+$KAqD5deUNr!N3{05}l{?!_|jEs!aWAVtQ=*#ZzriKTiF?XZ6Sd$7ncpa@ie
zI#>&S3ns-xyLmc#NwfcXeCq@VX`~%5-RqxoeyXa39*7|UfWX2TwxnokEX+YLZ%c@c
zmNEloO;T8JD9qPk#!=xHgt=R)hkWNrDU+9YsVGgVmj?l^O%v9!<iByq-<T9ejf8Wy
zz&Qq?kra4;8NcrwD&=G;M@GcK@3u6g6)GQ~czeRD0X)%w2%LZ$aEIF(0^-0S5CLKV
z9$qQ15(7NoxZO|us3pHU><WQhhX4t7*n=n#34)jWK>7{f9C-ZbZOlP4(<KR^YzM$E
z{SYKD1OS-}z+w&riP;deSOS1-9{`P%AO5If04#*Cp7TR9U;(iF1OT@m{m?@40pOhm
zK<90AFg1ATIkNCo=HNj9zH$Ii@drSo6#&J6?|p+~(l{vX0>BIImFo)t3N8U)M27d?
z`;)ri^Z280|2OA<{ew>~R!<%PcMK>(Z14jZV2xKhWyfZ#NUXe+5g`F!t!p_O`33Vw
z|C1VM5<?RyJmH6+tK!?H2@@@&vO?c-^J1iM|Cd#vdTDwA%%?0Kjgg-Okrp;D773%8
zed+hp78_elge{+07w1C;9yL_ch|vXU%Uf(%(8YzPl8Kl5lQ84Z*g|35_H~Gb7_qsS
zU(3(texi*p-jnQ-C@u18*G|70OC4{hl}x9mPo;gsE+*(qTs~m@hC{q(dA(w=lIVCB
z$Uovct+GX~yC1hqQ|nXjh&j3G1ul<a`Uz*GGWuaWfgbZoeK@H|jc#1<M%=?(*0kee
zhonF5P;V<u)a!_&e+U8+Xkd{k(<?Xj>?XRUwd$JNknBf`Y)R9rfqeYGYy#+s2HKrZ
zTpr`!&&__I*>eNfrlc0LhELW8uSfOIYoLa56L_+eb|T9Af-6y;!d}zAmG&Gz#%1Tn
zFX)O5JUh;W%L;D{f1Yc#R;NCGR>CLxo3M5+uF^`3Endk}geIvFM)`0LiL;{l^>S^W
z=P9MXZZM3=f8l`=JXW=|4)@D#c$@TghW|QsmD=Hh$<Cj<uUQ+A@5UG3dAa|yS8`e9
z%m&g?(;d`d_7(I7$WA{4oyNoe6)4Pm=ECg3x8`o^*$q{{?%Rxc=*)CaH}*hIEFe+*
z=h+De|3=RX1$X00FCZ5BQ{T~p%FT81FYhWkc|ysg!+B3#RLz8)G482~XK6N}#VAtm
zeO6ng;-$iO$JZTh>m15;-5BKj>wT5^viI}@G)JLcKW|cgUm?DU5%6Hd)sl2d;kki;
zV=1?h{Y?+|yCcDNxMy!$rKY!yENPwKjZRVQ4Bn42M~*vP1&Nr%!}V9Ggq-knhVAaa
z+kwpd(c{5>%+*F4JhLKHR%8y^6H08~D^GG)Li5))p%*xrP3Tdf?@&&!kC?R40f{i@
z+z}pso+WB4MU`|DUv75YRE}xa+B#5v0eNIaclvwndgzRf#GyOoVpvpl%(1gU?#H+D
zOBvd#k$ovgxLGe<eFK9C&4NvO5%OCveN}kjZdv;vs81$-ine33Mb)InzQ>j;bddTZ
z4cWRb1?!EBiqGw{z$_dYZ4Z6Wl{==b8d`6$oz7|x>=)WK>4tYDyTt2Jp@D;QUPjrO
z$*MV|YU8stC1Hm$g<6CwoVQ)6!}g`k5rMicm#s$1u>sc#h>*Z-FePbU#~?#Kv}cc8
z0(jee0)za;HyGi1vZJM~NcH;Ow7gc0SEibN^M>f`W9xAgxh;}60_Q(weg}iBBg&Og
zr*^t*(Lfo>8F1R2!*K0;$}T?8(a5-Z=SZ`@FP^PL*-zsZ4mfq5H`B7@3STE5<w1gz
z*VGj#`qP4-dUKl3iHZy_QI1$))FO-Vz^d%Y?s)N*E_%nv{b93IdasF~kB`1Jt@N~_
zVv~cbS+=#~dShIoa97q=?k=*tm3!j6t>=({pi3@{&&X$tqpOS`W~kYay;i4X9g=Au
z9}s`-Lo~d*fylIGs;)8#8tn7FKEuyTZ>TjT9X(~6w%pL(Tg3Rf+wEzIiQbnrC~JvK
zl;B>){Knwu1d}V^)~Ovz4{3j5)uV%JtrHZ-lnatL^#fWT$*T{?wbXr3w$!?%^jG82
z8E%ipOO}IC2H);kC%G4Qqk8MUA?@vJw%MHC&##L?%x+H(VF}f}p)*%*qSDLR*vY&e
z{p!b<ny6h~I8o&wYL>TCpT|Cl;?9aDZr}PgB`2fSDEph$$#bl8GTdx+#GQuq$xMTD
z*zT#z^}#fWQh-_HQL;|#ERJ;H-|1<o98b(h%lX?4o{(s)ru%*}vUaYf4B*Zp60Rm%
zdHaj$E3^I+u@3d8VVx|Y{6tjZ#>P2|)Tw$`^3~HRT**VWQdO&ObSJs=CPScaUxNIK
zXk0c?tym7!KR8<WiUV1*;cEuc$<MMy7ZVDZv__?!Q^FKo+lpF3NN#eK5;pH!G%oD!
zZOg02`k9U@KCOj=3OyXr5NFfMDP*Rg331(DVc^TO#HlXBzw}uApihq<n)M>_Mq8KP
b4xXlQT)4Sg>Z>5xGPKF=^vQS9f6#vc^W>M#

literal 0
HcmV?d00001

diff --git a/static/css/index.css b/static/css/index.css
index 1fb2aa1..6e85ea3 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -62,3 +62,12 @@ h1 {
   font-size: calc(var(--font-size) * 1.6);
   margin-bottom: 0;
 }
+
+/* Friends */
+#friends a:hover {
+  opacity: 1;
+}
+
+#friends a {
+  padding-right: 10px;
+}
diff --git a/templates/index.html b/templates/index.html
index 16c549c..103e0c3 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -49,18 +49,18 @@
         </p>
       </article>
 
-      <article>
+      <article id="friends">
         <h1>Personnes incroyables</h1>
         <a
           href="https://github.com/2-1-1-2"
-          title="21_12's GitHub"
+          title="GitHub de 21_12"
           target="_blank"
           rel="noreferrer"
           ><img src="/badges/friends/21_12.webp" alt="21_12" loading="lazy"
         /></a>
         <a
           href="https://twitter.com/azazouille_"
-          title="Azazouille's Twitter"
+          title="Twitter de Azazouille"
           target="_blank"
           rel="noreferrer"
           ><img
-- 
2.45.2


From ff9e13c7806cb48a18b6496b00276a5e4f8fbc9f Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 20:13:00 +0200
Subject: [PATCH 40/70] Add titles, format

---
 templates/contact.html | 78 ++++++++++++++++++++++++------------------
 1 file changed, 45 insertions(+), 33 deletions(-)

diff --git a/templates/contact.html b/templates/contact.html
index 75adcd1..1a845b7 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -15,9 +15,10 @@
           <p>
             Twitter :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/twitter"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Twitter, pour le shitposting"
               >@Mylloon</a
             >
           </p>
@@ -26,10 +27,10 @@
           <p>
             Mastodon :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
-              title="Alternative à Twitter"
               href="/contact/mastodon"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Mastodon, alternative à Twitter, principalement pour l'IT"
               >Mylloon@piaille.fr</a
             >
           </p>
@@ -38,16 +39,18 @@
           <p>
             Discord :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/discord/user"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Discord perso"
               >mylloon</a
             >
             et
             <a
-              target="_blank"
-              rel="noopener noreferrer"
               href="/contact/discord/guild"
+              target="_blank"
+              rel="noreferrer"
+              title="Serveur Discord accessible à tous, venez !"
               >mon serveur</a
             >
           </p>
@@ -56,9 +59,10 @@
           <p>
             Reddit :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/reddit"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Reddit, sert à rien"
               >mylloon</a
             >
           </p>
@@ -67,9 +71,10 @@
           <p>
             Instagram :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/instagram"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Instagram, sert à rien"
               >mylloon</a
             >
           </p>
@@ -78,10 +83,10 @@
           <p>
             Kitsu :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
-              title="Anime tracker"
               href="/contact/kitsu"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Kitsu pour tracker d'anime/manga/webtoon"
               >Mylloon</a
             >
           </p>
@@ -90,9 +95,10 @@
           <p>
             Steam :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/steam"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Steam pour les jeux-vidéos"
               >Mylloon</a
             >
           </p>
@@ -101,9 +107,10 @@
           <p>
             Youtube :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/youtube"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte YouTube, parfois je poste des vidéos JV ou IT"
               >Mylloon</a
             >
           </p>
@@ -112,9 +119,10 @@
           <p>
             Twitch :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/twitch"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Twitch, parfois je stream soit des JV soit du dev"
               >mylloon</a
             >
           </p>
@@ -127,9 +135,10 @@
           <p>
             Github :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/github"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte GitHub, principalement pour les contributions"
               >Mylloon</a
             >
           </p>
@@ -138,9 +147,10 @@
           <p>
             Gitlab :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/gitlab"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Gitlab, sert à rien"
               >Mylloon</a
             >
           </p>
@@ -149,9 +159,10 @@
           <p>
             Codeberg :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/codeberg"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Codeberg, pas utilisé mais j'adore Codeberg !"
               >Mylloon</a
             >
           </p>
@@ -160,9 +171,10 @@
           <p>
             Forgejo (mon instance) :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/forgejo"
+              target="_blank"
+              rel="noreferrer me"
+              title="Compte Forgejo, là où il y a tout mes projets, hébergé par mes soins"
               >Anri</a
             >
           </p>
@@ -175,7 +187,6 @@
           <p>
             Mail :
             <a
-              rel="noopener noreferrer me"
               href="mailto:kennel.anri%20at%20tutanota.com"
               title="kennel.anri at tutanota.com"
               >kennel.anri at tutanota.com</a
@@ -186,9 +197,10 @@
           <p>
             Keyoxide :
             <a
-              target="_blank"
-              rel="noopener noreferrer me"
               href="/contact/keyoxide"
+              target="_blank"
+              rel="noreferrer me"
+              title="Page Keyoxide, vérifie l'appartenance de la majorité des comptes mentionné ici via GPG"
               >Mylloon</a
             >
           </p>
-- 
2.45.2


From 2eadcb213fb434ff37a4b758faf8e3e47e15ada9 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 20:53:00 +0200
Subject: [PATCH 41/70] comment

---
 static/css/style.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/static/css/style.css b/static/css/style.css
index eade3b7..26da1c9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -40,6 +40,7 @@ main {
   padding: 10px;
 }
 
+/* breakpoint */
 @media only screen and (max-width: 640px) {
   .navbar p::after {
     padding: 6px;
-- 
2.45.2


From 8c0f002e219a314b4c8285a1d1d24c247e9d3d1b Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 20:53:20 +0200
Subject: [PATCH 42/70] add prettier-ignore for debug version

---
 templates/navbar.html | 80 ++++++++++++++++++++-----------------------
 1 file changed, 37 insertions(+), 43 deletions(-)

diff --git a/templates/navbar.html b/templates/navbar.html
index 5faea27..2fccc2e 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -2,59 +2,53 @@
 <nav class="navbar">
   <ul>
     <li>
-      <p>
-        <a class="_ {{#index}}bold{{/index}}" href="/" title="Page principale"
-          >Infos</a
-        >
-      </p>
+      <!-- prettier-ignore -->
+      <p><a class="_ {{#index}}bold{{/index}}" href="/" title="Page principale"
+        >Infos</a
+      ></p>
     </li>
     <li>
-      <p>
-        <a class="_ {{#blog}}bold{{/blog}}" href="/blog" title="Page de blog"
-          >Blog</a
-        >
-      </p>
+      <!-- prettier-ignore -->
+      <p><a class="_ {{#blog}}bold{{/blog}}" href="/blog" title="Page de blog"
+        >Blog</a
+      ></p>
     </li>
     <li>
-      <p>
-        <a
-          class="_ {{#portfolio}}bold{{/portfolio}}"
-          href="/portfolio"
-          title="Page du portfolio"
-          >Portfolio</a
-        >
-      </p>
+      <!-- prettier-ignore -->
+      <p><a
+        class="_ {{#portfolio}}bold{{/portfolio}}"
+        href="/portfolio"
+        title="Page du portfolio"
+        >Portfolio</a
+      ></p>
     </li>
     <li>
-      <p>
-        <a
-          class="_ {{#contact}}bold{{/contact}}"
-          href="/contact"
-          title="Page des réseaux"
-          >Contact</a
-        >
-      </p>
+      <!-- prettier-ignore -->
+      <p><a
+        class="_ {{#contact}}bold{{/contact}}"
+        href="/contact"
+        title="Page de contact"
+        >Contact</a
+      ></p>
     </li>
     <li>
-      <p>
-        <a
-          class="_ {{#contrib}}bold{{/contrib}}"
-          href="/contrib"
-          title="Page des contributions"
-          >Contributions</a
-        >
-      </p>
+      <!-- prettier-ignore -->
+      <p><a
+        class="_ {{#contrib}}bold{{/contrib}}"
+        href="/contrib"
+        title="Page des contributions GitHub"
+        >Contributions</a
+      ></p>
     </li>
     <li>
-      <p>
-        <a
-          class="_ {{#cours}}bold{{/cours}}"
-          href="https://univ.mylloon.fr"
-          title="Page des cours"
-          target="_blank"
-          >Cours</a
-        >
-      </p>
+      <!-- prettier-ignore -->
+      <p><a
+        class="_ {{#cours}}bold{{/cours}}"
+        href="https://univ.mylloon.fr"
+        title="Page des notes de cours"
+        target="_blank"
+        >Cours</a
+      ></p>
     </li>
   </ul>
 </nav>
-- 
2.45.2


From 4e85732ed8cb313f5a52478f8b9f41fbc441e6f0 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 20:53:40 +0200
Subject: [PATCH 43/70] /contrib done!

---
 static/css/contrib.css | 35 ++++++++++++++++++++
 templates/contrib.html | 75 +++++++++++++++++++++++++++++-------------
 2 files changed, 87 insertions(+), 23 deletions(-)
 create mode 100644 static/css/contrib.css

diff --git a/static/css/contrib.css b/static/css/contrib.css
new file mode 100644
index 0000000..c93caf3
--- /dev/null
+++ b/static/css/contrib.css
@@ -0,0 +1,35 @@
+h2 {
+  padding-left: 1rem;
+}
+
+/* Element of lists */
+main li {
+  display: inline-block;
+}
+
+main h1,
+h2 {
+  font-weight: 800;
+}
+
+/* Links */
+main a {
+  text-decoration: none;
+  font-weight: 600;
+}
+
+main a:hover {
+  text-decoration: underline;
+}
+
+p {
+  margin: 0;
+}
+
+main p::after {
+  content: ", ";
+}
+
+main li:last-child p::after {
+  content: "";
+}
diff --git a/templates/contrib.html b/templates/contrib.html
index 460c89b..b1c5085 100644
--- a/templates/contrib.html
+++ b/templates/contrib.html
@@ -2,41 +2,70 @@
 <html class="index" lang="fr">
   <head dir="ltr">
     {{>head.html}}
+    <link rel="stylesheet" href="/css/contrib.css" />
   </head>
   <body>
     <header>{{>navbar.html}}</header>
-    {{#data}} {{#error}}
+    {{#data}}
     <main>
-      <p>Github ne veut pas que tu vois ces informations...</p>
-    </div>
-    {{/error}} {{^error}}
-    <div id="content">
-      <h1 class="subtitle">Mes contributions</h1>
-      <!-- Add URL? -->
+      <h1>Mes contributions GitHub</h1>
+      {{#error}}
+      <p>GitHub ne veut pas que tu vois ces informations...</p>
+      {{/error}} {{^error}}
+
+      <!-- Add URL of projects repo to projects title? -->
       {{#projects}}
-      <h2 class="subtitle">{{name}}</h2>
-      <p>
+      <h2>{{name}}</h2>
+      <ul>
         {{#pulls_merged}}
-        <a target="_blank" title="{{title}} " href="{{url}} ">#{{id}}</a>
+        <li>
+          <!-- prettier-ignore -->
+          <p>
+            <a
+              href="{{url}} "
+              target="_blank"
+              rel="noreferrer"
+              title="{{title}} "
+              >#{{id}}</a></p>
+        </li>
+
         {{/pulls_merged}}
-      </p>
+      </ul>
       {{/projects}}
-      <h1 class="subtitle">En attente</h1>
-      <p>
+
+      <h1>En attente</h1>
+      <ul>
         {{#waiting}} {{#pulls_open}}
-        <a target="_blank" title="{{title}} " href="{{url}} "
-          >{{name_repo}}#{{id}}</a
-        >
+        <li>
+          <!-- prettier-ignore -->
+          <p>
+            <a
+              href="{{url}} "
+              target="_blank"
+              rel="noreferrer"
+              title="{{title}} "
+              >{{name_repo}}#{{id}}</a
+            ></p>
+        </li>
         {{/pulls_open}} {{/waiting}}
-      </p>
-      <h1 class="subtitle">Non mergées</h1>
-      <p>
+      </ul>
+
+      <h1>Non mergées</h1>
+      <ul>
         {{#closed}} {{#pulls_closed}}
-        <a target="_blank" title="{{title}} " href="{{url}} "
-          >{{name_repo}}#{{id}}</a
-        >
+        <li>
+          <!-- prettier-ignore -->
+          <p>
+            <a
+              href="{{url}} "
+              target="_blank"
+              rel="noreferrer"
+              title="{{title}} "
+              >{{name_repo}}#{{id}}</a
+            ></p>
+        </li>
         {{/pulls_closed}} {{/closed}}
-      </p>
+      </ul>
     </main>
     {{/error}} {{/data}} {{>footer.html}}
   </body>
-- 
2.45.2


From 01c106fabbb242602eef11d01af120636346e1ad Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 20:59:08 +0200
Subject: [PATCH 44/70] update index

---
 static/js/index.js   | 2 +-
 templates/index.html | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/static/js/index.js b/static/js/index.js
index 9e39f12..1aa2558 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -5,7 +5,7 @@ window.addEventListener("load", () => {
     "undefined",
     "/api/v1/love",
     "Étudiant qui va rater son master",
-    "Peak D2 sur Valo",
+    "Peak D2 sur Valo 🤡",
     "1312",
   ];
 
diff --git a/templates/index.html b/templates/index.html
index 103e0c3..9e67a08 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -40,12 +40,12 @@
             target="_blank"
             rel="noreferrer"
             >AGPLv3</a
-          >. Vous pouvez voir mon <a href="/portfolio">portfolio ici</a>, ainsi
-          que mes <a href="/contrib">contributions sur GitHub ici</a>.
+          >.
         </p>
         <p>
-          Il m'arrive aussi, parfois, d'écrire dans
-          <a href="/blog">sur mon blog</a>.
+          Vous pouvez voir mon <a href="/portfolio">portfolio ici</a>, ainsi que
+          mes <a href="/contrib">contributions sur GitHub ici</a>. Il m'arrive
+          aussi, parfois, d'écrire <a href="/blog">sur mon blog</a>.
         </p>
       </article>
 
-- 
2.45.2


From 2712269132ecf91af8b2be523d0e6956d42349f3 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Fri, 13 Oct 2023 21:02:38 +0200
Subject: [PATCH 45/70] Add server name

---
 src/main.rs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/main.rs b/src/main.rs
index f1dc440..5aafe56 100644
--- a/src/main.rs
+++ b/src/main.rs
@@ -35,6 +35,7 @@ async fn main() -> Result<()> {
                         "Onion-Location",
                         config.fc.onion.as_deref().unwrap_or_default(),
                     ))
+                    .add(("Server", format!("ewp/{}", env!("CARGO_PKG_VERSION"))))
                     .add(("Permissions-Policy", "interest-cohort=()")),
             )
             .service(web::scope("/api").service(web::scope("v1").service(api_v1::love)))
-- 
2.45.2


From cda62654a0ddc33e0736af99d33a6fb73548dd12 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 16:56:14 +0200
Subject: [PATCH 46/70] completly fix avatar position on smol screen

---
 static/css/index.css | 8 +++-----
 static/css/style.css | 1 +
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 6e85ea3..69f1014 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -46,13 +46,11 @@
 
 /* breakpoint */
 @media only screen and (max-width: 640px) {
-  .avatar {
+  #avatar {
     position: absolute;
     width: calc(var(--font-size) * 4);
-    transform: translate(
-      calc(var(--font-size) * -19),
-      calc(var(--font-size) * -3.7)
-    );
+    left: 10px;
+    top: -30px;
   }
 }
 
diff --git a/static/css/style.css b/static/css/style.css
index 26da1c9..078bef8 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -16,6 +16,7 @@ a:hover {
 }
 
 main {
+  position: relative;
   color: var(--font-color);
   font-size: var(--font-size);
   padding: 2em 1em;
-- 
2.45.2


From 1abbc86cc744c932a0c97684ec1eaa3f590f9e08 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 17:07:14 +0200
Subject: [PATCH 47/70] add custom style for tags

---
 static/js/index.js | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/static/js/index.js b/static/js/index.js
index 1aa2558..1f9a0b3 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -1,14 +1,23 @@
+class Tag {
+  constructor(variant, style = "") {
+    this.variant = variant;
+    this.style = style;
+  }
+}
+
 window.addEventListener("load", () => {
   const tags = [
-    "Comment ça marche un PC 😵‍💫",
-    "Idiot certifié",
-    "undefined",
-    "/api/v1/love",
-    "Étudiant qui va rater son master",
-    "Peak D2 sur Valo 🤡",
-    "1312",
+    new Tag("Comment ça marche un PC 😵‍💫"),
+    new Tag("Idiot certifié"),
+    new Tag("undefined"),
+    new Tag("/api/v1/love", "font-family: monospace"),
+    new Tag("Étudiant qui va rater son master"),
+    new Tag("Peak D2 sur Valo 🤡"),
+    new Tag("1312"),
   ];
 
-  document.getElementById("subname").textContent =
-    tags[Math.round(Math.random() * (tags.length - 1))];
+  const random = Math.round(Math.random() * (tags.length - 1));
+  const element = document.getElementById("subname");
+  element.textContent = tags[random].variant;
+  element.style = tags[random].style;
 });
-- 
2.45.2


From 75d5865ac83b4b5ccdefbcbbcfec305048c2465b Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 17:27:47 +0200
Subject: [PATCH 48/70] update tags

---
 static/js/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/static/js/index.js b/static/js/index.js
index 1f9a0b3..3ab4e20 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -9,11 +9,12 @@ window.addEventListener("load", () => {
   const tags = [
     new Tag("Comment ça marche un PC 😵‍💫"),
     new Tag("Idiot certifié"),
-    new Tag("undefined"),
+    new Tag("undefined", "font-family: monospace"),
     new Tag("/api/v1/love", "font-family: monospace"),
     new Tag("Étudiant qui va rater son master"),
     new Tag("Peak D2 sur Valo 🤡"),
     new Tag("1312"),
+    new Tag("Nul en CSS", "font-family: cursive"),
   ];
 
   const random = Math.round(Math.random() * (tags.length - 1));
-- 
2.45.2


From 56a7b80f1797eece9a3e3bade113c4f648f231b7 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 17:58:14 +0200
Subject: [PATCH 49/70] ON POINT

---
 static/js/index.js | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/static/js/index.js b/static/js/index.js
index 3ab4e20..e2a8306 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -13,8 +13,16 @@ window.addEventListener("load", () => {
     new Tag("/api/v1/love", "font-family: monospace"),
     new Tag("Étudiant qui va rater son master"),
     new Tag("Peak D2 sur Valo 🤡"),
-    new Tag("1312"),
-    new Tag("Nul en CSS", "font-family: cursive"),
+    new Tag(
+      "1312",
+      `
+        display: inline-block;
+        background: linear-gradient(to bottom right, red 0%, red 50%, black 50%);
+        background-clip: text;
+        color: transparent;
+      `
+    ),
+    new Tag("Nul en CSS", "font-family: 'Comic Sans MS', cursive"),
   ];
 
   const random = Math.round(Math.random() * (tags.length - 1));
-- 
2.45.2


From dd6237ff4ed8066b308c84acb1cba04bee4c3a20 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 17:58:22 +0200
Subject: [PATCH 50/70] fallback to systemui

---
 static/css/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index 078bef8..74e30f6 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,7 +1,7 @@
 /* Theme of the pages */
 html {
   background-color: var(--background);
-  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui;
 }
 
 p,
-- 
2.45.2


From 267737854c14268d17c96a346cd3e92e841d678c Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 18:39:29 +0200
Subject: [PATCH 51/70] less class!

---
 static/css/style.css  | 14 +++++++-------
 templates/navbar.html |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 74e30f6..b6d73b4 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -27,37 +27,37 @@ main {
 }
 
 /* Navigation bar across all of the pages */
-.navbar {
+header nav {
   text-align: center;
 }
 
-.navbar li {
+header nav li {
   display: inline-block;
 }
 
 /* Maybe do this only with 'large' screens */
-.navbar p::after {
+header nav p::after {
   content: "·";
   padding: 10px;
 }
 
 /* breakpoint */
 @media only screen and (max-width: 640px) {
-  .navbar p::after {
+  header nav p::after {
     padding: 6px;
   }
 }
 
-.navbar li:last-child p::after {
+header nav li:last-child p::after {
   content: "";
 }
 
-.navbar a {
+header nav a {
   text-decoration: none;
   color: var(--link-color);
 }
 
-.navbar a:hover {
+header nav a:hover {
   text-decoration: underline;
 }
 
diff --git a/templates/navbar.html b/templates/navbar.html
index 2fccc2e..2f4f490 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -1,5 +1,5 @@
 {{#data}}{{#navbar}}
-<nav class="navbar">
+<nav>
   <ul>
     <li>
       <!-- prettier-ignore -->
-- 
2.45.2


From c81b74314296aa0e7c2dae9d70c676730995b277 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 18:57:06 +0200
Subject: [PATCH 52/70] fix issues with prettier with a custom style

---
 templates/navbar.html | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

diff --git a/templates/navbar.html b/templates/navbar.html
index 2f4f490..70c5903 100644
--- a/templates/navbar.html
+++ b/templates/navbar.html
@@ -1,47 +1,48 @@
 {{#data}}{{#navbar}}
 <nav>
+  <!-- prettier-ignore -->
   <ul>
     <li>
-      <!-- prettier-ignore -->
+
       <p><a class="_ {{#index}}bold{{/index}}" href="/" title="Page principale"
         >Infos</a
       ></p>
-    </li>
-    <li>
-      <!-- prettier-ignore -->
+
+    </li><li>
+
       <p><a class="_ {{#blog}}bold{{/blog}}" href="/blog" title="Page de blog"
         >Blog</a
       ></p>
-    </li>
-    <li>
-      <!-- prettier-ignore -->
+
+    </li><li>
+
       <p><a
         class="_ {{#portfolio}}bold{{/portfolio}}"
         href="/portfolio"
         title="Page du portfolio"
         >Portfolio</a
       ></p>
-    </li>
-    <li>
-      <!-- prettier-ignore -->
+
+    </li><li>
+
       <p><a
         class="_ {{#contact}}bold{{/contact}}"
         href="/contact"
         title="Page de contact"
         >Contact</a
       ></p>
-    </li>
-    <li>
-      <!-- prettier-ignore -->
+
+    </li><li>
+
       <p><a
         class="_ {{#contrib}}bold{{/contrib}}"
         href="/contrib"
         title="Page des contributions GitHub"
         >Contributions</a
       ></p>
-    </li>
-    <li>
-      <!-- prettier-ignore -->
+
+    </li><li>
+
       <p><a
         class="_ {{#cours}}bold{{/cours}}"
         href="https://univ.mylloon.fr"
@@ -49,6 +50,7 @@
         target="_blank"
         >Cours</a
       ></p>
+
     </li>
   </ul>
 </nav>
-- 
2.45.2


From d95a2f7b6be8b29ce579b0134a9af072e4ef0cfe Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 18:57:26 +0200
Subject: [PATCH 53/70] Add langage to list of possible metadata of files

---
 src/misc/markdown.rs | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/misc/markdown.rs b/src/misc/markdown.rs
index 932875b..1a18509 100644
--- a/src/misc/markdown.rs
+++ b/src/misc/markdown.rs
@@ -14,6 +14,7 @@ pub struct FileMetadata {
     pub publish: Option<bool>,
     pub tags: Option<Vec<Tag>>,
     pub toc: Option<bool>,
+    pub language: Option<String>,
 }
 
 #[derive(Content, Debug, Clone)]
-- 
2.45.2


From 691e13aeb7aba3e77b1b9d564d4e2381737a9c8a Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sat, 14 Oct 2023 19:45:54 +0200
Subject: [PATCH 54/70] fix transition

---
 static/css/style.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/static/css/style.css b/static/css/style.css
index b6d73b4..73ec474 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -10,9 +10,12 @@ a {
   font-size: var(--font-size);
 }
 
+a {
+  transition: opacity 0.2s;
+}
+
 a:hover {
   opacity: 0.6;
-  transition: opacity 0.2s;
 }
 
 main {
-- 
2.45.2


From 12d7600d2cdc0381806f117838a4db7fa8e1c05a Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 02:36:49 +0200
Subject: [PATCH 55/70] remove comments

---
 static/css/index.css | 2 --
 1 file changed, 2 deletions(-)

diff --git a/static/css/index.css b/static/css/index.css
index 69f1014..8f5475e 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,4 +1,3 @@
-/* Parameters light */
 @media (prefers-color-scheme: light) {
   :root {
     --name-color: #d30f39;
@@ -7,7 +6,6 @@
   }
 }
 
-/* Parameters dark */
 @media (prefers-color-scheme: dark) {
   :root {
     --name-color: #f38ba8;
-- 
2.45.2


From 5389291e14cb183df7056ac300a10ff0daab51d1 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 02:52:12 +0200
Subject: [PATCH 56/70] Portfolio rework!

---
 src/routes/portfolio.rs  | 47 +++++-----------------
 static/css/langages.css  | 71 +++++++++++++++++++++++++++++++++
 static/css/portfolio.css | 84 ++++++++++++++++++++++++++++++++++++++++
 templates/portfolio.html | 72 +++++++++++++++-------------------
 4 files changed, 196 insertions(+), 78 deletions(-)
 create mode 100644 static/css/langages.css
 create mode 100644 static/css/portfolio.css

diff --git a/src/routes/portfolio.rs b/src/routes/portfolio.rs
index b27416b..ce17d3a 100644
--- a/src/routes/portfolio.rs
+++ b/src/routes/portfolio.rs
@@ -23,12 +23,8 @@ async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
 #[derive(Content, Debug)]
 struct PortfolioTemplate<'a> {
     navbar: NavBar,
-    bots_app: Option<Vec<File>>,
-    bots_loc: Option<String>,
-    persos_app: Option<Vec<File>>,
-    persos_loc: Option<String>,
-    univ_content: Option<String>,
-    univ_loc: Option<String>,
+    location_apps: Option<&'a str>,
+    apps: Option<Vec<File>>,
     err_msg: &'a str,
 }
 
@@ -37,37 +33,16 @@ fn build_page(config: Config, url: String) -> String {
     let projects_dir = "data/projects";
     let ext = ".md";
 
-    // Get bots apps
-    let bots_apps_loc = format!("{projects_dir}/bots");
-    let bots_apps = glob(&format!("{bots_apps_loc}/*{ext}"))
+    // Get apps
+    let apps = glob(&format!("{projects_dir}/*{ext}"))
         .unwrap()
         .map(|e| read_file(&e.unwrap().to_string_lossy()).unwrap())
         .collect::<Vec<File>>();
 
-    // Get perso apps
-    let perso_apps_loc = format!("{projects_dir}/perso");
-    let perso_apps = glob(&format!("{perso_apps_loc}/*{ext}"))
-        .unwrap()
-        .map(|e| read_file(&e.unwrap().to_string_lossy()).unwrap())
-        .collect::<Vec<File>>();
-
-    let univ_loc = format!("{projects_dir}/univ{ext}");
-
-    let (bots_app, bots_loc) = if bots_apps.is_empty() {
-        (None, Some(bots_apps_loc))
+    let bots_app = if apps.is_empty() {
+        (None, Some(projects_dir))
     } else {
-        (Some(bots_apps), None)
-    };
-
-    let (persos_app, persos_loc) = if perso_apps.is_empty() {
-        (None, Some(perso_apps_loc))
-    } else {
-        (Some(perso_apps), None)
-    };
-
-    let (univ_content, univ_loc) = match read_file(&univ_loc) {
-        Some(data) => (Some(data.content), None),
-        _ => (None, Some(univ_loc)),
+        (Some(apps), None)
     };
 
     config.tmpl.render(
@@ -77,12 +52,8 @@ fn build_page(config: Config, url: String) -> String {
                 portfolio: true,
                 ..NavBar::default()
             },
-            bots_app,
-            bots_loc,
-            persos_app,
-            persos_loc,
-            univ_content,
-            univ_loc,
+            apps: bots_app.0,
+            location_apps: bots_app.1,
             err_msg: "is empty",
         },
         Infos {
diff --git a/static/css/langages.css b/static/css/langages.css
new file mode 100644
index 0000000..4b32a05
--- /dev/null
+++ b/static/css/langages.css
@@ -0,0 +1,71 @@
+:root {
+  --lang-size-dot: 0.8em;
+  --lang-margin-text: 3px;
+  --lang-font-size: calc(var(--font-size) * 0.65);
+}
+
+/* Dot */
+p[data-lang]::before {
+  content: "";
+
+  height: var(--lang-size-dot);
+  width: var(--lang-size-dot);
+
+  border-radius: 50%;
+  display: inline-block;
+}
+
+/* Text */
+p[data-lang]::after {
+  margin-left: var(--lang-margin-text);
+  font-size: var(--lang-font-size);
+}
+
+/* Langages definition */
+p[data-lang="ts"]::before {
+  background-color: #3178c6;
+}
+
+p[data-lang="ts"]::after {
+  content: "TypeScript";
+}
+
+p[data-lang="rust"]::before {
+  background-color: #dea584;
+}
+
+p[data-lang="rust"]::after {
+  content: "Rust";
+}
+
+p[data-lang="py"]::before {
+  background-color: #3572a5;
+}
+
+p[data-lang="py"]::after {
+  content: "Python";
+}
+
+p[data-lang="ocaml"]::before {
+  background-color: #ef7a08;
+}
+
+p[data-lang="ocaml"]::after {
+  content: "OCaml";
+}
+
+p[data-lang="js"]::before {
+  background-color: #e3d357;
+}
+
+p[data-lang="js"]::after {
+  content: "JavaScript";
+}
+
+p[data-lang="c"]::before {
+  background-color: #555555;
+}
+
+p[data-lang="c"]::after {
+  content: "C";
+}
diff --git a/static/css/portfolio.css b/static/css/portfolio.css
new file mode 100644
index 0000000..7204b5a
--- /dev/null
+++ b/static/css/portfolio.css
@@ -0,0 +1,84 @@
+@media (prefers-color-scheme: light) {
+  :root {
+    --extreme: white;
+    --card-hover: #bbbbbb;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --extreme: black;
+    --card-hover: #0c1014;
+  }
+}
+
+:root {
+  --border-color: #6e6e6f;
+  --font-size-card: calc(var(--font-size) * 0.8);
+}
+
+/* List */
+main ul {
+  padding: 0;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+}
+
+/* breakpoint */
+@media only screen and (max-width: 640px) {
+  main ul {
+    grid-template-columns: none;
+  }
+}
+
+/* Card */
+main li {
+  display: flex;
+  position: relative;
+
+  border-radius: 8px;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
+
+  background: color-mix(in srgb, var(--background) 90%, var(--extreme));
+  border: 1px solid
+    color-mix(in srgb, var(--background) 50%, var(--border-color));
+  transition: all 0.3s;
+
+  padding: 10px;
+  margin-block: 10px;
+  margin-inline: 5px;
+}
+
+/* Hover Card */
+main li:hover {
+  background-color: color-mix(in srgb, var(--background) 40%, var(--extreme));
+  cursor: pointer;
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
+}
+
+/* Element */
+div {
+  display: flex;
+  flex-direction: column;
+}
+
+/* Element title */
+div h3 {
+  margin-block: 0;
+}
+
+/* Element description */
+span {
+  margin: auto;
+}
+
+/* Element text */
+div p,
+div a {
+  font-size: var(--font-size-card);
+}
+
+/* Element langage */
+p[data-lang] {
+  margin: 0;
+}
diff --git a/templates/portfolio.html b/templates/portfolio.html
index d2df116..62f6a52 100644
--- a/templates/portfolio.html
+++ b/templates/portfolio.html
@@ -2,52 +2,44 @@
 <html class="index" lang="fr">
   <head dir="ltr">
     {{>head.html}}
+    <link rel="stylesheet" href="/css/portfolio.css" />
+    <link rel="stylesheet" href="/css/langages.css" />
   </head>
   <body>
     <header>{{>navbar.html}}</header>
-    {{#data}}
     <main>
-      <h1 id="title">Projets qui me tiennent à coeur</h1>
-      <div id="content">
-        <h2 class="subtitle">Bots</h2>
-        <div class="subcontent">
-          {{#bots_app}} {{#metadata}} {{#info}}
-          <h3 class="subsubtitle">
-            <a target="_blank" href="{{link}} ">{{title}}</a>
-          </h3>
-          {{/info}} {{/metadata}}
-          <div class="subcontent">{{&content}}</div>
-          {{/bots_app}} {{^bots_app}}
-          <p>{{bots_loc}} {{err_msg}}</p>
-          {{/bots_app}}
-          <br />
-        </div>
-        <h2 class="subtitle">
-          <a target="_blank" href="https://git.mylloon.fr/Paris8"
-            >Projet de l'université</a
-          >
-        </h2>
-        <div class="subcontent">
-          {{&univ_content}} {{^univ_content}}
-          <p>{{univ_loc}} {{err_msg}}</p>
-          {{/univ_content}}
-        </div>
+      {{#data}}
+      <h1>Portfolio</h1>
+      <p>
+        Je programme depuis 2018 et j'ai appris une multitude de langages
+        depuis. Étant passionné de logiciels libres depuis ma licence
+        d'informatique à Paris 8, je publie tout sur des forges publiques.
+      </p>
 
-        <h2 class="subtitle">Projets perso</h2>
-        <div class="subcontent">
-          {{#persos_app}} {{#metadata}} {{#info}}
-          <h3 class="subsubtitle">
-            <a target="_blank" href="{{link}} ">{{title}}</a>
-          </h3>
+      {{#location_apps}}
+      <!-- Error message -->
+      <p>{{location_apps}} {{err_msg}}</p>
+      {{/location_apps}} {{^location_apps}}
+
+      <h2>Projets</h2>
+      <ul>
+        {{#apps}}
+        <li>
+          {{#metadata}} {{#info}}
+          <div
+            onclick="window.open('{{link}}', '_blank', 'noreferrer');"
+            title="{{title}} "
+          >
+            <h3>{{title}}</h3>
+            <span>{{&content}}</span> {{#language}}
+            <p data-lang="{{language}}"></p>
+            {{/language}}
+          </div>
           {{/info}} {{/metadata}}
-          <div class="subcontent">{{&content}}</div>
-          {{/persos_app}} {{^persos_app}}
-          <p>{{persos_loc}} {{err_msg}}</p>
-          {{/persos_app}}
-          <br />
-        </div>
-      </div>
+        </li>
+        {{/apps}}
+      </ul>
+      {{/location_apps}} {{/data}}
     </main>
-    {{/data}} {{>footer.html}}
   </body>
 </html>
-- 
2.45.2


From f7f33b25e98b62470175430f3b31584a39bfc806 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 02:58:10 +0200
Subject: [PATCH 57/70] remove clutter

---
 static/css/portfolio.css | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/static/css/portfolio.css b/static/css/portfolio.css
index 7204b5a..06057cf 100644
--- a/static/css/portfolio.css
+++ b/static/css/portfolio.css
@@ -1,14 +1,12 @@
 @media (prefers-color-scheme: light) {
   :root {
     --extreme: white;
-    --card-hover: #bbbbbb;
   }
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
     --extreme: black;
-    --card-hover: #0c1014;
   }
 }
 
@@ -34,7 +32,6 @@ main ul {
 /* Card */
 main li {
   display: flex;
-  position: relative;
 
   border-radius: 8px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
@@ -51,7 +48,7 @@ main li {
 
 /* Hover Card */
 main li:hover {
-  background-color: color-mix(in srgb, var(--background) 40%, var(--extreme));
+  background: color-mix(in srgb, var(--background) 40%, var(--extreme));
   cursor: pointer;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
 }
-- 
2.45.2


From 537273108a14bd66e4bafd43f7779f4e0e691541 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 03:01:31 +0200
Subject: [PATCH 58/70] increase the max width for portfolio?

---
 static/css/portfolio.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/static/css/portfolio.css b/static/css/portfolio.css
index 06057cf..76e4356 100644
--- a/static/css/portfolio.css
+++ b/static/css/portfolio.css
@@ -15,6 +15,10 @@
   --font-size-card: calc(var(--font-size) * 0.8);
 }
 
+main {
+  max-width: 840px; /* breakpoint */
+}
+
 /* List */
 main ul {
   padding: 0;
@@ -23,7 +27,7 @@ main ul {
 }
 
 /* breakpoint */
-@media only screen and (max-width: 640px) {
+@media only screen and (max-width: 740px) {
   main ul {
     grid-template-columns: none;
   }
-- 
2.45.2


From 0dd91479063d0835806075b3e7e1251bc6db0156 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 12:20:51 +0200
Subject: [PATCH 59/70] typo

---
 static/css/{langages.css => languages.css} | 2 +-
 static/css/portfolio.css                   | 2 +-
 templates/portfolio.html                   | 7 ++-----
 3 files changed, 4 insertions(+), 7 deletions(-)
 rename static/css/{langages.css => languages.css} (97%)

diff --git a/static/css/langages.css b/static/css/languages.css
similarity index 97%
rename from static/css/langages.css
rename to static/css/languages.css
index 4b32a05..b1f2d06 100644
--- a/static/css/langages.css
+++ b/static/css/languages.css
@@ -21,7 +21,7 @@ p[data-lang]::after {
   font-size: var(--lang-font-size);
 }
 
-/* Langages definition */
+/* Definitions */
 p[data-lang="ts"]::before {
   background-color: #3178c6;
 }
diff --git a/static/css/portfolio.css b/static/css/portfolio.css
index 76e4356..cf4dde8 100644
--- a/static/css/portfolio.css
+++ b/static/css/portfolio.css
@@ -79,7 +79,7 @@ div a {
   font-size: var(--font-size-card);
 }
 
-/* Element langage */
+/* Element language */
 p[data-lang] {
   margin: 0;
 }
diff --git a/templates/portfolio.html b/templates/portfolio.html
index 62f6a52..1d9be1b 100644
--- a/templates/portfolio.html
+++ b/templates/portfolio.html
@@ -3,7 +3,7 @@
   <head dir="ltr">
     {{>head.html}}
     <link rel="stylesheet" href="/css/portfolio.css" />
-    <link rel="stylesheet" href="/css/langages.css" />
+    <link rel="stylesheet" href="/css/languages.css" />
   </head>
   <body>
     <header>{{>navbar.html}}</header>
@@ -26,10 +26,7 @@
         {{#apps}}
         <li>
           {{#metadata}} {{#info}}
-          <div
-            onclick="window.open('{{link}}', '_blank', 'noreferrer');"
-            title="{{title}} "
-          >
+          <div onclick="window.open('{{link}}', '_blank', 'noreferrer');">
             <h3>{{title}}</h3>
             <span>{{&content}}</span> {{#language}}
             <p data-lang="{{language}}"></p>
-- 
2.45.2


From ce039a5d680b706a772ed3518298dfc161f7c612 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 12:26:16 +0200
Subject: [PATCH 60/70] whole div clickable

---
 static/css/portfolio.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/static/css/portfolio.css b/static/css/portfolio.css
index cf4dde8..140483c 100644
--- a/static/css/portfolio.css
+++ b/static/css/portfolio.css
@@ -61,6 +61,7 @@ main li:hover {
 div {
   display: flex;
   flex-direction: column;
+  width: 100%;
 }
 
 /* Element title */
@@ -71,6 +72,7 @@ div h3 {
 /* Element description */
 span {
   margin: auto;
+  margin-left: 0;
 }
 
 /* Element text */
-- 
2.45.2


From c5edb15c99fbad249870a65e829ceadc56898f55 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 12:33:39 +0200
Subject: [PATCH 61/70] remove useless classes

---
 templates/404.html       | 4 ++--
 templates/contact.html   | 2 +-
 templates/contrib.html   | 2 +-
 templates/portfolio.html | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/404.html b/templates/404.html
index 14b0a5f..31e4556 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -1,9 +1,9 @@
 <!DOCTYPE html>
-<html class="index" lang="fr">
+<html lang="fr">
   <head dir="ltr">
     {{>head.html}}
   </head>
-  <body class="index">
+  <body>
     <header>{{>navbar.html}}</header>
     <main>
       <p style="color: aliceblue">404 :/</p>
diff --git a/templates/contact.html b/templates/contact.html
index 1a845b7..eb26d80 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html class="index" lang="fr">
+<html lang="fr">
   <head dir="ltr">
     {{>head.html}}
     <link rel="stylesheet" href="/css/contact.css" />
diff --git a/templates/contrib.html b/templates/contrib.html
index b1c5085..9bbe900 100644
--- a/templates/contrib.html
+++ b/templates/contrib.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html class="index" lang="fr">
+<html lang="fr">
   <head dir="ltr">
     {{>head.html}}
     <link rel="stylesheet" href="/css/contrib.css" />
diff --git a/templates/portfolio.html b/templates/portfolio.html
index 1d9be1b..3b0c3b8 100644
--- a/templates/portfolio.html
+++ b/templates/portfolio.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html class="index" lang="fr">
+<html lang="fr">
   <head dir="ltr">
     {{>head.html}}
     <link rel="stylesheet" href="/css/portfolio.css" />
-- 
2.45.2


From c14a43db04347748059d3f348b3c7c70ef956905 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 16:31:34 +0200
Subject: [PATCH 62/70] whole card clickable

---
 templates/portfolio.html | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/templates/portfolio.html b/templates/portfolio.html
index 3b0c3b8..23376b6 100644
--- a/templates/portfolio.html
+++ b/templates/portfolio.html
@@ -23,18 +23,16 @@
 
       <h2>Projets</h2>
       <ul>
-        {{#apps}}
-        <li>
-          {{#metadata}} {{#info}}
-          <div onclick="window.open('{{link}}', '_blank', 'noreferrer');">
+        {{#apps}} {{#metadata}} {{#info}}
+        <li onclick="window.open('{{link}}', '_blank', 'noreferrer');">
+          <div>
             <h3>{{title}}</h3>
             <span>{{&content}}</span> {{#language}}
             <p data-lang="{{language}}"></p>
             {{/language}}
           </div>
-          {{/info}} {{/metadata}}
         </li>
-        {{/apps}}
+        {{/info}} {{/metadata}} {{/apps}}
       </ul>
       {{/location_apps}} {{/data}}
     </main>
-- 
2.45.2


From 6a2ca9e89723b01a80749b0d19a81c96f065143c Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 18:03:47 +0200
Subject: [PATCH 63/70] cleanup

---
 static/css/portfolio.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/static/css/portfolio.css b/static/css/portfolio.css
index 140483c..1ef0677 100644
--- a/static/css/portfolio.css
+++ b/static/css/portfolio.css
@@ -50,7 +50,6 @@ main li {
   margin-inline: 5px;
 }
 
-/* Hover Card */
 main li:hover {
   background: color-mix(in srgb, var(--background) 40%, var(--extreme));
   cursor: pointer;
-- 
2.45.2


From 4b42442ed2216f12e01e6b6393cdb293cf7f8019 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 18:04:18 +0200
Subject: [PATCH 64/70] blog index rework

---
 src/routes/blog.rs        |  23 ++++-
 static/css/blog/index.css | 187 ++++++++------------------------------
 templates/blog/head.html  |   8 --
 templates/blog/index.html |  46 ++++++----
 4 files changed, 85 insertions(+), 179 deletions(-)
 delete mode 100644 templates/blog/head.html

diff --git a/src/routes/blog.rs b/src/routes/blog.rs
index 779f90b..66482d1 100644
--- a/src/routes/blog.rs
+++ b/src/routes/blog.rs
@@ -21,7 +21,7 @@ use crate::{
         markdown::{get_metadata, get_options, read_file, File, FileMetadata},
         utils::get_url,
     },
-    template::Infos,
+    template::{Infos, NavBar},
 };
 
 const MIME_TYPE_RSS: &str = "application/rss+xml";
@@ -36,6 +36,7 @@ async fn index(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
 
 #[derive(Content, Debug)]
 struct BlogIndexTemplate {
+    navbar: NavBar,
     posts: Vec<Post>,
     no_posts: bool,
 }
@@ -51,6 +52,10 @@ fn build_index(config: Config, url: String) -> String {
     config.tmpl.render(
         "blog/index.html",
         BlogIndexTemplate {
+            navbar: NavBar {
+                blog: true,
+                ..NavBar::default()
+            },
             no_posts: posts.is_empty(),
             posts,
         },
@@ -172,6 +177,7 @@ fn get_posts(location: &str) -> Vec<Post> {
 
 #[derive(Content, Debug)]
 struct BlogPostTemplate {
+    navbar: NavBar,
     post: Option<File>,
     toc: String,
 }
@@ -193,9 +199,18 @@ fn build_post(file: String, config: Config, url: String) -> String {
     let mut post = None;
     let (infos, toc) = get_post(&mut post, file, config.fc.name.unwrap_or_default(), url);
 
-    config
-        .tmpl
-        .render("blog/post.html", BlogPostTemplate { post, toc }, infos)
+    config.tmpl.render(
+        "blog/post.html",
+        BlogPostTemplate {
+            navbar: NavBar {
+                blog: true,
+                ..NavBar::default()
+            },
+            post,
+            toc,
+        },
+        infos,
+    )
 }
 
 fn get_post(
diff --git a/static/css/blog/index.css b/static/css/blog/index.css
index eb310ac..2f51588 100644
--- a/static/css/blog/index.css
+++ b/static/css/blog/index.css
@@ -1,127 +1,54 @@
 @media (prefers-color-scheme: light) {
   :root {
-    --selection: #36837db3;
-    --bg: #ffffff;
     --line: #aebed0;
     --date: #d2e0f0;
     --point: #8c9daf;
     --bg-hover: #cedce2;
     --point-hover: #ff00ff;
-    --font-color: #18181b;
     --title-color: #a14cb3;
+    --rss-inverse: 0%;
   }
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --selection: #4bad9480;
-    --bg: #171e26;
     --line: #374351;
     --date: #242e38;
     --point: #515f70;
     --bg-hover: #1f2730;
     --point-hover: #ff00ff;
-    --font-color: #a1a1aa;
     --title-color: #a25add;
+    --rss-inverse: 80%;
   }
 }
 
-:root {
-  --font-size: 20px;
-}
-
-::selection {
-  color: rgb(255, 255, 255);
-  background: var(--selection);
-}
-
-html {
-  background-color: var(--bg);
-  font-family: "Segoe UI", Arial, sans-serif, "Segoe UI Emoji",
-    "Segoe UI Symbol";
-}
-
-/* Scrollbar - Firefox */
-* {
-  scrollbar-color: var(--font-color) var(--bg);
-}
-
-/* Scrollbar - Chrome */
-*::-webkit-scrollbar {
-  width: 7px;
-  height: 9px;
-  background: var(--bg);
-}
-
-*::-webkit-scrollbar-thumb {
-  background-color: var(--font-color);
-  border-radius: 10px;
-}
-
-/* Title of page */
+/* Title */
 h1 {
-  color: var(--font-color);
-  text-transform: uppercase;
-  letter-spacing: 0.3cap;
   margin-bottom: 0;
 }
 
-h2,
-p {
-  margin: 0px;
-}
-
-h1,
-footer {
-  text-align: center;
-  font-size: calc(var(--font-size) * 2);
-}
-
-footer > * {
-  color: var(--font-color);
-  font-weight: bold;
-  text-decoration: none;
-  font-size: calc(var(--font-size) / 1.5);
-  text-transform: uppercase;
-  opacity: 0.7;
-  letter-spacing: 0.15rem;
-}
-
-footer > *::before {
-  content: "> ";
-}
-
-a:hover {
-  color: var(--title-color);
-}
-
-.timeline {
-  box-sizing: border-box;
-  color: var(--font-color);
-  padding: 30px 20px;
-  display: flex;
-  width: 100%;
-  justify-content: center;
-}
-
-/* Barre */
-.timeline > ul {
-  list-style-type: none;
-  border-left: 2px solid var(--line);
-  padding: 0px 5px;
+/* RSS link */
+#rss::before {
+  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 24 24' %3E%3Cpath d='M6.18 15.64a2.18 2.18 0 0 1 2.18 2.18C8.36 19 7.38 20 6.18 20 5 20 4 19 4 17.82a2.18 2.18 0 0 1 2.18-2.18M4 4.44A15.56 15.56 0 0 1 19.56 20h-2.83A12.73 12.73 0 0 0 4 7.27V4.44m0 5.66a9.9 9.9 0 0 1 9.9 9.9h-2.83A7.07 7.07 0 0 0 4 12.93V10.1Z' %3E%3C/path%3E%3C/svg%3E");
+  padding-right: 2px;
+  vertical-align: middle;
+  filter: invert(var(--rss-inverse));
 }
 
 /* Card */
-.timeline > ul > li {
+main li {
   padding: 20px 20px;
   position: relative;
   cursor: pointer;
   border-radius: 5px;
 }
 
-/* Dates */
-.timeline > ul > li > span {
-  display: inline-block;
+main li:hover {
+  background: var(--bg-hover);
+}
+
+/* Card dates */
+main span {
   background-color: var(--date);
   border-radius: 5px;
   padding: 2px 5px;
@@ -129,82 +56,48 @@ a:hover {
   font-family: monospace;
 }
 
-/* Titles */
-.timeline > ul > li > .content > h2 {
+/* Card text */
+li h2,
+li p {
+  margin: 0px;
+  padding-top: 5px;
+}
+
+/* Card titles */
+li h2 {
   color: var(--title-color);
   font-size: var(--font-size);
-  padding-top: 5px;
-  text-decoration: none;
 }
 
-/* Descriptions */
-.timeline > ul > li > .content > p {
-  padding-top: 5px;
+/* Card descriptions */
+li p {
   font-size: calc(var(--font-size) - 2px);
-  max-width: 25em;
-
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
 }
 
-/* Points côté */
-.timeline > ul > li::before {
+/* Timeline bar */
+main ul {
+  list-style-type: none;
+  border-left: 2px solid var(--line);
+  padding: 0px 5px;
+}
+
+/* Timeline dot */
+main li::before {
   position: absolute;
+
   content: "";
   width: 10px;
   height: 10px;
   background-color: var(--point);
   border-radius: 50%;
+
   left: -11px;
   top: 59px;
+
   transition: 0.2s;
 }
 
-/* Card hover */
-.timeline > ul > li:hover {
-  background-color: var(--bg-hover);
-}
-
-/* Point côté hover */
-.timeline > ul > li:hover::before {
+main li:hover::before {
   background-color: var(--point-hover);
   box-shadow: 0px 0px 10px 2px var(--point-hover);
 }
-
-nav {
-  display: flex;
-  justify-content: center;
-}
-
-#rss {
-  text-transform: lowercase;
-  color: var(--font-color);
-  text-decoration: none;
-}
-
-hr {
-  border: 0;
-  margin: 0;
-  height: 1px;
-  background: var(--line);
-  margin: 2rem auto;
-  width: 20%;
-}
-
-#rss:hover {
-  color: var(--title-color);
-  text-decoration: underline;
-}
-
-@media only screen and (max-width: 300px) {
-  .timeline {
-    padding: 30px 5px 30px 10px;
-  }
-
-  .timeline > ul > li > .content > h2 > a {
-    color: var(--title-color);
-    font-size: calc(var(--font-size) - 2px);
-  }
-}
diff --git a/templates/blog/head.html b/templates/blog/head.html
deleted file mode 100644
index b7f5c8b..0000000
--- a/templates/blog/head.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<title>{{page_title}}{{#page_title}} - {{/page_title}}{{app_name}}</title>
-<meta charset="UTF-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link rel="author" href="/humans.txt" />
-<link rel="alternate" type="application/rss+xml" title="RSS" href="/blog/rss" />
-
-{{>icons.html}} {{>metadata.html}}
diff --git a/templates/blog/index.html b/templates/blog/index.html
index 844288b..cfd44b4 100644
--- a/templates/blog/index.html
+++ b/templates/blog/index.html
@@ -1,34 +1,40 @@
 <!DOCTYPE html>
-<html class="index" lang="fr">
+<html lang="fr">
   <head dir="ltr">
-    {{>blog/head.html}}
+    {{>head.html}}
+    <link
+      rel="alternate"
+      type="application/rss+xml"
+      title="RSS"
+      href="/blog/rss"
+    />
     <link rel="stylesheet" href="/css/blog/index.css" />
   </head>
-  <body class="index">
-    {{#data}}
+  <body>
+    <header>{{>navbar.html}}</header>
+    <main>
+      {{#data}}
 
-    <h1>Blog</h1>
-    <nav><a id="rss" href="/blog/rss">RSS</a></nav>
-    <hr />
+      <h1>Blog</h1>
+      <p>Blog perso, je dis peut-être n'importe quoi 🫶</p>
+      <a id="rss" href="/blog/rss">Lien vers le flux RSS</a>
 
-    {{#no_posts}}
-    <h2 class="subtitle" style="text-align: center">Aucun posts</h2>
-    {{/no_posts}} {{^no_posts}}
-    <div class="timeline">
+      {{#no_posts}}
+      <h2>Aucun posts</h2>
+
+      {{/no_posts}} {{^no_posts}}
       <ul>
         {{#posts}}
-        <li onclick="location.href='/blog/p/{{url}}';">
+        <li onclick="window.open('/blog/p/{{url}}', '_parent');">
           {{>blog/date.html}}
-          <div class="content">
-            <h2>{{title}}</h2>
-            {{#desc}}
-            <p>{{desc}}</p>
-            {{/desc}}
-          </div>
+          <h2>{{title}}</h2>
+          {{#desc}}
+          <p>{{desc}}</p>
+          {{/desc}}
         </li>
         {{/posts}}
       </ul>
-    </div>
-    {{/no_posts}} {{/data}} {{>footer.html}}
+      {{/no_posts}} {{/data}}
+    </main>
   </body>
 </html>
-- 
2.45.2


From e1d9528aa30ca58f68a9dcf2133d8d0e0addd9a0 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 19:15:37 +0200
Subject: [PATCH 65/70] fix font color

---
 static/css/style.css | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 73ec474..3a67435 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4,7 +4,7 @@ html {
   font-family: "Segoe UI", "Segoe UI Emoji", "Segoe UI Symbol", system-ui;
 }
 
-p,
+body,
 a {
   color: var(--font-color);
   font-size: var(--font-size);
@@ -20,11 +20,9 @@ a:hover {
 
 main {
   position: relative;
-  color: var(--font-color);
   font-size: var(--font-size);
   padding: 2em 1em;
   font-family: var(--font-family);
-  color: var(--font-color);
   margin: 0 auto;
   max-width: 640px; /* breakpoint */
 }
-- 
2.45.2


From a1bb702beb889fb8ebbd8d194377c52e5748ae5f Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 19:16:21 +0200
Subject: [PATCH 66/70] blog post "rework"

---
 static/css/blog/post.css   | 151 +++++++++++++------------------------
 templates/blog/footer.html |   3 -
 templates/blog/post.html   |  16 ++--
 3 files changed, 64 insertions(+), 106 deletions(-)
 delete mode 100644 templates/blog/footer.html

diff --git a/static/css/blog/post.css b/static/css/blog/post.css
index 47d411c..f9ad3ec 100644
--- a/static/css/blog/post.css
+++ b/static/css/blog/post.css
@@ -1,13 +1,9 @@
 @media (prefers-color-scheme: light) {
   :root {
-    --selection: rgba(92, 54, 131, 0.7);
-    --bg: #ffffff;
-    --font-color: #18181b;
     --code-font-color: #333333;
     --code-bg-color: #eeeeee;
     --quote-border-color: #9852fa;
     --quote-bg-color: #d8d6d6;
-    --link-hover-color: #fd62af;
     --separator-color: #cccccc;
     --tag-bg-color: #d2e0f0;
   }
@@ -15,103 +11,73 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --selection: rgba(124, 75, 173, 0.5);
-    --bg: #171e26;
-    --font-color: #bcbcc5;
     --code-font-color: #eeeeee;
     --code-bg-color: #333333;
     --quote-border-color: #bd93f9;
     --quote-bg-color: #273341;
-    --link-hover-color: #ff80bf;
     --separator-color: #414558;
     --tag-bg-color: #242e38;
   }
 }
 
 :root {
-  --font-size: 17px;
   --max-width: 750px;
 }
 
+/* Page */
 html {
-  font-family: "Segoe UI", Arial, sans-serif, "Segoe UI Emoji",
-    "Segoe UI Symbol";
-  font-size: var(--font-size);
   scroll-behavior: smooth;
-  background-color: var(--bg);
-  line-height: 1.5;
 }
 
-/* Scrollbar - Firefox */
-* {
-  scrollbar-color: var(--font-color) var(--bg);
+body {
+  max-width: var(--max-width);
+  margin: auto;
 }
 
-/* Scrollbar - Chrome */
-*::-webkit-scrollbar {
-  width: 7px;
-  height: 9px;
-  background: var(--bg);
+/* Post title */
+header h1 {
+  font-size: calc(var(--font-size) * 2);
 }
 
-*::-webkit-scrollbar-thumb {
-  background-color: var(--font-color);
-  border-radius: 10px;
-}
-
-/* Post's title */
-header > h1 {
-  font-size: 2.5rem;
-}
-
-/* Date's title */
-header > span {
+/* Post date */
+header span {
   font-style: italic;
 }
 
-/* Tags */
-header > ul {
+/* Post tags */
+header > ul:last-of-type {
   display: inline;
   margin-left: 1em;
   padding: 0;
 }
 
-header li::before {
+header > ul:last-of-type li::before {
   content: "#";
 }
 
-header li {
+header > ul:last-of-type li {
   display: inline;
-  background-color: var(--tag-bg-color);
+  background: var(--tag-bg-color);
   border-radius: 5px;
   padding: 2px 8px;
-  font-size: calc(var(--font-size) / 1.1);
+  font-size: calc(var(--font-size) * 0.9);
 }
 
-::selection {
-  color: rgb(255, 255, 255);
-  background: var(--selection);
-}
-
-* {
-  color: var(--font-color);
-  outline: none;
-}
-
-p {
-  color: var(--font-color);
-  font-size: var(--font-size);
+/* Post */
+main {
+  margin: 0;
+  padding: 0;
+  max-width: 100%;
 }
 
 /* Anchors */
-h1:hover > a.anchor::before,
-h2:hover > a.anchor::before,
-h3:hover > a.anchor::before,
-h4:hover > a.anchor::before,
-h5:hover > a.anchor::before,
-h6:hover > a.anchor::before {
+h1:hover a.anchor::before,
+h2:hover a.anchor::before,
+h3:hover a.anchor::before,
+h4:hover a.anchor::before,
+h5:hover a.anchor::before,
+h6:hover a.anchor::before {
   visibility: visible;
-  color: var(--font-color);
 }
 
 a.anchor::before {
@@ -122,30 +88,11 @@ a.anchor::before {
 
 a.anchor {
   text-decoration: none;
+  font-size: calc(var(--font-size) * 1.3);
+  vertical-align: baseline;
 }
 
-body {
-  margin: 0 auto;
-  max-width: var(--max-width);
-}
-
-footer {
-  text-align: center;
-}
-
-footer > * {
-  text-transform: uppercase;
-  font-size: calc(var(--font-size) / 1.2);
-  letter-spacing: 0.15rem;
-  opacity: 0.6;
-  text-decoration: none;
-  padding-bottom: 1em;
-}
-
-a:hover {
-  color: var(--link-hover-color);
-}
-
+/* Separators */
 hr {
   border: 0;
   height: 1px;
@@ -158,7 +105,7 @@ blockquote {
   padding: 0.1em 10px;
   border-left: 6px solid;
   border-color: var(--quote-border-color);
-  background-color: var(--quote-bg-color);
+  background: var(--quote-bg-color);
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
 }
@@ -173,17 +120,17 @@ img {
 /* Code */
 kbd,
 code {
-  font-family: Consolas, monospace;
+  font-family: monospace;
 }
 
 /* Little snippet of code (not blocks) */
 kbd,
 code:not(.hljs):not(:has(svg)) {
-  background-color: var(--code-bg-color);
+  background: var(--code-bg-color);
   border-radius: 3px;
   color: var(--code-font-color);
   box-shadow: 0 1px 1px black;
-  font-size: calc(var(--font-size) / 1.2);
+  font-size: calc(var(--font-size) * 0.8);
   padding: 2px 4px;
   vertical-align: 1.5px;
 }
@@ -193,6 +140,17 @@ code:not(.hljs):not(:has(svg)) {
   border-radius: 5px;
 }
 
+.hljs::-webkit-scrollbar {
+  width: 7px;
+  height: 9px;
+  background: var(--background);
+}
+
+.hljs::-webkit-scrollbar-thumb {
+  background-color: var(--font-color);
+  border-radius: 10px;
+}
+
 /* Marge for numbers */
 .hljs-ln-n {
   margin-right: 0.4em;
@@ -201,6 +159,7 @@ code:not(.hljs):not(:has(svg)) {
 /* Numbers in codeblocks */
 .hljs-ln-numbers {
   text-align: right;
+  color: var(--font-color);
 }
 
 /* Fix scroll in codeblocks with line numbering */
@@ -210,7 +169,7 @@ table.hljs-ln {
 
 /* Background for copy code button */
 .hljs-copy-button {
-  background-color: var(--bg) !important;
+  background-color: var(--background) !important;
 }
 
 /* Light theme for the copy code button */
@@ -234,28 +193,23 @@ table.hljs-ln {
   visibility: collapse;
 }
 
+/* Reference to footnotes */
+.footnote-ref a {
+  text-decoration: underline dotted;
+  font-size: calc(var(--font-size) * 0.8);
+}
+
 /* Footnotes */
 .footnotes a {
   font-family: "Segoe UI";
   text-decoration: underline dotted;
 }
 
-/* Reference to footnotes */
-.footnote-ref > a {
-  text-decoration: underline dotted;
-}
-
 /* Mermaid diagrams */
 pre:has(code.language-mermaid) {
   text-align: center;
 }
 
-@media only screen and (max-width: 750px) {
-  body {
-    margin: 20px;
-  }
-}
-
 /* Table of content */
 nav#toc {
   position: fixed;
@@ -264,6 +218,7 @@ nav#toc {
   margin-left: 50px;
 }
 
+/* breakpoint */
 @media only screen and (max-width: 1500px) {
   /* Visible only on large screens */
   nav#toc {
diff --git a/templates/blog/footer.html b/templates/blog/footer.html
deleted file mode 100644
index 42b0c3d..0000000
--- a/templates/blog/footer.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<footer>
-  <a href="/blog">> Retour à la liste des posts</a>
-</footer>
diff --git a/templates/blog/post.html b/templates/blog/post.html
index fb4723d..2182d9d 100644
--- a/templates/blog/post.html
+++ b/templates/blog/post.html
@@ -1,15 +1,21 @@
 <!DOCTYPE html>
-<html class="index" lang="fr">
+<html lang="fr">
   <head dir="ltr">
-    {{>blog/head.html}}
+    {{>head.html}}
+    <link
+      rel="alternate"
+      type="application/rss+xml"
+      title="RSS"
+      href="/blog/rss"
+    />
     <link rel="stylesheet" href="/css/blog/post.css" />
     {{#data}} {{#post}} {{#metadata}}
     {{#math}}{{>libs/katex_head.html}}{{/math}}
     {{#syntax_highlight}}{{>libs/hljs_head.html}}{{/syntax_highlight}}
   </head>
-  <body class="index">
+  <body>
     <header>
-      {{#info}}
+      {{>navbar.html}} {{#info}}
       <h1>{{title}}</h1>
       {{#date}} {{>blog/date.html}} {{/date}}
       <ul>
@@ -26,7 +32,7 @@
       <article>{{&content}}</article>
       {{/post}}
     </main>
-    {{>blog/footer.html}} {{#post}} {{#metadata}}
+    {{#post}} {{#metadata}}
     {{#mermaid}}{{>libs/mermaid_footer.html}}{{/mermaid}}
     {{#math}}{{>libs/katex_footer.html}}{{/math}}
     {{#syntax_highlight}}{{>libs/hljs_footer.html}}{{/syntax_highlight}}
-- 
2.45.2


From 808bca2c6df1bbb1a3036acddac36f3be4b4a686 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 19:27:44 +0200
Subject: [PATCH 67/70] fix links in header not only for anchors

---
 static/css/blog/post.css | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/static/css/blog/post.css b/static/css/blog/post.css
index f9ad3ec..57bbb46 100644
--- a/static/css/blog/post.css
+++ b/static/css/blog/post.css
@@ -88,10 +88,19 @@ a.anchor::before {
 
 a.anchor {
   text-decoration: none;
-  font-size: calc(var(--font-size) * 1.3);
   vertical-align: baseline;
 }
 
+/* Links in headers */
+h1 a,
+h2 a,
+h3 a,
+h4 a,
+h5 a,
+h6 a {
+  font-size: inherit;
+}
+
 /* Separators */
 hr {
   border: 0;
-- 
2.45.2


From 6f85fa3f59849b79ab8f3e1cecd9b59e8351bdbc Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 19:32:20 +0200
Subject: [PATCH 68/70] target all headings using :is()

---
 static/css/blog/post.css | 14 ++------------
 1 file changed, 2 insertions(+), 12 deletions(-)

diff --git a/static/css/blog/post.css b/static/css/blog/post.css
index 57bbb46..a1e3723 100644
--- a/static/css/blog/post.css
+++ b/static/css/blog/post.css
@@ -71,12 +71,7 @@ main {
 }
 
 /* Anchors */
-h1:hover a.anchor::before,
-h2:hover a.anchor::before,
-h3:hover a.anchor::before,
-h4:hover a.anchor::before,
-h5:hover a.anchor::before,
-h6:hover a.anchor::before {
+:is(h1, h2, h3, h4, h5, h6):hover a.anchor::before {
   visibility: visible;
 }
 
@@ -92,12 +87,7 @@ a.anchor {
 }
 
 /* Links in headers */
-h1 a,
-h2 a,
-h3 a,
-h4 a,
-h5 a,
-h6 a {
+:is(h1, h2, h3, h4, h5, h6) a {
   font-size: inherit;
 }
 
-- 
2.45.2


From 3b9d6acb72b638fb8d47ce8527491b895ee52046 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 19:54:20 +0200
Subject: [PATCH 69/70] remove footer

---
 templates/404.html     | 1 -
 templates/contrib.html | 2 +-
 templates/footer.html  | 3 ---
 3 files changed, 1 insertion(+), 5 deletions(-)
 delete mode 100644 templates/footer.html

diff --git a/templates/404.html b/templates/404.html
index 31e4556..75060b5 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -8,6 +8,5 @@
     <main>
       <p style="color: aliceblue">404 :/</p>
     </main>
-    {{>footer.html}}
   </body>
 </html>
diff --git a/templates/contrib.html b/templates/contrib.html
index 9bbe900..a3f3f8c 100644
--- a/templates/contrib.html
+++ b/templates/contrib.html
@@ -67,6 +67,6 @@
         {{/pulls_closed}} {{/closed}}
       </ul>
     </main>
-    {{/error}} {{/data}} {{>footer.html}}
+    {{/error}} {{/data}}
   </body>
 </html>
diff --git a/templates/footer.html b/templates/footer.html
deleted file mode 100644
index 2e63873..0000000
--- a/templates/footer.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<footer class="backToIndexPage">
-  <a href="/">Retour à la page principale</a>
-</footer>
-- 
2.45.2


From fabc0103bede9eb3cb7051dac55236fb2adbb685 Mon Sep 17 00:00:00 2001
From: Mylloon <kennel.anri@tutanota.com>
Date: Sun, 15 Oct 2023 20:57:35 +0200
Subject: [PATCH 70/70] 404 page

---
 src/routes/not_found.rs | 21 ++++++++++++++++-----
 templates/404.html      | 27 ++++++++++++++++++++++++++-
 2 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/src/routes/not_found.rs b/src/routes/not_found.rs
index 014c0cf..51c7f69 100644
--- a/src/routes/not_found.rs
+++ b/src/routes/not_found.rs
@@ -1,28 +1,39 @@
-use actix_web::{web, HttpResponse, Responder};
+use actix_web::{web, HttpRequest, HttpResponse, Responder};
 use cached::proc_macro::once;
 use ramhorns::Content;
 
 use crate::{
     config::Config,
+    misc::utils::get_url,
     template::{Infos, NavBar},
 };
 
-pub async fn page(config: web::Data<Config>) -> impl Responder {
-    HttpResponse::NotFound().body(build_page(config.get_ref().to_owned()))
+pub async fn page(req: HttpRequest, config: web::Data<Config>) -> impl Responder {
+    HttpResponse::NotFound().body(build_page(
+        config.get_ref().to_owned(),
+        get_url(req.connection_info()),
+    ))
 }
 
 #[derive(Content, Debug)]
 struct NotFoundTemplate {
     navbar: NavBar,
+    www: String,
+    onion: Option<String>,
 }
 
 #[once(time = 60)]
-fn build_page(config: Config) -> String {
+fn build_page(config: Config, url: String) -> String {
     config.tmpl.render(
         "404.html",
         NotFoundTemplate {
             navbar: NavBar::default(),
+            www: url,
+            onion: config.fc.onion,
+        },
+        Infos {
+            page_desc: Some("Une page perdu du web".into()),
+            ..Infos::default()
         },
-        Infos::default(),
     )
 }
diff --git a/templates/404.html b/templates/404.html
index 75060b5..afdba64 100644
--- a/templates/404.html
+++ b/templates/404.html
@@ -6,7 +6,32 @@
   <body>
     <header>{{>navbar.html}}</header>
     <main>
-      <p style="color: aliceblue">404 :/</p>
+      {{#data}}
+
+      <h1>Perdu ?</h1>
+
+      <p>Vous pouvez revenir sur le site via :</p>
+      <ul>
+        <li><p>La barre de navigation</p></li>
+
+        <li>
+          <p>
+            Le <a href="{{www}} ">site internet</a> (disponible grâce au projet
+            <a href="http://info.cern.ch/hypertext/WWW/TheProject.html">W3</a>).
+          </p>
+        </li>
+
+        {{#onion}}
+        <li>
+          <p>
+            Le <a href="{{onion}} ">site onion</a> (disponible grâce au réseau
+            <a href="https://www.torproject.org/">Tor</a>).
+          </p>
+        </li>
+        {{/onion}}
+      </ul>
+
+      {{/data}}
     </main>
   </body>
 </html>
-- 
2.45.2