feat: minor update with various improvements.

Author: Nde-Code

404.html

@@ -44,19 +44,6 @@
 		background: #4690F2;
 	}
 
-	.error-img {
-		width: 235px;
-		height: 235px;
-		margin-top: 30px;
-	}
-	
-	@media screen and (max-width: 768px) {
-		.error-img {
-			width: 180px;
-			height: 180px;
-		}
-	}
-	
 	</style>
 
 	<link rel="stylesheet" href="assets/css/fontawesome.css">
@@ -173,7 +160,7 @@
 
 			<div class="website-main-panel">
 
-				<img class="error-img" src="assets/erreur.png" alt="Erreur">
+				<img class="website-main-panel-img" src="assets/erreur.png" alt="Erreur">
 
 				<h1 class="website-main-panel-title">Oups, erreur 404:</h1>
 

README.md

@@ -1,44 +1,53 @@
-# nde-code.github.io:
+# 🌐 nde-code.github.io:
 
 Code source de mon site web personnel.
 
-> Le but de ce README.md n'est pas de remplacer la rubrique "Notes", mais simplement d'offrir un aperçu aux personnes intéressées par les outils que j'ai utilisés, afin qu'elles puissent les utiliser elles aussi.
+> Ce dépôt n’a pas vocation à remplacer la rubrique **« Notes »**, mais à offrir un aperçu des **outils et ressources** utilisés pour la création du site.  
 
-# 📚 Librairies utilisées:
+## 📚 Librairies utilisées:
 
