From 553c93a7d146caee2cd1ca5ae231b34643cf0d0b Mon Sep 17 00:00:00 2001
From: asus <asus@example.com>
Date: Fri, 22 Dec 2023 18:16:13 +0100
Subject: [PATCH 1/2] - added test banner svg - need to figure out a better
 deal with font size and screen size

---
 README.md                                     |  27 +++++++++++
 index.html                                    |   5 ++
 styles/elements/banners_svg.css               |  21 +++++++++
 styles/fonts/notomono/NotoMono_6dots.woff     | Bin 0 -> 4156 bytes
 .../fonts/notomono/NotoMono_6dotsNspace.woff  | Bin 0 -> 4108 bytes
 styles/fonts/notomono/NotoMono_e066.woff      | Bin 0 -> 3936 bytes
 styles/img/banner.svg                         |  43 ++++++++++++++++++
 styles/style.css                              |   4 --
 styles/text.css                               |  32 +++++++------
 9 files changed, 114 insertions(+), 18 deletions(-)
 create mode 100644 styles/elements/banners_svg.css
 create mode 100644 styles/fonts/notomono/NotoMono_6dots.woff
 create mode 100644 styles/fonts/notomono/NotoMono_6dotsNspace.woff
 create mode 100644 styles/fonts/notomono/NotoMono_e066.woff
 create mode 100644 styles/img/banner.svg

diff --git a/README.md b/README.md
index f988200..2d6bf85 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,31 @@
 
