add 13/02 note

docs/learn/devops/2025-12-12.md

@@ -4,7 +4,7 @@ tags:
   - Bash
 ---
 
-<img src="https://media1.tenor.com/m/Ra7ao_kzzHAAAAAC/stop-stop-it.gif" alt="kirk zehef pcq t'as pas commit">
+<img src="https://media1.tenor.com/m/1eq821GINdYAAAAd/spleenter-rohff.gif" alt="kirk zehef pcq t'as pas commit">
 *completement zehef pcq t'as pas git push*
 
 # Git pour les neuilles (12/12/25)

docs/learn/devops/2026-01-16.md

@@ -8,7 +8,7 @@ tags:
 <img src="https://media1.tenor.com/m/3cMVlmowJxIAAAAd/t-kleouf.gif" alt="tk completement sous frozen">
 *7alouf ouvre grabber apres 9h brainrot tsunami*
 
-# pip et environnements virtuels pour les caca (16/01/26)
+# pip et environnements virtuels pour les quoicoubenks (16/01/26)
 
 ## Python et ses environnements virtuels
 

docs/learn/devops/2026-01-22.md

@@ -3,7 +3,7 @@ tags:
   - SQL
 ---
 
-<img src="https://media1.tenor.com/m/EeiKHgyVQR8AAAAC/silencio.gif" alt="tuto ytb sql">
+<img src="https://media1.tenor.com/m/dcamZYmCrI0AAAAC/dog-meme.gif" alt="tuto ytb sql">
 *florian quand je lui demande de l'aide*
 
 # SQL pour les tung tung tung sahur (22/01/26)

docs/projects/2026-01-23.md

@@ -3,7 +3,7 @@ tags:
   - Projets
   - Docs
 ---
-
+<img src="https://github.com/buchtioof/portfolio/blob/main/public/img/assets/projects/docs.png?raw=true">
 # Docs et notes avec Zensical
 
 !!! note 

docs/projects/2026-02-13.md

@@ -0,0 +1,44 @@
+---
+tags:
+  - Javascript
+  - React
+  - HTML/CSS
+  - Projet
+---
+<img src="https://github.com/buchtioof/portfolio/blob/main/public/img/assets/projects/portfolio.png?raw=true">
+
+# Faire un portfolio en JS moderne
+
+## But du projet
+Ce projet est un moyen de toucher concrètement au JavaScript avec l'utilisation de React, pour faire un site portfolio personnel dans le but de promouvoir mes compétences personnelles et professionnelles ainsi que mes projets et hobbies à destination des professionnels.
+
+## Stack de travail
+On doit choisir quelle stack, c'est à dire quel combo d'outils on utilisera pour faire fonctionner le tout. Dans une stack de projet Web moderne, on doit choisir un Moteur, un Framework et le compilateur. Mais à quoi servent-ils ?
+
+### Le Moteur (Build tool)
+Souvent appelé "moteur" par abus de langage, c'est l'outil qui fait tourner tout l'écosystème. Il coordonne le compilateur, le serveur et les fichiers.
+
+### Le Framework
+Le framework est un ensemble d'outils et de règles de construction. Au lieu de partir d'une page blanche, on utilise des blocs déjà prêtes et ça évite de recréer du code que la communauté aurait déjà écrit.
+
+### Le Compilateur
+C'est le même principe que dans plein d'autres languages comme le C par exemple, il reprend notre code, ici le JSX (un JavaScript mélangé à du HTML) en JS et HTML standard pour qu'un navigateur comprenne correctement.
+
+### Choix
+Il existe donc plusieurs Moteurs (Vite, Next.JS, ...), Frameworks (React, Vue, Svelte, ...) et Compilateurs (Babel, SWC, ...) mais pour ce projet on retiendra une stack simple pour un débutant et efficace pour tester et déployer.
+
+!!! success "Stack choisie"
+    
+    - Moteur : Vite -> Le moteur le plus rapide, sans fioritures et simple d'utilisation avec des outils de bases très utiles
+    - Framework : React -> Le framework le plus populaire avec des tonnes de librairies deja prêtes et une communauté présente
+    - Compilateur : JS/SWC -> Très efficace et rapide et simple et utilnous permet d'utilise JS
+
+## Points importants du projet
+
+### Création du projet
+    
+### Packages npm
+
+### Hébergement avec Vercel
+
+### Clés d'environnements

mkdocs.yml

@@ -64,6 +64,7 @@ nav:
   - Projets:
     - projects/2025-12-05.md
     - projects/2026-01-23.md
+    - projects/2026-02-13.md
   - Liens cools: links.md
   
 markdown_extensions:

site/404.html

@@ -514,7 +514,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -813,6 +813,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="/projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/index.html

@@ -580,7 +580,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -879,6 +879,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/learn/devops/2025-10-30/index.html

@@ -586,7 +586,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -885,6 +885,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/learn/devops/2025-11-28/index.html

@@ -636,7 +636,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -935,6 +935,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/learn/devops/2025-12-12/index.html

@@ -686,7 +686,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -985,6 +985,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       
@@ -1175,7 +1203,7 @@
   
 
 
-<p><img src="https://media1.tenor.com/m/Ra7ao_kzzHAAAAAC/stop-stop-it.gif" alt="kirk zehef pcq t'as pas commit">
+<p><img src="https://media1.tenor.com/m/1eq821GINdYAAAAd/spleenter-rohff.gif" alt="kirk zehef pcq t'as pas commit">
 <em>completement zehef pcq t'as pas git push</em></p>
 <h1 id="git-pour-les-neuilles-121225">Git pour les neuilles (12/12/25)</h1>
 <h2 id="creer-un-git">Créer un git</h2>

