Add Solidification Front Propagation Tutorial in 2D

- Created a new HTML tutorial for demonstrating solidification front propagation using the FEAScript library.
- Included mathematical formulation of the eikonal equation and its application in solidification problems.
- Provided code snippets for setting up the FEAScript model, defining boundary conditions, and plotting results.
- Added responsive design elements to handle orientation changes for mobile devices.

Author: nikoscham

assets/HeatConduction2DFinMeshResults.png

@@ -58,10 +58,15 @@ <h1 class="top">
     <div id="banner">
       <!--<img src="./assets/tutorialSolidHeatTransferResults01.png" alt="" />-->
       <img
-        src="./assets/HeatConduction2DFinMeshResults.png"
+        src="./assets/HeatConduction2DFinResults.png"
         alt="Results of the heat conduction in a two-dimensional fin tutorial"
       />
       <p class="image-caption">Solid heat conduction solver</p>
+      <img
+        src="./assets/SolidificationFront2DResults.png"
+        alt="Results of the solidification front propagation in a two-dimensional domain"
+      />
+      <p class="image-caption">Solidification front propagation solver</p>
       <img src="./assets/Screenshot_20250520_084241.png" alt="FEAScript platform in" />
       <p class="image-caption">FEAScript platform interface</p>
     </div>
@@ -141,7 +146,7 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
         <a href="https://github.com/FEAScript/FEAScript-core/releases" target="_blank">0.1.1</a>
         (<a href="https://www.npmjs.com/package/feascript" target="_blank">npm</a>)
         <br />
-        <strong>See the roadmap for the upcoming release </strong>
+        <strong>See the roadmap for the upcoming major release </strong>
         <a href="https://github.com/orgs/FEAScript/discussions/17" target="_blank">0.2.0</a>
       </p>
     </div>
@@ -210,6 +215,7 @@ <h2 id="features"><a name="Features"></a>Features</h2>
         🧠 <strong>Physical Modelling</strong>
         <ul>
           <li>Solid heat conduction solver</li>
+          <li>Front propagation solver</li>
         </ul>
       </li>
       <li>
@@ -250,6 +256,7 @@ <h2 id="features"><a name="Features"></a>Features</h2>
           </li>
           -->
           <li>Linear system solvers (LU decomposition, Jacobi method)</li>
+          <li>Newton-Raphson method for nonlinear problems</li>
         </ul>
       </li>
       <li>
@@ -316,6 +323,10 @@ <h2 id="tutorials"><a name="Tutorials"></a>Tutorials</h2>
           >XML (FEAScript platform)</a
         >
       </li>
+      <li>
+        <strong>Solidification front propagation in a two-dimensional domain</strong>:
+        <a href="https://feascript.com/tutorials/SolidificationFront2D.html" target="_blank">API</a>
+      </li>
     </ul>
     <p>
       Please report any feedback on the above tutorials to the GitHub

assets/HeatConduction2DFinResults.png

@@ -191,7 +191,7 @@ <h2 id="results"><a name="Results"></a>Results</h2>
 
     <p>
       Below is the 1D line plot of the computed temperature distribution along the wall thickness. This plot
-      is generated in real time using FEAScript. You can find a minimal example of this tutorial in the
+      is generated in real time using FEAScript. You can find a Node.js implementation of this tutorial in the
       <a
         href="https://github.com/FEAScript/FEAScript-core/tree/main/examples/solidHeatTransferScript/HeatConduction1DWall"
         target="_blank"
@@ -213,7 +213,11 @@ <h2 id="results"><a name="Results"></a>Results</h2>
 
     <script type="module">
       //Import FEAScript library from GitHub
-      import { FEAScriptModel, plotSolution, printVersion } from "https://core.feascript.com/dist/feascript.esm.js";
+      import {
+        FEAScriptModel,
+        plotSolution,
+        printVersion,
+      } from "https://core.feascript.com/dist/feascript.esm.js";
       //Import FEAScript library from a local directory
       //import { FEAScriptModel, plotSolution, printVersion } from "../../FEAScript-core/src/index.js";
 

assets/SolidificationFront2D.png

@@ -17,7 +17,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta
       name="description"
