Update tutorial text for consistency; replace code formatting with quotes

Author: nikoscham

index.html

@@ -147,7 +147,7 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
     <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., `your.msh`)
+      (e.g., <code>&lt;div id="solutionPlot">&lt;/div&gt;</code>) &#8594; add a mesh file (e.g., "your.msh")
       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>
@@ -229,7 +229,7 @@ <h2 id="features"><a name="Features"></a>Features</h2>
                 "
               />
             </a>
-            (`.msh` file format)
+            (".msh" file format)
           </li>
         </ul>
       </li>

tutorials/HeatConduction1DWall.html

@@ -183,8 +183,8 @@ <h2 id="solvingwithfeascript"><a name="Solving with FEAScript"></a>Solving with
 &lt;/body&gt;</pre
     >
     <p>
-      The `solutionPlot` is the id of the div where the plot will be rendered. This id is passed as an
-      argument to the `plotSolution` function to specify the target div for the plot.
+      The "solutionPlot" is the id of the div where the plot will be rendered. This id is passed as an
+      argument to the "plotSolution" function to specify the target div for the plot.
     </p>
 
     <h2 id="results"><a name="Results"></a>Results</h2>

tutorials/HeatConduction1DWallPlatform.html

@@ -92,11 +92,11 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
 
     <ol>
       <li>
-        <strong>Visit the FEAScript platform</strong> in your browser at
+        Visit the FEAScript platform in your browser at
         <a href="https://platform.feascript.com" target="_blank">https://platform.feascript.com</a>.
       </li>
       <li>
-        <strong>Locate the Control Panel</strong> on the right side of the screen.
+        Locate the Control Panel on the right side of the screen.
 
         <!-- Control Panel Image -->
         <div class="image-container">
@@ -105,11 +105,11 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
         </div>
       </li>
       <li>
-        <strong>Click the "Load Project" button</strong> in the Control Panel under the "Load/Save Project"
+        Click the "Load Project" button in the Control Panel under the "Load/Save Project"
         folder.
       </li>
       <li>
-        <strong>Select the `HeatConduction1DWall.xml` file</strong> from your computer.
+        Select the "HeatConduction1DWall.xml" file from your computer.
         <p>
           You can download this file from the
           <a
@@ -121,7 +121,7 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
         </p>
       </li>
       <li>
-        <strong>The blocks will be loaded</strong> into the editor, showing the complete simulation setup.
+        The blocks will be loaded into the editor, showing the complete simulation setup.
 
         <!-- Complete Simulation Setup Blocks Image -->
         <div class="image-container">
@@ -136,11 +136,11 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
         </p>
       </li>
       <li>
-        <strong>Click "Evaluate"</strong> in the Control Panel to run the simulation.
+        Click "Evaluate" in the Control Panel to run the simulation.
         <p>This will execute the blocks in sequence, performing the finite element analysis.</p>
       </li>
       <li>
-        <strong>Switch to the "Solution" tab</strong> to view the results.
+        Switch to the "Solution" tab to view the results.
 
         <!-- Results Image -->
         <div class="image-container">

tutorials/HeatConduction2DFin.html

@@ -173,10 +173,10 @@ <h2 id="solvingwithfeascript"><a name="Solving with FEAScript"></a>Solving with
     <p>
       In the boundary condition definition, the numbers at the left side (from 0 to 3) indicate the boundaries
       of the geometry (the mesh generator of FEAScript has assigned numbers to the boundaries, starting from
-      the bottom boundary and proceeding clockwise). The `constantTemp` condition sets a constant temperature
-      value. The `symmetry` boundary condition represents a zero-flux type. Finally, the `convection`
+      the bottom boundary and proceeding clockwise). The "constantTemp" condition sets a constant temperature
+      value. The "symmetry" boundary condition represents a zero-flux type. Finally, the "convection"
       condition describes a convective heat transfer scenario. In addition, the second argument of the
-      `constantTemp` boundary condition corresponds to the constant temperature value. For a `convection`
+      "constantTemp" boundary condition corresponds to the constant temperature value. For a "convection"
       boundary condition, the second argument represents the \({\frac{h}{k}}\) value, and the third argument
       indicates the external temperature \(T_0\).
     </p>
@@ -192,8 +192,8 @@ <h2 id="solvingwithfeascript"><a name="Solving with FEAScript"></a>Solving with
 &lt;/body&gt;</pre
     >
     <p>
-      The `solutionPlot` is the id of the div where the plot will be rendered. This id is passed as an
-      argument to the `plotSolution` function to specify the target div for the plot.
+      The "solutionPlot" is the id of the div where the plot will be rendered. This id is passed as an
+      argument to the "plotSolution" function to specify the target div for the plot.
     </p>
 
     <h2 id="results"><a name="Results"></a>Results</h2>
@@ -215,16 +215,14 @@ <h2 id="results"><a name="Results"></a>Results</h2>
 
     <br />
 
-    <!-- Link to worker-based implementation -->
-    <div class="highlight-container">
-      <p>
-        See also the
-        <a href="HeatConduction2DFinWorker.html" target="_blank"
-          >Heat Conduction in a Two-Dimensional Fin (Web Worker version)</a
-        >
-        for an example using FEAScript in a separate thread for improved responsiveness.
-      </p>
-    </div>
+    <!-- Links to worker-based and Gmsh implementation -->
+    <p>
+      See also
+      <a href="https://feascript.com/tutorials/HeatConduction2DFinWorker.html" target="_blank">here</a>
+      for a tutorial using FEAScript in a separate thread (web worker) for improved responsiveness and
+      <a href="https://feascript.com/tutorials/HeatConduction2DFinGmsh.html" target="_blank">here</a>
+      for a tutorial using an unstructured mesh generated by Gmsh.
+    </p>
 
     <ul id="menu">
       <li>

