Better animations, longer index page

css/main.css

@@ -21,7 +21,7 @@ body {
 
     a {
         color: black;
-        transition-duration: 0.5s;
+        transition-duration: 0.2s;
     }
 
     a:hover {
@@ -165,15 +165,14 @@ header{
 
     .logo {
         transition-duration: 0.5s;
-        border-radius:60px;
+        border-radius:90px;
         max-height:150px;
         margin-left:auto;
         margin-right:auto;
     }
 
     .logo:hover {
-        box-shadow: 0px 0px 10px black;
+        box-shadow: 0px 0px 5px black;
-        transform: rotate(-20deg);
     }
 }
 

index.html

@@ -12,6 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Joachim Rey - Étudiant en Informatique à Lyon 1</title>
     <link rel="canonical" href="https://uwo.nya.pub/">
+    <link rel="apple-touch-icon" href="assets/logo.png">
     <meta property="og:title" content="Joachim Rey - Étudiant en Informatique à Lyon 1">
     <meta property="og:description" content="Découvrez Joachim Rey, étudiant en informatique à Lyon 1, passionné par la programmation et l'administration de systèmes Linux.">
     <meta property="og:image" content="https://uwo.nya.pub/assets/logo.png">
@@ -57,7 +58,7 @@
 
     <main>
         <h1>À propos de Joachim Rey</h1>
-        <p>Je suis un étudiant en informatique à Lyon 1. Je parle le :</p>
+        <p>Je suis un étudiant en informatique à Lyon 1. Je parle :</p>
         <ul class="icon-list">
             <li>
                 <img src="assets/brain.svg" class="ico" alt="Icône Brainfuck">
@@ -80,21 +81,26 @@
                 <div>C</div>
             </li>
             <li>
-             <img src="assets/javascript.svg" class="ico" alt="Icône JavaScript">
+                <img src="assets/javascript.svg" class="ico" alt="Icône JavaScript">
                 <div>JavaScript</div>
             </li>
         </ul>
 
         <p>Je maîtrise GNU/Linux et l'administration de systèmes Linux (ce site est auto-hébergé sur un serveur Fedora Server). J'ai aussi créé ma propre distribution Linux (UwU Linux) pour les ordinateurs Clevo, qui n'est plus maintenue à ce jour car son développement nécessite de reverse engineer des pilotes Windows, ce qui est fastidieux pour des fonctionnalités anecdotiques.</p>
 
-        <p>Mes projets, disponibles pour certains sur <a href="forge">mon serveur Forgejo</a>, vont de la simple commande bash à la création d'outils complexes à base d'IA mêlant l'écrit, l'audition et la génération d'images. J'ai aussi créé un langage de programmation ésotérique, <a href="https://esolangs.org/wiki/Undyne_Programming_Language" target="_blank" rel="noopener noreferrer">l'Udyne Programming Language</a>, qui est sans doute l'un des premiers langages de programmation jouables au monde.</p>
+        <p>Mes projets, disponibles pour certains sur <a href="forge">mon serveur Forgejo</a>, vont de la simple commande bash à des outils complexes à base d'IA mêlant l'écrit, l'audition et la génération d'images. J'ai aussi créé un langage de programmation ésotérique, <a href="https://esolangs.org/wiki/Undyne_Programming_Language" target="_blank" rel="noopener noreferrer">l'Udyne Programming Language</a>, qui est sans doute l'un des premiers langages de programmation jouables au monde.</p>
+
+        <p>Malgré ce que pourrait laisser penser mon travail, je suis loin d'être un fana de l'IA ; j'essaie plutôt de mieux la comprendre, et cela passe selon moi par la pratique. Mes familles de modèles préférées sont Phi de Microsoft, qui arrive à lier une taille minuscule et une grande efficacité, ainsi que Llama pour son ouverture et son accessibilité. Flux, basé sur Stable Diffusion, est aussi intéressant, mais la génération d'images me dérange beaucoup plus que celle de texte.</p>
+
+        <p>J'aime le minimalisme et les designs épurés. Avant ce site et tous les services qui le composent, j'avais déjà créé durant mes années de lycée une plateforme en ligne pour un concours d'écriture, également de moi, dans mon établissement.</p>
 
         <p>Je suis contactable par e-mail via <b>contact</b> <i>chez</i> <b>uwo.nya.pub</b>.</p>
     </main>
 
+
     <footer>
         <div>
-            <b>Contact</b> <i>chez</i> <b>uwo.nya.pub</b> - <a href="https://www.creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a>
+            <b>Contact</b> <i>chez</i> <b>uwo.nya.pub</b> - <a href="https://www.creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a> - <a rel="me" href="https://mamot.fr/@_" rel="noopener noreferrer">Mastodon</a>
         </div>
     </footer>
 </body>

stuff.html

@@ -12,6 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Index des Articles - Joachim Rey</title>
     <link rel="canonical" href="https://uwo.nya.pub/stuff.html">
+    <link rel="apple-touch-icon" href="assets/logo.png">
     <meta property="og:title" content="Index des Articles - Joachim Rey">
     <meta property="og:description" content="Découvrez des articles sur l'informatique et la technologie.">
     <meta property="og:image" content="https://uwo.nya.pub/assets/logo.png">
@@ -68,7 +69,7 @@
 
     <footer>
         <div>
-            <b>Contact</b> <i>chez</i> <b>uwo.nya.pub</b> - <a href="https://www.creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a>
+            <b>Contact</b> <i>chez</i> <b>uwo.nya.pub</b> - <a href="https://www.creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a> - <a rel="me" href="https://mamot.fr/@_" rel="noopener noreferrer">Mastodon</a>
         </div>
     </footer>
 </body>

stuff/android_11_a8.html

@@ -12,6 +12,7 @@
     <meta name="author" content="Joachim Rey">
     <title>Prolonger la vie de votre Samsung Galaxy A8 avec le projet Treble</title>
     <link rel="canonical" href="https://uwo.nya.pub/stuff/android_11_a8.html">
+    <link rel="apple-touch-icon" href="../assets/logo.png">
     <meta property="og:title" content="Prolonger la vie de votre Samsung Galaxy A8 avec le projet Treble">
     <meta property="og:description" content="Découvrez comment Trebeliser votre téléphone Samsung Galaxy A8 et prolonger sa durée de vie avec des astuces et des instructions détaillées.">
     <meta property="og:image" content="https://uwo.nya.pub/assets/logo.png">
@@ -220,7 +221,7 @@
 </body>
 <footer>
     <div>
-        <b>contact</b> <i>chez</i> <b>uwo.nya.pub</b> - <a href="https://www.creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a>
+        <b>contact</b> <i>chez</i> <b>uwo.nya.pub</b> - <a href="https://www.creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="noopener noreferrer">CC BY-SA 4.0</a> - <a rel="me" href="https://mamot.fr/@_" rel="noopener noreferrer">Mastodon</a>
     </div>
 </footer>