Add latest release information and quick start guide to index.html

Author: nikoscham

index.html

@@ -27,6 +27,8 @@
     <!-- Link to the CSS files -->
     <link href="FEAScript-website.css" rel="stylesheet" type="text/css" />
     <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet" />
+    <!-- Import the run_prettify.js library for JavaScript code coloring *** Deprecated library *** -->
+    <script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
   </head>
 
   <!-- Google tag (gtag.js) -->
@@ -117,6 +119,7 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
       browser, without the need for any cloud services. The entire workflow is performed using JavaScript
       objects directly in the HTML file.
     </p>
+
     <p>There are two ways to create simulations with FEAScript:</p>
     <ul>
       <li>
@@ -131,6 +134,58 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
       </li>
     </ul>
 
+    <!-- New section: Latest Release and Roadmap -->
+    <div class="highlight-container" style="margin-bottom: 1.5em">
+      <p>
+        <strong>Latest stable release:</strong>
+        <a href="https://github.com/FEAScript/FEAScript-core/releases/tag/0.1.0" target="_blank">0.1.0</a>
+        <br />
+        <strong>See the roadmap for the upcoming release </strong>
+        <a href="https://github.com/orgs/FEAScript/discussions/17" target="_blank">0.2.0</a>
+      </p>
+    </div>
+
+    <p>
+      <strong>Quick Start:</strong> Include FEAScript in your HTML via CDN or download from
+      <a href="https://github.com/FEAScript/FEAScript-core" target="_blank">GitHub</a> &#8594; add a canvas
+      (e.g., <code>&lt;div id="solutionPlot">&lt;/div&gt;</code>) &#8594; add a mesh file (e.g.,
+      <code>your.msh</code>) or use FEAScript mesh generation tools &#8594; create and run a simulation using
+      the JavaScript API (see <a href="#tutorials">tutorials</a> for detailed examples):
+    </p>
+    <pre class="prettyprint">
+&lt;body&gt;
+  . . .
+  &lt;script type="module"&gt;
+  import { FEAScriptModel, importGmshQuadTri, plotSolution } from "https://core.feascript.com/src/index.js";
+
+  window.addEventListener("DOMContentLoaded", async () => {
+    // Load and parse Gmsh mesh
+    const meshContent = await (await fetch("path/to/your.msh")).text();
+    const meshFile = new File([meshContent], "your.msh");
+    const parsedMesh = await importGmshQuadTri(meshFile);
+
+    // Create and configure model
+    const model = new FEAScriptModel();
+    model.setSolverConfig("solverType"); // e.g., "solidHeatTransferScript"
+    model.setMeshConfig({
+      parsedMesh,
+      meshDimension: "2D",
+      elementOrder: "linear" // "linear" or "quadratic"
+    });
+
+    // Apply boundary conditions (Gmsh physical group tags)
+    model.addBoundaryCondition("boundaryIndex", ["conditionType", /* parameters */]);
+
+    // Solve
+    const { solutionVector, nodesCoordinates } = model.solve();
+
+    // Plot results
+    plotSolution(solutionVector, nodesCoordinates, model.solverConfig, "2D", "contour", "solutionPlot", "unstructured");
+  });
+  &lt;/script&gt;
+  . . .
+&lt;/body&gt;</pre
+    >
     <p>
       🚧
       <strong>FEAScript is currently under heavy development with new features being added regularly</strong>.
@@ -142,6 +197,7 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
     </p>
 
     <h2 id="features"><a name="Features"></a>Features</h2>
+
     <p>The following lists contain some, but not all, of the available features in FEAScript:</p>
     <ul>
       <li>
@@ -150,26 +206,6 @@ <h2 id="features"><a name="Features"></a>Features</h2>
           <li>Solid heat conduction solver</li>
         </ul>
       </li>
-      <li>
-        <b>Numerical Solution</b>
-        <ul>
-          <li>
-            General form differential equations solver
-            <i
-              ><a href="https://github.com/FEAScript/FEAScript-core/issues/3" target="_blank"
-                >(under development)</a
-              ></i
-            >
-          </li>
-          <li>Linear system solvers (LU decomposition, Jacobi method)</li>
-        </ul>
-      </li>
-      <li>
-        <b>Parallelization</b>
-        <ul>
-          <li>Web worker support for multi-threaded computation</li>
-        </ul>
-      </li>
       <li>
         <b>Geometry and Meshing</b>
         <ul>
@@ -194,6 +230,28 @@ <h2 id="features"><a name="Features"></a>Features</h2>
           </li>
         </ul>
       </li>
+      <li>
+        <b>Numerical Solution</b>
+        <ul>
+          <!--
+          <li>
+            General form differential equations solver
+            <i
+              ><a href="https://github.com/FEAScript/FEAScript-core/issues/3" target="_blank"
+                >(under development)</a
+              ></i
+            >
+          </li>
+          -->
+          <li>Linear system solvers (LU decomposition, Jacobi method)</li>
+        </ul>
+      </li>
+      <li>
+        <b>Parallelization</b>
+        <ul>
+          <li>Web worker support for multi-threaded computation</li>
+        </ul>
+      </li>
       <li>
         <b>Visualization</b>
         <ul>