tutorials/HeatConduction2DFinGmsh.html

@@ -12,7 +12,7 @@
 
 <html lang="en">
   <head>
-    <title>FEAScript: Heat Conduction in a Two-Dimensional Fin Tutorial (Gmsh Example)</title>
+    <title>FEAScript: Heat Conduction in a Two-Dimensional Fin Tutorial (Gmsh Mesh)</title>
     <link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <meta
@@ -72,11 +72,11 @@ <h1 class="top">
         />
       </a>
     </h1>
-    <h1>Heat Conduction in a Two-Dimensional Fin (Gmsh Example)</h1>
+    <h1>Heat Conduction in a Two-Dimensional Fin (Gmsh Mesh)</h1>
 
     <ul id="menu">
       <li><a href="#gmshfileimport">Gmsh File Import</a></li>
-      <li><a href="#gmshgeofile">Example Gmsh `.geo` File</a></li>
+      <li><a href="#gmshgeofile">Example Gmsh ".geo" File</a></li>
       <li><a href="#generatedmesh">Generated Mesh</a></li>
       <li><a href="#results">Results</a></li>
     </ul>
@@ -92,7 +92,7 @@ <h1>Heat Conduction in a Two-Dimensional Fin (Gmsh Example)</h1>
 
     <h2 id="gmshfileimport"><a name="gmshfileimport"></a>Gmsh File Import</h2>
     <p>
-      This example demonstrates how to import a Gmsh-generated mesh (`.msh` file format) and solve a heat
+      This example demonstrates how to import a Gmsh-generated mesh (".msh" file format) and solve a heat
       conduction problem.
     </p>
 
@@ -162,7 +162,7 @@ <h2 id="gmshfileimport"><a name="gmshfileimport"></a>Gmsh File Import</h2>
     </p>
     <ol>
       <li>
-        <strong>Physical Groups in Gmsh:</strong> In your `.geo` file, you need to define physical groups for
+        <strong>Physical Groups in Gmsh:</strong> In your ".geo" file, you need to define physical groups for
         boundaries using commands like <code>Physical Line("bottom") = {1};</code>. These are mapped to tags
         in the imported mesh.
       </li>
@@ -181,13 +181,13 @@ <h2 id="gmshfileimport"><a name="gmshfileimport"></a>Gmsh File Import</h2>
     </ol>
 
     <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.
+      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.
     </p>
 
-    <h3 id="gmshgeofile"><a name="gmshgeofile"></a>Example Gmsh `.geo` File</h3>
+    <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
+      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>
 
@@ -253,8 +253,8 @@ <h3 id="gmshgeofile"><a name="gmshgeofile"></a>Example Gmsh `.geo` File</h3>
     </ul>
 
     <p>
-      To generate a mesh file from this `.geo` script, you would run: <code>gmsh rect.geo -2</code> in your
-      terminal, which creates a `rect.msh` file that can be imported into FEAScript.
+      To generate a mesh file from this ".geo" script, you would run: <code>gmsh rect.geo -2</code> in your
+      terminal, which creates a "rect.msh" file that can be imported into FEAScript.
     </p>
 
     <h2 id="generatedmesh"><a name="generatedmesh"></a>Generated Mesh</h2>
@@ -270,7 +270,7 @@ <h2 id="generatedmesh"><a name="generatedmesh"></a>Generated Mesh</h2>
         style="max-width: 40%; height: auto"
       />
       <p class="image-caption">
-        Quadrilateral mesh (`rect_quad_unstruct.msh`) generated using the `rect.geo` script with Gmsh
+        Quadrilateral mesh ("rect_quad_unstruct.msh") generated using the "rect.geo" script with Gmsh
       </p>
     </div>
 

tutorials/HeatConduction2DFinPlatform.html

@@ -91,11 +91,11 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
 
     <ol>
       <li>
-        <strong>Visit the FEAScript platform</strong> in your browser at
+        Visit the FEAScript platform in your browser at
         <a href="https://platform.feascript.com" target="_blank">https://platform.feascript.com</a>.
       </li>
       <li>
-        <strong>Locate the Control Panel</strong> on the right side of the screen.
+        Locate the Control Panel on the right side of the screen.
 
         <!-- Control Panel Image -->
         <div class="image-container">
@@ -104,11 +104,11 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
         </div>
       </li>
       <li>
-        <strong>Click the "Load Project" button</strong> in the Control Panel under the "Load/Save Project"
+        Click the "Load Project" button in the Control Panel under the "Load/Save Project"
         folder.
       </li>
       <li>
-        <strong>Select the `HeatConduction2DFin.xml` file</strong> from your computer.
+        Select the "HeatConduction2DFin.xml" file from your computer.
         <p>
           You can download this file from the
           <a
@@ -120,7 +120,7 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
         </p>
       </li>
       <li>
-        <strong>The blocks will be loaded</strong> into the editor, showing the complete simulation setup.
+        The blocks will be loaded into the editor, showing the complete simulation setup.
 
         <!-- Complete Simulation Setup Blocks Image -->
         <div class="image-container">
@@ -135,11 +135,11 @@ <h2 id="tutorial"><a name="Tutorial"></a>Step-by-Step Tutorial</h2>
         </p>
       </li>
       <li>
-        <strong>Click "Evaluate"</strong> in the Control Panel to run the simulation.
+        Click "Evaluate" in the Control Panel to run the simulation.
         <p>This will execute the blocks in sequence, performing the finite element analysis.</p>
       </li>
       <li>
-        <strong>Switch to the "Solution" tab</strong> to view the results.
+        Switch to the "Solution" tab to view the results.
 
         <!-- Results Image -->
         <div class="image-container">