-  - Font Awesome: https://fontawesome.com/
+- [Font Awesome](https://fontawesome.com/)
 
-  - JQuery: https://jquery.com/
-  
-  - Math.js: https://mathjs.org/
-  
-  - Plotly.js: https://plotly.com/javascript/
+- [jQuery](https://jquery.com/)
 
-  - Ace.js: https://ace.c9.io/
+- [Math.js](https://mathjs.org/)
 
-# 🛠️ Outils et ressources utilisés:
+- [Plotly.js](https://plotly.com/javascript/)
 
-  - Visual Studio Code: https://code.visualstudio.com/
-  
-  - Pixlr: https://pixlr.com/fr/
+- [Ace.js](https://ace.c9.io/)
 
-  - Logomakr: https://logomakr.com/
-  
-  - Perchance: https://perchance.org/ai-icon-generator
+## 🛠️ Outils et ressources:
 
-  - Flaticon pour les diverses icônes utilisées: https://www.flaticon.com/
-  
-  - Pixabay pour l'image de fond: https://pixabay.com/fr/illustrations/bleu-triangles-polygone-contexte-1761175/
+- [Visual Studio Code](https://code.visualstudio.com/)
 
-# 🌍 Services tiers:
+- [Pixlr](https://pixlr.com/fr/)
 
-  - Goatcounter: https://www.goatcounter.com/ 
+- [Logomakr](https://logomakr.com/)
 
-# 📝 Note(s):
+- [Perchance – AI Icon Generator](https://perchance.org/ai-icon-generator)
 
-  - La base de données intégrée à mon logiciel de désintégration radioactive a été conçue entièrement par mes soins, à partir de sources variées. Ce travail a demandé un investissement conséquent. Deux versions sont disponibles : l’une lisible et facilement modifiable, l’autre optimisée et minimisée pour un usage en ligne performant. Son utilisation est libre, mais une mention de crédit serait grandement appréciée.
+- [Flaticon](https://www.flaticon.com/): pour les diverses icônes utilisées  
 
-# 📜 Licence: [GNU General Public License v3.0](https://github.com/Nde-Code/nde-code.github.io?tab=GPL-3.0-1-ov-file)
+- [Pixabay](https://pixabay.com/fr/illustrations/bleu-triangles-polygone-contexte-1761175/): pour l’image de fond.
 
+## 📊 Pour les statistiques:
 
+- [Goatcounter](https://www.goatcounter.com/): outil de statistiques web respectueux de la vie privée.
 
+## 📝 Notes:
+
+La base de données intégrée à mon **logiciel de désintégration radioactive** a été conçue **entièrement par mes soins**, à partir de sources variées.  
+
+Ce travail a demandé un investissement conséquent.
+
+Deux versions sont disponibles :
+
+- une **version lisible** et facilement modifiable.  
+
+- une **version optimisée et minimisée** pour un usage en ligne performant.
+
+> 🔓 Son utilisation est libre, mais une **mention de crédit** serait grandement appréciée.
+
+## 📜 Licence:
+
+Ce projet est distribué sous la licence **[GNU General Public License v3.0](https://github.com/Nde-Code/nde-code.github.io?tab=GPL-3.0-1-ov-file)**.

index.html

@@ -38,19 +38,6 @@
 		background: #4690F2;
 	}
 
-	.avatar-img {
-		margin-top: 30px;
-		width: 235px;
-		height: 235px;
-	}
-
-	@media screen and (max-width: 768px) {
-		.avatar-img {
-			width: 180px;
-			height: 180px;
-		}
-	}
-
 	</style>
 
 	<link rel="stylesheet" href="assets/css/fontawesome.css">
@@ -167,7 +154,7 @@
 
 			<div class="website-main-panel">
 
-				<img class="avatar-img" src="assets/avatar.png" alt="Avatar">
+				<img class="website-main-panel-img" src="assets/avatar.png" alt="Avatar">
 
 				<h1 class="website-main-panel-title">Bienvenue sur mon site:</h1>
 

js/app.js

@@ -59,7 +59,7 @@ function openAboutBox() {
 
                 <h2>Librairies utilisées:</h2>
 
-                <p class="modalbox-description"> Afin de rendre ce site encore plus convivial, j'utilise des bibliothèques soigneusement choisies, privilégiant celles qui sont personnalisables, légères et sécurisées, dans le but d'optimiser votre expérience utilisateur et de garantir un confort maximal: </p>
+                <p class="modalbox-description"> J'utilise des bibliothèques soigneusement choisies, privilégiant celles qui sont personnalisables, légères et sécurisées, dans le but d'optimiser votre expérience utilisateur et de garantir un confort maximal: </p>
                     
                 <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> <strong>Font Awesome:</strong> pour les petits icons un peu partout sur le site. </p>
                     
@@ -99,9 +99,9 @@ function openAboutBox() {
 
             <div class="modalbox-text-container">
 
-                <h2>Services tiers:</h2>
+                <h2>Pour avoir des statistiques:</h2>
 
-                <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> <strong>Goatcounter:</strong> Pour obtenir quelques statistiques sur les visites de mon site comme le nombre de visiteurs, leur localisation (pays uniquement), le système d'exploitation, ... j'utilise ces données uniquement dans le but d'améliorer le site. Bien que diantrement simpliste, GoatCounter fait partie des rares services gratuits à la fois honnêtes et pleinement respectueux des réglementations sur la vie privée, comme le RGPD. À tel point que je n'ai même pas besoin d'afficher de bannière de cookies ou d'alerte concernant la collecte de données. </p>
+                <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> <strong>Goatcounter:</strong> pour obtenir certaines informations telles que le nombre de visiteurs, leur localisation (pays uniquement), leur système d'exploitation, ... Ce service est entièrement conforme au RGPD et ne nécessite pas de bannière de cookies. </p>
 
             </div>
 

online/foucault.html

@@ -520,7 +520,7 @@ <h2>Notes:</h2>
 
 				paper_bgcolor: "transparent",
 
-				height: 545,
+				height: 575,
 
 				margin: {
 

online/harmonic-waves.html

@@ -586,7 +586,7 @@ <h2>Notes:</h2>
 
 				paper_bgcolor: "transparent",
 
-				height: 545,
+				height: 575,
 
 				margin: {
 
@@ -654,7 +654,7 @@ <h2>Notes:</h2>
 
 						standoff: 10,
 
-						text: ($(window).width() <= 768) ? 'p(x, t)[m]' : 'Évolution des amplitudes p(x, t) en mètres',
+						text: ($(window).width() <= 768) ? 'Amplitude' : `Évolution de l'amplitude`,
 
 						font: {
 

online/interpolation-playground.html

@@ -787,7 +787,7 @@ <h2>Notes:</h2>
 
 				paper_bgcolor: "transparent",
 
-				height: 545,
+				height: 575,
 
 				margin: {
 

style.css

@@ -104,6 +104,7 @@ body.body-class {
     border-bottom-left-radius: 25px;
     font-weight: bold;
     color: #4690F2;
+    border-top: 2px solid #4690F2;
 }
 
 .menu-dropdown-items a:hover {
@@ -208,8 +209,8 @@ body.body-class {
 
 /* Pour les projets en ligne: */
 .website-main-panel-img {
-    width: 245px;
-    height: 245px;
+    width: 255px;
+    height: 255px;
     margin-top: 30px;
 }
 
@@ -236,7 +237,7 @@ body.body-class {
     margin-left: 15%;
     margin-right: 15%;
     text-align: center;
-    min-height: 550px;
+    min-height: 580px;
     /* Masquer la "scrollbar" sur Firefox. */
     scrollbar-width: none;
 }
@@ -326,7 +327,7 @@ h1.website-main-panel-title {
 }
 
 div.social-media {
-    padding: 18px 30px;
+    padding: 15px 30px;
     cursor: default;
 }