+1. to include fonts into an svg file, you must fully integrate it in base64 :
+   - explanation : https://vecta.io/blog/how-to-use-fonts-in-svg
+   - converter : https://products.aspose.app/font/base64
+   - minimizer : https://vecta.io/nano
+2. but first i used fontforge to create a woff file with only the one glyphe that i used in my ascii art :
+   - open the file in fontforge, select all glyphs but this one, and delete with "clear"
+
+original : • 8226  U+2022
+         :  57442 U+E062
+         :  57443 U+E063
+     --  :  57444 U+E064
+         :  57445 U+E065
+actual   :  57446 U+E066
+         :  57447 U+E067
+
+
+base64 1dot :
+d09GRgABAAAAAA9gABAAAAAAHGAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAPRAAAABwAAAAcg0n6iUdERUYAAA8oAAAAHAAAAB4AJwAKT1MvMgAAAeAAAABfAAAAYH1EjZBjbWFwAAACUAAAAEMAAAFSACLkOGN2dCAAAAmwAAAASAAAALRUmiPSZnBnbQAAApQAAAZvAAANbUUgjnxnYXNwAAAPIAAAAAgAAAAIAAAAEGdseWYAAAoEAAAAhwAAAJQ644XOaGVhZAAAAWwAAAA1AAAANgcoer9oaGVhAAABpAAAABwAAAAkDMgFsmhtdHgAAAJAAAAAEAAAABARmgC+bG9jYQAACfgAAAAKAAAACgB2AFhtYXhwAAABwAAAACAAAAAgAhIAtm5hbWUAAAqMAAAEXgAACQxxYMYtcG9zdAAADuwAAAAyAAAAQenXw3twcmVwAAAJBAAAAKkAAAC8k3uIT3icY2BkYGAA4rkXfj+O57f5ysDNwQACB4+/DAHRD1e7SzK4MDCwBLOGArkcDEwgUQBbegqwAAAAeJxjYGRg4Cj+uxZIMoAASzADIwMqYAEAR9ECiwABAAAABAAQAAIAAAAAAAIAZAB2AIsAAAEcAC4AAAAAeJxjYGY5yziBgZWBhXUWqzEDA6MchGa+wJDG+ImBgYmbjZOZg4WJieUBA9N7BwaFaAYGBg0gZnD393dncHiQ9iCNLe1fGgMDRzFTsAID43yQHIsX6zYgBeQCABSWENEABM0ARAAAAAAIAAAABM0AenicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhExgGd4Haf//I7EY/3+VnwvVBQaMbAxwLiNIDxMDKmBkGPYAAF+nCjgAeJytVml3EzcU1XgJ2RMSElqmpTLCKY01hlKWAAbCTBwX3MUJoZ2B0s7EDt0X6Eb3fcG/5k3SnkO/8dN6n2SbBBJ62lN/8LuSrvRWPQ0JLUlcCauRlPW7YnSpTn2Xr4Z0zKVDUXxDtq+ElCkmf/WLftFsqlW3UCARkQjUwrpwRBD7HjmaZHzDo4yWLUn3GpSbubp+yBkKqs0q9VXDAmWL0fK1sKAKbjuU1Ghgaj5yJc0xmosimVp20qJDmOqMJB3h9SPMvNcIJaxpJ5IGG2GMGclrg4xOMDoRu3EURS6spcGgSWI5JFFnMliBW6f9jPbXk7vjosmMu3mxGkWtJCKnFEWKRCNciyKPslpCc66YwJd80Agpr3zqUz48BzX2KKcVPJGtNL/qS15hH11rM/9TPq42KTtbwGIg27INBemRfBFhWQrjhpssR6GKCpGk+csh1lwORke/R3lNu4LSusjY2PZhqHyFHCk/oczqDXKasILysx7t0pJNHYYvObEq+QSajyOmxAvG1H69vmtYBFV/ttDL1oDemr1Be4pTggkB/I5lta0SzqSJsHA5CyRdGNm1EvlUyYJVMbTDdjqIXcK979rmTcPaOLQ+NJhFebiqEM0WPBrRaSZTpVay4NGoBlFKGgku8XYA5Uc0yqNljEYx8mgMx4ybkEhEoAm9NBbEsh1LGkPQPBrX9ZUwzbUWooM0sqZue7Rb15fC+mU76RYwP2nmJ3QqxoMrYTo+HpCT+DRW4ipHNfnpCP+N4o+caWQiW2yEKQcP3vpt5BdqR2cLCtu62LXrvAWXh2cieFKD/TXMbk3VDglMhZhUiFZA4ty64zgmV5NapCJTXQlpXPmySsMoviGFgvNlDPV/Tkw4Ykz4fjtOJ/pKdKfkHkCY9sC3yZJHUzp1WE4jziz36jTL8jGd5lg+rtM8y3067WPp6nQXyyd02s/ySZ0OsHxGq27cqS9GhJUsk3OdL4hHs5sWp3uLN+1iadPiTG/xll3crwWNlP6Df0/Bv/2wS8I/lgX4x/IA/GOp4B/Lg/CPZRH+sZyBfyyfhn8sD8E/llrLiilTT0PtRCwD5DYOTCpx9TTXalmTVyIPt/AwLkBN7pBFlcwp7qGPZLjs/ZFuatPhoSpXGh2eTfPOVDVE/2Mvn90Unp04R7U8bix/DqdZTvVhnbis29rC82L6D8G/hXNqLj3qTLGvxxAPOLC9/bgkyZxHx3V5b8WjE/9ERUE3QT+JFInpoizLGjcChPZiu11TNXSOEG8MGi26wwnHmdqDCM+hY03TbtByaKJFQ0sHhU8DQWmtXVZSVto489RWmizb8yin/C5bUsy9ZH4p3MjIrHQ3MjPZfZHP/bUfrVqZHWoRNzt48JrG3OPsA5QJ4paibJC0sJwJEhc45v724J4EpqHrq0XkWEHDIj9O/YHRgvO2UaJsJ82heSAZeRRc/qFTcSJ7VTRG4L9hO+h9XSiE091YSMzmZzqxUBWE6UxvifrN+qKqsVLOYqUXQnbGRprESliWFbzdbH1nUrJdnVRQXxGji5s/E2wSt6v2TrYUl/zZTZYE3XTF/C3xoMvdFJ9D/yhzFBdpdxA2XLykshKV07KzB/f2/JbVZbexZXV+272P2nFB01zpUQp9TadKbdjGNQandqQioWUqY0dgXOb6nLGRT2hQ+dZ1LlCF61PGzbPnL6Ax4Y3pbvmXJV37v6qYfeI+VlFoVZvqpRB17KyiAc+VulFZxOhUqaA6cel40wtBDSGYstce3yC44ZNlOoZb/vwO8xdxnLNnko4DX9J0EqLOUawi3HIRD243Wi9oLmiqA76o19HCAF4CcBi8rNcdM9MAMDNLzKkCLDOHwWXmMFhhDoMregO98ALQK0COQa/qDcfOhUB2LmKew+gq8wy6xjyDXmOeQddZZwDwOutk8AbrZBCzTgYJcxYBVpnDoMkcBi3mMFgzdvlAN4xdjN40djF6y9jF6G1jF6N3jF2M3jV2MXrP2MXofcT4dC+BH5gRnQP80MLzgB9x0M1oHqObeGs7nFsWMudjw3E6nE+w+Uzv1E/NyOz4zELe8bmFTL+NczqELyxkwpcWMuErcCu98742I0P/xkKmf2sh07/Dzg7hewuZ8IOFTPgR3LO9834yI0P/2UKm/2Ih03/Fzg7hNwuZ8LuFTLijNwZyme4XrV+i/jXKHmzc7j7R3t8A09O8AHicY/DewXAiKGIjI2Nf5AbGnRwMHAzJBRsZ2J22MQQ6GiqyMmiBOA48YUxuHGYcahwS7KwcUKEIBj82OzY9NnlWsBCP0z7RA4IHeA9wHmBzYGBl4ASKCTrtY3CAQ7AYM4PLRhXGjsCIDQ4dERuZU1w2qoF4uzgaGBhZHDqSQyJASiKBAGSDB5sFmwabFCsrj9YOxv+tG1h6NzIxuGxmTWFjcHEBAAb8LMkAAAB4nGNgIAHsAcLpDNNZtzEwsHgxMPwTYT39/w1L3P83/0SQ5dhEWLxAYqxn/79hk8ciLwjVDZIXRJdnWoBV3ggKXVgFAWDjL70AAAAsACwALABKAAB4nGNgYnBhYGBKYQ1lYGZgZ9DbyMigb7OJnSXirdFGNtY7NpuYmYBMho3MIGFWkPAmdrbIPzabGEHixoKKgqqKgoouTAr/VBhn/MtgDf212oXlLAMDAyNDFUMVSzBLEAM/kCfCx6Skx2Rix2Qkx8gS7Ney7eS2Fj8IxXTqBIQNoYCKAdWJKlUAeJyVVc9vG0UUfuuk+dGmFaqKVHEoTzkghFLbaZEqFYTkxk27JLEl222US8XGO1mPut5Z7YyT5oaEuCMOXDhw4Yj4Ezjyf3Dnj+Cbt5M4oY2gXu3O9+bH97438+aZiO5FBUVU/1r0TcARrdKvATdomf4IeIE+ie4EvEirUT/ga7QW2YCXaCX6MeBlWo/+CniFPmy0A16lO40y4Ou01vgl4Bv0cePvgNfo3sLXAd+MdpaigG/RR8vfQUm0uArrlajyOKLb9EPADcz6PeAF2qU/A16k29EXAV+ju9FBwEv0QfRtwMvUjX4OeIU+aywGvEqfNrYDvk53G98HfIO+avwW8Bp9ubAW8M3GTws64Fv0+fIebZGhkk6pIk0ZTcgR0wNq43kE9AyjBv05KVgxFTSmJlAHPTnawfkqK5ZCq8B1jG+KmbRlytNKZxPHD9rtR/zMmCxXHBfjJnfynAd+yPJAWVUdqxQLevDn8DLt4VvgpZ5xhvdMAeg9ZDSD7wReaKCyWZ4AdOB3jLECXr1/pvt4u0AGClPgIVYUovKMt55zCDYNPj9nE89DkNmxKlJV8X3uVkanPEwKKwLQczjTecqbmw//S+pLEWJB7sc8eVO2lV6qympT8Gaz3Z6TXKKoGeb8WoQneB04EwlyKlvwGn2Gjq48qlqRtpywq5JUTZPqNZujiwdB574d8qAMyz19BscFvhfovDJ3WmLlNMl0kV3J0JVc8Nnhgx/BSsA5X99VVmcFj1SC3i4GncQ3EZfuLH26iUt4ogsnueHzzIH/MapCi07kacLDPPAmVBr4acFWmNsKqgwQTZwrH7daJycnzUzCb47NtJUp14Im07qKf/qv2OY+LPpmEOqP+CL7NAQp/NbNUo3xkcTmz3FbCJ0kpT87Bzf+LNX5Sedo63S2shMMN/PUdmBSsjpGGWHqi6ziEvPuJYYN9LwrHzflMr+PslRaJ+XCXx0X9NWciXzXcR2HkjRDYKYnYnvL69gHGtFzqH6B1tsdXOsBvj3YMT2VtX30MIpTH71dWRELrse2pQT16ADtDkb8HM+toKrenUqsN9iZShLRisZK4pii1+9wnWM+ViURvv++MvbIXDoTK2vGmHUkM1lKVSFFK5Gk9DpLUTiVvTw7ERv2Lw3nP5VY/L2Yj/tUP5a1xfnVPEXfTDTMgqa6Hrj/caq4U6MJisO2KRwPzZE7SSrlq0WuUQKtSnkmhdBNFA/jXe6Xqqgn79YTNnhezTab/G6yVFtX6cMZLjFjZlLwemfI8XCdn3SG8XCD9+PR8/6LEe93BoNObxQ/HXJ/wFv9Xjcexf0erG3u9A54J+51N1hpyKlYvSkrZS2bivW0zDUqBA+VulorH5k6EluqsT7SY86TIpslGaIoVTXV1geCSlmkiH+qXeLEzsyxqgpf607NrOIZmFBA3VuhvlWg/F+Svyel/D025aRztD5jMoz7PN49Lxx2XOnS2abVedNUWau/vUv/ANKdzYUAAHicY2BiAIO/5xjSgBQjAzpgAQoyMTIzsrCl51QWZBiyl+ZlGhgYuIBoVwMzMwDRsgj7AAAAAQAB//8AD3icY2BkYGDgAWIxIGZiYARCZiBmAfMYAAO/ADIAAAABAAAAAN/WyhsAAAAAwcfpVAAAAADhq0cZ
+
+base64 6dots :
+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
+
+base64 6dots and spaces :
+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
+
+---
+
 start it with a server, like : `alive-server`                                                                      
 - https://www.npmjs.com/package/alive-server                                                                       
 - install : `npm install -g alive-server`
