feat: enhance about-me modalbox presentation.

Author: Nde-Code

index.html

@@ -241,68 +241,61 @@ <h1 class="website-main-panel-title">Bienvenue sur mon site:</h1>
 
             <div class="modalbox-main-container">
 
-                <div class="modalbox-text-container">
-
-					<h2>Quelques mots sur moi:</h2>
-
-                    <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Je m'appelle Nathan, j'ai <span id="get-my-age"></span> ans. Je suis passionné par la création de logiciels, de jeux et par tout ce qui concerne le domaine de l'informatique. </p>
-
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> En dehors de mes projets liés à l'informatique, j'ai aussi comme passe-temps le sport, la technologie, et bien d'autres domaines. </p>
-
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> En réalité, mon intérêt s'étend à presque tout. </p>
-
-				</div>
-
-				<div class="modalbox-line"></div>
-
 				<div class="modalbox-text-container">
 
-					<h2>Mon entrée dans le monde de l'informatique et mes contributions dans ce secteur:</h2>
+					<h2>À propos de moi:</h2>
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> J'ai débuté mon apprentissage de la programmation en autodidacte au début de l'année 2020, alors que j'avais 15 ans. </p>
+					<p class="modalbox-description">
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Mon tout premier langage de programmation, et qui demeure aujourd'hui mon favori, est le language JavaScript. </p>
+						Je m'appelle Nathan, j'ai <span id="get-my-age"></span> ans. 
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Je manipule aussi d'autres langages comme Python (plutôt en privé, pour des scripts, etc.) mais aussi C++ pour des projets plus élaborés. </p>
+						Je suis étudiant en ingénierie, orienté informatique et mathématiques.
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> D'autre part, sans me limiter à la programmation, je suis aussi assez actif sur des machines Linux (essentiellement Ubuntu) pour donner une seconde vie à des PCs. </p>
+						Je suis passionné par la création de logiciels, de jeux et de tout ce qui touche à l'informatique.
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Et bien sûr, comme toute personne souhaitant faire de l'informatique (selon moi...), je m'intéresse à la sécurité informatique en manipulant des logiciels comme Wireshark, Burp Suite, mais aussi VirusTotal et Shodan où je suis membre. </p>
+					</p>
 
+					<p class="modalbox-description">
+
+						En dehors de mes projets (liés à l'informatique), je fais du sport, m'intéresse aux nouvelles technologies et à bien d'autres domaines. 
+						
+						En réalité, mon intérêt s'étend à presque tout.
+					
+					</p>
 
 				</div>
 
 				<div class="modalbox-line"></div>
 
 				<div class="modalbox-text-container">
 
-					<h2>Quelques mots sur mon site:</h2>
-
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Pour commencer, l'intégralité du code de mon site est accessible sur mon compte GitHub. Consultez la rubrique "Notes" pour en savoir plus. </p>
-
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> En ce qui concerne le site dans son ensemble, il est statique, ce qui signifie qu'il n'y a absolument aucun échange d'informations entre vous et le serveur. </p>
+					<h2>Mon entrée dans l'informatique et mes projets:</h2>
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> D'autre part, dans mes projets en ligne, j'utilise JavaScript en combinaison avec JQuery pour améliorer la manipulation du DOM de manière plus conviviale que le JavaScript traditionnel. </p>
+					<p class="modalbox-description">
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> J'ai décidé de concevoir mon site sans recourir à un seul framework ni à aucune assistance au développement. </p>
-
-				</div>
-
-				<div class="modalbox-line"></div>
-
-				<div class="modalbox-text-container">
+						J'ai commencé la programmation en autodidacte début 2020, à l'âge de 15 ans. 
+						
+						Mon premier langage, et toujours mon favori, est JavaScript, que j'utilise pour développer ce site, des APIs et d'autres projets.
+					
+					</p>
 
-					<h2>Tout ce qui est sur ce site est gratuit ?</h2>
+					<p class="modalbox-description">
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Certainement, tout est gratuit et open source. De plus, aucune publicité n'est affichée pour générer des revenus, et j'aimerais que cela reste ainsi. </p>
+						J'explore aussi Python (pour scripts et automatisations) et C++ pour des projets plus complexes.
+						
+						J'utilise Linux et je m'y intéresse particulièrement : c'est un noyau open-source que j'exploite pour divers usages, comme mon NAS ou la remise en service d'anciens ordinateurs.
+					
+					</p>
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Je ne tire aucun bénéfice de mes projets: tout est fait sur mon temps libre, par pur plaisir. </p>
+					<p class="modalbox-description">
 
-					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Je n'ai d'ailleurs rien à payer non plus, puisque comme déjà mentionné, ce site est statique et consomme donc bien moins qu'un site dynamique. Par ailleurs, certains hébergeurs (dans mon cas GitHub Pages) proposent des services gratuits pour ce type de site. </p>
+						Je m'intéresse aussi à la sécurité informatique et j'utilise régulièrement des outils comme Wireshark, Burp Suite, VirusTotal ou Shodan (où je suis membre).
+					
+					</p>
 
 				</div>
-
-            </div>
+			
+			</div>
 
         </div>