site/learn/devops/2026-01-16/index.html

@@ -23,7 +23,7 @@
     
     
       
-        <title>pip et environnements virtuels pour les caca (16/01/26) - Les incroyables notes de devops</title>
+        <title>pip et environnements virtuels pour les quoicoubenks (16/01/26) - Les incroyables notes de devops</title>
       
     
     
@@ -146,7 +146,7 @@
     <div data-md-component="skip">
       
         
-        <a href="#pip-et-environnements-virtuels-pour-les-caca-160126" class="md-skip">
+        <a href="#pip-et-environnements-virtuels-pour-les-quoicoubenks-160126" class="md-skip">
           Skip to content
         </a>
       
@@ -182,7 +182,7 @@
         <div class="md-header__topic" data-md-component="header-topic">
           <span class="md-ellipsis">
             
-              pip et environnements virtuels pour les caca (16/01/26)
+              pip et environnements virtuels pour les quoicoubenks (16/01/26)
             
           </span>
         </div>
@@ -536,7 +536,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -554,7 +554,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -896,6 +896,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       
@@ -999,7 +1027,7 @@
 
 <p><img src="https://media1.tenor.com/m/3cMVlmowJxIAAAAd/t-kleouf.gif" alt="tk completement sous frozen">
 <em>7alouf ouvre grabber apres 9h brainrot tsunami</em></p>
-<h1 id="pip-et-environnements-virtuels-pour-les-caca-160126">pip et environnements virtuels pour les caca (16/01/26)</h1>
+<h1 id="pip-et-environnements-virtuels-pour-les-quoicoubenks-160126">pip et environnements virtuels pour les quoicoubenks (16/01/26)</h1>
 <h2 id="python-et-ses-environnements-virtuels">Python et ses environnements virtuels</h2>
 <ul>
 <li>En python, on peut travailler dans des "sandboxes" ou toutes les libraires installées resteront contenues dedans</li>

site/learn/devops/2026-01-22/index.html

@@ -527,7 +527,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -957,6 +957,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       
@@ -1119,7 +1147,7 @@
   
 
 
-<p><img src="https://media1.tenor.com/m/EeiKHgyVQR8AAAAC/silencio.gif" alt="tuto ytb sql">
+<p><img src="https://media1.tenor.com/m/dcamZYmCrI0AAAAC/dog-meme.gif" alt="tuto ytb sql">
 <em>florian quand je lui demande de l'aide</em></p>
 <h1 id="sql-pour-les-tung-tung-tung-sahur-220126">SQL pour les tung tung tung sahur (22/01/26)</h1>
 <h2 id="modele-mvc">Modèle MVC</h2>

site/learn/javascript/2026-01-30/index.html

@@ -525,7 +525,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -836,6 +836,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       
@@ -907,6 +935,8 @@
   
 
 
+<p><img src="https://media1.tenor.com/m/ZTT94KgxLEUAAAAd/bassem-rire.gif" alt="boss dangereux criminel">
+<em>celui qui pete fort dans la classe jv te grabber</em></p>
 <h1 id="javascript-300126">Javascript (30/01/26)</h1>
 
 

site/learn/javascript/2026-02-06/index.html

@@ -525,7 +525,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -963,6 +963,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/learn/javascript/2026-02-09/index.html

@@ -525,7 +525,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -935,6 +935,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../../../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/links/index.html

@@ -9,7 +9,7 @@
       
       
       
-        <link rel="prev" href="../projects/2026-01-23/">
+        <link rel="prev" href="../projects/2026-02-13/">
       
       
       
@@ -521,7 +521,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -820,6 +820,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../projects/2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/projects/2025-12-05/index.html

@@ -523,7 +523,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -916,6 +916,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       

site/projects/2026-01-23/index.html

@@ -12,7 +12,7 @@
         <link rel="prev" href="../2025-12-05/">
       
       
-        <link rel="next" href="../../links/">
+        <link rel="next" href="../2026-02-13/">
       
       
         
@@ -523,7 +523,7 @@
   <span class="md-ellipsis">
     
   
-    pip et environnements virtuels pour les caca (16/01/26)
+    pip et environnements virtuels pour les quoicoubenks (16/01/26)
   
 
     
@@ -905,6 +905,34 @@
 
               
             
+              
+                
+  
+  
+  
+  
+    <li class="md-nav__item">
+      <a href="../2026-02-13/" class="md-nav__link">
+        
+  
+  
+  <span class="md-ellipsis">
+    
+  
+    Faire un portfolio en JS moderne
+  
+
+    
+  </span>
+  
+  
+
+      </a>
+    </li>
+  
+
+              
+            
           </ul>
         </nav>
       
@@ -1017,8 +1045,7 @@
   
 
 
-<p><img src="https://media1.tenor.com/m/ZTT94KgxLEUAAAAd/bassem-rire.gif" alt="boss dangereux criminel">
-<em>celui qui pete fort dans la classe jv te grabber</em></p>
+<p><img src="https://github.com/buchtioof/portfolio/blob/main/public/img/assets/projects/docs.png?raw=true"></p>
 <h1 id="docs-et-notes-avec-zensical">Docs et notes avec Zensical</h1>
 <div class="admonition note">
 <p class="admonition-title">Note</p>