diff --git a/index.html b/index.html
index d47d056..64330f6 100644
--- a/index.html
+++ b/index.html
@@ -13,6 +13,7 @@
 		<link href="./styles/text.css" type="text/css" rel="stylesheet">
 		<link href="./styles/elements/mouses.css" type="text/css" rel="stylesheet">
 		<link href="./styles/elements/banners.css" type="text/css" rel="stylesheet">
+		<link href="./styles/elements/banners_svg.css" type="text/css" rel="stylesheet">
 		<link href="./styles/elements/title.css" type="text/css" rel="stylesheet">
 		<link href="./styles/elements/nav.css" type="text/css" rel="stylesheet">
 		<link href="./styles/elements/sections.css" type="text/css" rel="stylesheet">
@@ -38,12 +39,16 @@
 	<main id="top">
 
 
+		<!--
+			NAV
 		<nav>
 			<a href="#top">accueil</a>
 			<a href="#projects">projets</a>
 			<a href="#cv">cv</a>
 			<a href="#infos">contact</a>
 		</nav>
+		-->
+<div class="banner_svg"></div>
 
 
 		<!--
diff --git a/styles/elements/banners_svg.css b/styles/elements/banners_svg.css
new file mode 100644
index 0000000..ac48b6d
--- /dev/null
+++ b/styles/elements/banners_svg.css
@@ -0,0 +1,21 @@
+.banner_svg {
+	width: 100%;
+	height: 150px;
+	height: min(26vw, 150px);
+
+	background-image: url(../img/banner.svg);
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-repeat: repeat;
+	background-position-x: 0%;
+
+	animation-name: slide_svg;
+	animation-iteration-count: infinite;
+	animation-duration: 30s;
+	animation-timing-function: linear;
+	animation-direction: normal;
+}
+@keyframes slide_ssvg {
+	from {background-position-x: 0%;}
+	to   {background-position-x: 100%;}
+}
diff --git a/styles/fonts/notomono/NotoMono_6dots.woff b/styles/fonts/notomono/NotoMono_6dots.woff
new file mode 100644
index 0000000000000000000000000000000000000000..eae31a83c59d8c1684fa68e93118f86b4e488c75
GIT binary patch
literal 4156
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
Q+NG<1)8KkuuCyBeKerJwGXMYp