-      content="This tutorial demonstrates solving a steady-state heat transfer problem in a 1D wall using the FEAScript visual platform. The problem represents a typical house wall scenario, where the objective is to model heat conduction and understand temperature distribution under specific boundary conditions."
+      content="This tutorial demonstrates solving a steady-state heat transfer problem in a one-dimensional wall using the FEAScript visual platform. The problem represents a typical house wall scenario, where the objective is to model heat conduction and understand temperature distribution under specific boundary conditions."
     />
     <meta
       name="keywords"

assets/SolidificationFront2D.svg

@@ -17,7 +17,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta
       name="description"
-      content="This example demonstrates solving a steady-state heat transfer problem in a 2D rectangular domain using the FEAScript library. The problem represents a typical cooling fin scenario, where the objective is to model heat conduction and understand temperature distribution under specific boundary conditions."
+      content="This example demonstrates solving a steady-state heat transfer problem in a two-dimensional domain using the FEAScript library. The problem represents a typical cooling fin scenario, where the objective is to model heat conduction and understand temperature distribution under specific boundary conditions."
     />
     <meta
       name="keywords"
@@ -199,7 +199,7 @@ <h2 id="solvingwithfeascript"><a name="Solving with FEAScript"></a>Solving with
     <h2 id="results"><a name="Results"></a>Results</h2>
     <p>
       Below is the 2D contour plot of the computed temperature distribution. This plot is generated in real
-      time using FEAScript. You can find a minimal example of this tutorial in the
+      time using FEAScript. You can find a Node.js implementation of this tutorial in the
       <a
         href="https://github.com/FEAScript/FEAScript-core/tree/main/examples/solidHeatTransferScript/HeatConduction2DFin"
         target="_blank"
@@ -232,9 +232,13 @@ <h2 id="results"><a name="Results"></a>Results</h2>
 
     <script type="module">
       // Import FEAScript library from GitHub
-      import { FEAScriptModel, plotSolution, printVersion } from "https://core.feascript.com/dist/feascript.esm.js";
+      import {
+        FEAScriptModel,
+        plotSolution,
+        printVersion,
+      } from "https://core.feascript.com/dist/feascript.esm.js";
       // Import FEAScript library from a local directory
-      //import { FEAScriptModel, plotSolution, printVersion } from "../../FEAScript-core/src/index.js";
+      // import { FEAScriptModel, plotSolution, printVersion } from "../../FEAScript-core/src/index.js";
 
       window.addEventListener("DOMContentLoaded", () => {
         if (window.innerHeight > window.innerWidth) {

assets/SolidificationFront2DResults.png

@@ -17,7 +17,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta
       name="description"
-      content="This example demonstrates solving a steady-state heat transfer problem in a 2D rectangular domain using a Gmsh-generated mesh."
+      content="This example demonstrates solving a steady-state heat transfer problem in a two-dimensional domain using a Gmsh-generated mesh."
     />
     <meta
       name="keywords"
@@ -182,13 +182,14 @@ <h2 id="gmshfileimport"><a name="gmshfileimport"></a>Gmsh File Import</h2>
 
     <p>
       You can create your own Gmsh files by writing ".geo" scripts or using Gmsh's GUI. For this example, we
-      used a simple rectangular domain defined in a ".geo" file with specific physical groups for each boundary.
+      used a simple rectangular domain defined in a ".geo" file with specific physical groups for each
+      boundary.
     </p>
 
     <h3 id="gmshgeofile"><a name="gmshgeofile"></a>Example Gmsh ".geo" File</h3>
     <p>
-      Below is the "rect.geo" file used in this tutorial. It defines a 4m × 2m rectangular domain with physical
-      lines for each boundary edge:
+      Below is the "rect.geo" file used in this tutorial. It defines a 4m × 2m rectangular domain with
+      physical lines for each boundary edge:
     </p>
 
     <pre class="prettyprint">
@@ -312,13 +313,13 @@ <h2 id="results"><a name="results"></a>Results</h2>
         printVersion,
       } from "https://core.feascript.com/dist/feascript.esm.js";
       // Import FEAScript library from a local directory
-      //import {
+      // import {
       //  FEAScriptModel,
       //  importGmshQuadTri,
       //  plotSolution,
       //  printVersion,
       //  logSystem,
-      //} from "../../FEAScript-core/src/index.js";
+      // } from "../../FEAScript-core/src/index.js";
 
       window.addEventListener("DOMContentLoaded", async () => {
         // Enable debug logging mode