Apply partial fixes and tweaks.

Author: Nde-Code

index.html

@@ -247,11 +247,11 @@ <h1 class="website-main-panel-title">Bienvenue sur mon site:</h1>
 
 					<h2>Qui suis-je dans la réalité ?</h2>
 
-                    <p class="modalbox-description"> 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> 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"> 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 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"> En réalité, mon intérêt s'étend à presque tout. </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>
 
@@ -261,15 +261,15 @@ <h2>Qui suis-je dans la réalité ?</h2>
 
 					<h2>Quand ai-je commencé à apprendre à programmer, et pourquoi ?</h2>
 
-					<p class="modalbox-description"> 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"><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"> Mon tout premier langage de programmation, et qui demeure aujourd'hui mon favori, est le language JavaScript. </p>
+					<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>
 
-					<p class="modalbox-description"> 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>
+					<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>
 
-					<p class="modalbox-description"> 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>
+					<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>
 
-					<p class="modalbox-description"> 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 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>
 
 
 				</div>
@@ -280,13 +280,13 @@ <h2>Quand ai-je commencé à apprendre à programmer, et pourquoi ?</h2>
 
 					<h2>Comment est programmé mon site et pourquoi ?</h2>
 
-					<p class="modalbox-description"> 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> 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"> 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>
+					<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>
 
-					<p class="modalbox-description"> 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"><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"> J'ai décidé de concevoir mon site sans recourir à un seul framework ni à aucune assistance au développement. </p>
+					<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>
 
@@ -296,11 +296,11 @@ <h2>Comment est programmé mon site et pourquoi ?</h2>
 
 					<h2>Est-ce que tout ce qui est sur ce site est gratuit ?</h2>
 
-					<p class="modalbox-description"> 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>
+					<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>
 
-					<p class="modalbox-description"> 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"><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"> 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>
+					<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>
 
 				</div>
 

online/foucault.html

@@ -248,7 +248,7 @@ <h1 class="website-main-panel-title"> Simulateur de pendule de Foucault: </h1>
 
                     <h2>La latitude:</h2>
 
-                    <p class="modalbox-description"> Veuillez saisir la latitude, en degrés (comprise entre 90° au pôle Nord et -90° au pôle Sud, à l'exception de la zone entre -10° et 10°), avec un maximum de deux décimales, pour l'endroit où vous souhaitez simuler le pendule: </p>
+                    <p class="modalbox-description"> Veuillez saisir la latitude, en degrés (comprise entre 90° au pôle Nord et -90° au pôle Sud), avec un maximum de deux décimales, de l'endroit où vous souhaitez simuler le pendule: </p>
 
 					<input id="latitude-value-id" inputmode="numeric" class="modalbox-input" placeholder="Latitude:">
 
@@ -348,6 +348,8 @@ <h2>Notes:</h2>
 
 					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Gardez en tête que le logiciel réalise une simulation en résolvant le système d'équations différentielles régissant le pendule de Foucault. Les résultats obtenus sont donc une approximation de la réalité. </p>
 
+					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Le logiciel refusera les latitudes comprises entre -10 et 10 degrés, car l'installation d'un pendule de Foucault près de l'équateur est inutile. </p>
+
 					<p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Si la latitude saisie ne fonctionne pas, vérifiez que vous avez bien utilisé un point comme séparateur décimal, et non une virgule. Exemple: <span style="color: #DC3545; font-weight: bold;">48,85</span> mais <span style="color: #28A745; font-weight: bold;">48.85</span>. </p>
 
 				</div>
@@ -388,7 +390,9 @@ <h2>Notes:</h2>
 
 			gravity: 9.81,
 
-			is_in_loading: false
+			is_in_loading: false,
+
+			bounds_limit: [-10, 10]
 
 		}
 
@@ -718,7 +722,7 @@ <h2>Notes:</h2>
 
 			let latitudeNumber = Number(latitude)
 
-			if (!latitude || isNaN(latitudeNumber) ||  latitudeNumber < -90 || latitudeNumber > 90 || /^-?\d+(\.\d{1,2})?$/.test(latitude) === false || (latitudeNumber >= -10 && latitudeNumber <= 10)) {
+			if (!latitude || isNaN(latitudeNumber) ||  latitudeNumber < -90 || latitudeNumber > 90 || /^-?\d+(\.\d{1,2})?$/.test(latitude) === false || (latitudeNumber >= extendedData.bounds_limit[0] && latitudeNumber <= extendedData.bounds_limit[1])) {
 
 				$("#modalbox-errors-warnings-id").html("La latitude saisie est invalide.")
 

online/interpolation-playground.html

@@ -456,7 +456,11 @@ <h2>Notes:</h2>
 
 			is_in_loading: false,
 
-			editor: null
+			editor: null,
+
+			x_limit: [-50, 50],
+
+			step: 1000
 
 		}
 
@@ -494,7 +498,7 @@ <h2>Notes:</h2>
 
 			for (let elem of arr) {
 
-				if (typeof elem !== 'number' || isNaN(elem) || elem > 50 || elem < -50) return false;
+				if (typeof elem !== 'number' || isNaN(elem) || elem >= extendedData.x_limit[1] || elem <= extendedData.x_limit[0]) return false;
 
 			}
 
@@ -1026,7 +1030,7 @@ <h2>Notes:</h2>
 
 					try {
 
-						let iteration = 1000;
+						let iteration = extendedData.step;
 
 						let minOfX = Math.min(...xVal);