literal 0
HcmV?d00001

diff --git a/styles/fonts/notomono/NotoMono_6dotsNspace.woff b/styles/fonts/notomono/NotoMono_6dotsNspace.woff
new file mode 100644
index 0000000000000000000000000000000000000000..cf4c50fee40c9aa8dc3153a988047fed6b245d62
GIT binary patch
literal 4108
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

literal 0
HcmV?d00001

diff --git a/styles/fonts/notomono/NotoMono_e066.woff b/styles/fonts/notomono/NotoMono_e066.woff
new file mode 100644
index 0000000000000000000000000000000000000000..4fb5d5b6d88f821cda5c3713695e7aba24dd465d
GIT binary patch
literal 3936
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
L&g??9KG**NKgh`n

literal 0
HcmV?d00001

diff --git a/styles/img/banner.svg b/styles/img/banner.svg
new file mode 100644
index 0000000..d509b89
--- /dev/null
+++ b/styles/img/banner.svg
@@ -0,0 +1,43 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	width="58"
+	height="293"
+>
+	<defs>
+		<style type="text/css">
+			@font-face {
+				font-family: "notomono_e066";
+				src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff");
+				font-weight: normal;
+				font-style: normal;
+			}
+			text {
+				font-family: "notomono_e066";
+				font-size: 1.5rem;
+				font-weight: normal;
+				font-style: normal;
+				white-space: pre;
+				line-height: 0.8;
+			}
+		</style>
+	</defs>
+  <text x="0" y="0">
+   
+  
+   
+   
+  
+   
+   
+  
+   
+   
+  
+   
+   
+  
+   
+	</text>
+
+  <!-- Other SVG elements and attributes -->
+</svg>
diff --git a/styles/style.css b/styles/style.css
index a6a825a..9186545 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,9 +1,5 @@
 
 :root {
-	--base_font_size: 62.5%;
-}
-html {
-	font-size: var(--base_font_size);
 }
 body, main {
 	overflow-x: clip;
diff --git a/styles/text.css b/styles/text.css
index e4ca716..ec37d12 100644
--- a/styles/text.css
+++ b/styles/text.css
@@ -6,17 +6,31 @@
 	font-weight: normal;
 	font-style: normal;
 }
-body, pre {
+html {
+	font-size: 62.5%;
+}
+body * {
 	font-family: "notomono", monospace;
-	font-size: 1.5rem;
+	font-size: 1.8rem;
 	font-weight: normal;
 	font-style: normal;
 }
+.pre, pre {
+	display: flex;
+	white-space: pre;
+	line-height: 0.8;
+	font-size: min(2.1vw, 1.0rem);
+}
+.pre_small {
+	font-size: min(1.5vw, 0.7rem);
+}
+
 /*
+	for screen larger than 500px
 */
 @media screen and (min-width: 500px) {
-	html {
-		font-size: calc(var(--base_font_size) * 1.2);
+	body {
+		font-size: 1.5rem;
 	}
 }
 ul {
@@ -57,13 +71,3 @@ h4 { margin: 20px 0px; font-size: 1.5rem; }
 h5 { margin: 10px 0px; font-size: 1.25rem; }
 h6 { margin: 10px 0px; font-size: 1.0rem; }
 
-.pre, pre {
-	display: flex;
-	white-space: pre;
-	line-height: 0.8;
-	font-size: min(2.1vw, 1.0rem);
-}
-.pre_small {
-	font-size: min(1.5vw, 0.7rem);
-}
-

From ed75f330a1308756e7417eb686c7f6e126b247f4 Mon Sep 17 00:00:00 2001
From: asus <asus@example.com>
Date: Sun, 21 Jan 2024 12:02:05 +0100
Subject: [PATCH 2/2] added notes md

---
 README.md |  19 ++--
 notes.md  | 263 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 276 insertions(+), 6 deletions(-)
 create mode 100644 notes.md

diff --git a/README.md b/README.md
index 2d6bf85..a8811eb 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,11 @@
 
-1. to include fonts into an svg file, you must fully integrate it in base64 :
-   - explanation : https://vecta.io/blog/how-to-use-fonts-in-svg
-   - converter : https://products.aspose.app/font/base64
-   - minimizer : https://vecta.io/nano
-2. but first i used fontforge to create a woff file with only the one glyphe that i used in my ascii art :
-   - open the file in fontforge, select all glyphs but this one, and delete with "clear"
+- video record :
+	- peek : easy but dont show mouse click
+		- then run ~/Nextcloud/downloads/find-cursor/mouse_click_monitor.sh
+	- kooha : not succeed to install
+	- vokosceenNG : ugly cursor showclick
+
+---
 
 original : • 8226  U+2022
          :  57442 U+E062
@@ -14,6 +15,12 @@ original : • 8226  U+2022
 actual   :  57446 U+E066
          :  57447 U+E067
 
+1. to include fonts into an svg file, you must fully integrate it in base64 :
+   - explanation : https://vecta.io/blog/how-to-use-fonts-in-svg
+   - converter : https://products.aspose.app/font/base64
+   - minimizer : https://vecta.io/nano
+2. but first i used fontforge to create a woff file with only the one glyphe that i used in my ascii art :
+   - open the file in fontforge, select all glyphs but this one, and delete with "clear"
 
 base64 1dot :
 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
diff --git a/notes.md b/notes.md
new file mode 100644
index 0000000..01e450b
--- /dev/null
+++ b/notes.md
@@ -0,0 +1,263 @@
+
+- video record :
+	- peek : easy but dont show mouse click
+		- then run ~/Nextcloud/downloads/find-cursor/mouse_click_monitor.sh
+	- kooha : not succeed to install
+	- vokosceenNG : ugly cursor showclick
+
+---
+
+original : • 8226  U+2022
+         :  57442 U+E062
+         :  57443 U+E063
+     --  :  57444 U+E064
+         :  57445 U+E065
+actual   :  57446 U+E066
+         :  57447 U+E067
+
+1. to include fonts into an svg file, you must fully integrate it in base64 :
+   - explanation : https://vecta.io/blog/how-to-use-fonts-in-svg
+   - converter : https://products.aspose.app/font/base64
+   - minimizer : https://vecta.io/nano
+2. but first i used fontforge to create a woff file with only the one glyphe that i used in my ascii art :
+   - open the file in fontforge, select all glyphs but this one, and delete with "clear"
+
+base64 1dot :
+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
+
+base64 6dots :
+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
+
+base64 6dots and spaces :
+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
+
+---
+
+start it with a server, like : `alive-server`                                                                      
+- https://www.npmjs.com/package/alive-server                                                                       
+- install : `npm install -g alive-server`
+
+---
+
+difficulties :
+
+- [accessibility with ascii art titles](https://stackoverflow.com/questions/77537096/make-text-in-ascii-art-more-accessible)
+	- I finally decided to go with a structure like this :
+		```html
+		<h1 aria-label="hugo lamy">
+			<span aria-hidden="true" class="pre">
+				hugo (ascii)
+			</span>
+			<span aria-hidden="true" class="pre">
+				lamy (ascii)
+			</span>
+		</h1>
+		```
+- [links accessibility](https://webaim.org/techniques/hypertext/)
+- [accessibility gone wild](https://webaim.org/articles/gonewild/)
+- [don't use title attribute](https://stackoverflow.com/questions/11161915/simple-tooltip-title-attribute/11163133#11163133)
+- [I thought title text improved accessibility. I was wrong.](https://silktide.com/blog/i-thought-title-text-improved-accessibility-i-was-wrong/)
+- [Things I learned by pretending to be blind for a week](https://medium.com/silktide/things-i-learned-by-pretending-to-be-blind-for-a-week-bf7b09f33eb4)
+- [create the full screen hero section with the navbar under the title](https://stackoverflow.com/questions/77596781/in-css-how-to-make-a-sticky-navbar-after-the-header-in-an-hero-section/)
+
+---
+
+projects :
+
+- [/] ljdp
+- [ ] tchat transcendance
+	- setup docker without sudo on server
+	- remove authentification from project
+- [ ] cube3d
+- [ ] minishell
+
+---
+
+ direction  | width       | child     | child     | child
+            |             | position  | main axis | second axis
+................................................................
+ horizontal | content     | left      |-pack      |-fit
+ vertical   |-parent      | right     | grow      | stretch
+            |             | top       | space     |
+            |             | bottom    | spread    |
+            |             |-center    |           |
+
+	.<direction>-<width>-<position-[position]>-<main-axis>-<second-axis>
+
+  position :
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  .                                                             .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .   . left-top    .       . top     .       . right-top   .   .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .                                                             .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .   . left        .       .-center  .       . right       .   .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .                                                             .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .   . left-bottom .       . bottom  .       . right-bottom.   .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .                                                             .
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+
+  width :
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  .                                                             .
+  .   . . . . . . . . . . . . . . . . . . . . . . . . . . . .   .
+  .   .                                                     .   .
+  .   .   . . . .   . . . . .   . . . . . .                 .   .
+  .   .   .     .   .       .   .         .                 .   .
+  .   .   .     .   . . . . .   .         .                 .   .
+  .   .   . . . .               .         .      parent     .   .
+  .   .                         . . . . . .                 .   .
+  .   .                                                     .   .
+  .   . . . . . . . . . . . . . . . . . . . . . . . . . . . .   .
+  .                                                             .
+  .   . . . . . . . . . . . . . . . . . . . . .                 .
+  .   .                                       .                 .
+  .   .   . . . .   . . . . .   . . . . . .   .                 .
+  .   .   .     .   .       .   .         .   .                 .
+  .   .   .     .   . . . . .   .         .   .                 .
+  .   .   . . . .               .         .   .  content        .
+  .   .                         . . . . . .   .                 .
+  .   .                                       .                 .
+  .   . . . . . . . . . . . . . . . . . . . . .                 .
+  .                                                             .
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+
+  main axis :
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  .                                                             .
+  .       . . . . .           . . . . .         . . . . .       .
+  .       . space .           .       .         .       .       .
+  .       . . . . .           . . . . .         . . . . .       .
+  .                                                             .
+  .   . . . . .               . . . . .             . . . . .   .
+  .   . spread.               .       .             .       .   .
+  .   . . . . .               . . . . .             . . . . .   .
+  .                                                             .
+  .                 . . . . . . . . . . . . . . .               .
+  .                 .-pack  . .       . .       .               .
+  .                 . . . . . . . . . . . . . . .               .
+  .                                                             .
+  .   . . . . . . . . . . . . . . . . . . . . . . . . . . . .   .
+  .   . grow            . .               . .               .   .
+  .   . . . . . . . . . . . . . . . . . . . . . . . . . . . .   .
+  .                                                             .
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+
+  second axis :
+  . . . . . . . . . . . . . . .     . . . . . . . . . . . . . . .
+  .                           .     .                           .
+  .                           .     .   . . . . .   . . . . .   .
+  .               . . . . .   .     .   .       .   .       .   .
+  .   . . . . .   .       .   .     .   .       .   .       .   .
+  .   .       .   .       .   .     .   .       .   .       .   .
+  .   .-fit   .   .       .   .     .   .stretch.   .       .   .
+  .   .       .   .       .   .     .   .       .   .       .   .
+  .   . . . . .   .       .   .     .   .       .   .       .   .
+  .               . . . . .   .     .   .       .   .       .   .
+  .                           .     .   . . . . .   . . . . .   .
+  .                           .     .                           .
+  . . . . . . . . . . . . . . .     . . . . . . . . . . . . . . .
+
+
+
+
+----------------------------------------------------------------
+
+**v2 :**
+
+
+ direction  | width       | child     | child     | child
+            |             | position  | main axis | second axis
+................................................................
+ horizontal | fit         | left      |-pack      | begin
+ vertical   | large       | right     | grow      | end
+            |             | top       | space     |-middle
+            |             | bottom    | spread    | equal
+            |             |-center    |           | stretch
+
+	.<direction>-<width>-<position-[position]>-<main-axis>-<second-axis>
+
+  position :
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  .                                                             .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .   . left-top    .       . top     .       . right-top   .   .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .                                                             .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .   . left        .       .-center  .       . right       .   .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .                                                             .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .   . left-bottom .       . bottom  .       . right-bottom.   .
+  .   . . . . . . . .       . . . . . .       . . . . . . . .   .
+  .                                                             .
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+
+  main axis :
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+  .                                                             .
+  .       . . . . .           . . . . .         . . . . .       .
+  .       . space .           .       .         .       .       . justify-content
+  .       . . . . .           . . . . .         . . . . .       . : space-around
+  .                                                             .
+  .   . . . . .               . . . . .             . . . . .   .
+  .   . spread.               .       .             .       .   . justify-content
+  .   . . . . .               . . . . .             . . . . .   . : space-between
+  .                                                             .
+  .                 . . . . . . . . . . . . . . .               .
+  .                 .-pack  . .       . .       .               .
+  .                 . . . . . . . . . . . . . . .               .
+  .                                                             .
+  .   . . . . . . . . . . . . . . . . . . . . . . . . . . . .   .
+  .   . grow            . .               . .               .   . child :
+  .   . . . . . . . . . . . . . . . . . . . . . . . . . . . .   . grow: 1;
+  .                                                             .
+  . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
+
+  second axis :
+  . . . . . . . . . . . . . . . . . . .  . . . . . . . . . . . . . . . . . . .
+  .                                   .  .                                   .
+  .                                   .  .                                   .
+  .             . . . . .             .  .   . . . . . . . . . . . . . . .   .
+  .   . . . . . .       .             .  .   . begin . .       . .       .   .
+  .   .       . .       . . . . . .   .  .   .       . .       . . . . . .   .
+  .   .-middle. .       . .       .   .  .   .       . .       .             .
+  .   .       . .       . . . . . .   .  .   . . . . . .       .             .
+  .   . . . . . .       .             .  .             .       .             .
+  .             . . . . .             .  .             . . . . .             .
+  .                                   .  .                                   .
+  .                                   .  .                                   .
+  . . . . . . . . . . . . . . . . . . .  . . . . . . . . . . . . . . . . . . .
+  . . . . . . . . . . . . . . . . . . .  . . . . . . . . . . . . . . . . . . .
+  .                                   .  .                                   .
+  .                                   .  .                                   .
+  .             . . . . .             .  .   . . . . . . . . . . . . . . .   .
+  .             .       .             .  .   .       . .       . .       .   .
+  .   . . . . . .       .             .  .   .       . .       . .       .   .
+  .   .       . .       .             .  .   . equal . .       . .       .   .
+  .   .       . .       . . . . . .   .  .   .       . .       . .       .   .
+  .   . end   . .       . .       .   .  .   .       . .       . .       .   .
+  .   . . . . . . . . . . . . . . .   .  .   . . . . . . . . . . . . . . .   .
+  .                                   .  .                                   .
+  .                                   .  .                                   .
+  . . . . . . . . . . . . . . . . . . .  . . . . . . . . . . . . . . . . . . .
+  . . . . . . . . . . . . . . . . . . .
+  .                                   .
+  .   . . . . . . . . . . . . . . .   .
+  .   .       . .       . .       .   .
+  .   .       . .       . .       .   .
+  .   .       . .       . .       .   .
+  .   .stretch. .       . .       .   .
+  .   .       . .       . .       .   .
+  .   .       . .       . .       .   .
+  .   .       . .       . .       .   .
+  .   . . . . . . . . . . . . . . .   .
+  .                                   .
+  . . . . . . . . . . . . . . . . . . .
+
+