Update tutorial navigation links

Author: nikoscham

index.html

@@ -89,7 +89,7 @@ <h1>A JavaScript Finite Element Simulation Library</h1>
         </a>
       </li>
       <li>
-        <a href="https://github.com/FEAScript/FEAScript-core" target="_blank">
+        <a href="https://github.com/FEAScript/" target="_blank">
           GitHub
           <img
             src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
@@ -102,12 +102,12 @@ <h1>A JavaScript Finite Element Simulation Library</h1>
 
     <div class="highlight-container">
       <p>
-        <strong>FEAScript is a lightweight finite element simulation library developed in JavaScript</strong>. It allows users
-        to create and run client-side, browser-based simulations for physics and engineering problems without
-        requiring additional installations. FEAScript serves as an excellent tool for building interactive web
-        applications and facilitates hands-on learning of computational mechanics by providing a versatile
-        platform to explore and solve complex problems. Our goal is to democratize finite element analysis by
-        making simulation capabilities accessible to everyone, everywhere.
+        <strong>FEAScript is a lightweight finite element simulation library developed in JavaScript</strong>.
+        It allows users to create and run client-side, browser-based simulations for physics and engineering
+        problems without requiring additional installations. FEAScript serves as an excellent tool for
+        building interactive web applications and facilitates hands-on learning of computational mechanics by
+        providing a versatile platform to explore and solve complex problems. Our goal is to democratize
+        finite element analysis by making simulation capabilities accessible to everyone, everywhere.
       </p>
     </div>
 
@@ -117,14 +117,17 @@ <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>
+    <p>There are two ways to create simulations with FEAScript:</p>
     <ul>
-      <li><b>JavaScript API:</b> For developers comfortable with coding, the JavaScript API provides full programmatic 
-      control, allowing direct integration into websites or web applications.</li>
-      <li><b>Visual Editor:</b> The <a href="https://platform.feascript.com" target="_blank">FEAScript-platform</a> 
-      provides a no-code, block-based interface for creating simulations without writing any JavaScript code.</li>
+      <li>
+        <b>JavaScript API:</b> For developers comfortable with coding, the JavaScript API provides full
+        programmatic control, allowing direct integration into websites or web applications.
+      </li>
+      <li>
+        <b>Visual Editor:</b> The
+        <a href="https://platform.feascript.com" target="_blank">FEAScript-platform</a> provides a no-code,
+        block-based interface for creating simulations without writing any JavaScript code.
+      </li>
     </ul>
 
     <h2 id="features"><a name="Features"></a>Features</h2>
@@ -191,30 +194,44 @@ <h2 id="features"><a name="Features"></a>Features</h2>
     </ul>
 
     <p>
-      🚧 <strong>FEAScript is currently under heavy development with new features being added regularly</strong>. Interested in
-      contributing? Please check out our
+      🚧
+      <strong>FEAScript is currently under heavy development with new features being added regularly</strong>.
+      Interested in contributing? Please check out our
       <a href="https://github.com/FEAScript/FEAScript-core/blob/main/CONTRIBUTING.md" target="_blank"
         >contribution guidelines</a
       >
       to get started.
     </p>
 
-    <h2 id="documentation"><a name="Documentation"></a>Documentation</h2>
+    <h2 id="platform"><a name="Platform"></a>Platform</h2>
     <p>
-      The documentation for FEAScript is currently under development. In the meantime, for information on the
-      numerical methods used in FEAScript and other technical resources, please visit the
-      <a href="https://blog.feascript.com" target="_blank">FEAScript Blog</a>.
+      For a visual approach to creating simulations, we are developing the
+      <a href="https://platform.feascript.com" target="_blank">FEAScript-platform</a> - a browser-based visual
+      editor built on the
+      <a href="https://developers.google.com/blockly/" target="_blank"
+        >Blockly
+        <img
+          src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg"
+          alt="External Link Icon"
+          style="width: 16px; height: 16px; vertical-align: middle; margin-left: 2px; margin-bottom: 4px"
+      /></a>
+      library. This no-code interface allows users to build and run finite element simulations directly in
+      their browser by connecting visual blocks. While FEAScript's JavaScript API offers full programmatic
+      control for advanced customization, the Platform provides an accessible entry point for users without
+      coding experience. FEAScript-platform also provides the ability to save and load projects in XML format,
+      enabling easy sharing and reuse of simulation configurations.
     </p>
 
     <h2 id="tutorials"><a name="Tutorials"></a>Tutorials</h2>
     <p>
-      Below you can explore tutorials which serve as a step-by-step introduction to FEAScript. These tutorials
-      demonstrate how to use FEAScript's JavaScript API directly, allowing you to integrate finite element
-      simulations into your own websites and applications.
+      Below, you can explore tutorials that provide a step-by-step introduction to FEAScript. These tutorials
+      show you how to use FEAScript's JavaScript API directly - for integrating finite element simulations
+      into your own websites and applications - or how to use the FEAScript-platform visual editor for a
+      no-code experience.
     </p>
     <ul>
       <li>
-        Heat conduction through wall
+        Heat conduction through wall (API)
         <i
           ><a href="https://github.com/FEAScript/FEAScript-core/issues/4" target="_blank"
             >(under development)</a
@@ -223,12 +240,14 @@ <h2 id="tutorials"><a name="Tutorials"></a>Tutorials</h2>
       </li>
       <li>
         Heat conduction in a two-dimensional fin:
-        <a href="https://feascript.com/tutorials/HeatConduction2DFin.html" target="_blank"
-          >Standard version</a
-        >
+        <a href="https://feascript.com/tutorials/HeatConduction2DFin.html" target="_blank">API (Standard)</a>
         |
         <a href="https://feascript.com/tutorials/HeatConduction2DFinWorker.html" target="_blank"
-          >Web Worker version</a
+          >API (Web Worker)</a
+        >
+        |
+        <a href="https://github.com/FEAScript/FEAScript-platform/tree/main/examples" target="_blank"
+          >XML (Platform)</a
         >
       </li>
     </ul>
@@ -238,27 +257,11 @@ <h2 id="tutorials"><a name="Tutorials"></a>Tutorials</h2>
       <a href="https://github.com/FEAScript/FEAScript-core/issues" target="_blank">issues</a>.
     </p>
 
-    <h2 id="platform"><a name="Platform"></a>Platform</h2>
+    <h2 id="documentation"><a name="Documentation"></a>Documentation</h2>
     <p>
-      For a visual approach to creating simulations, we are developing the
-      <a href="https://platform.feascript.com" target="_blank">FEAScript-platform</a> - a browser-based visual
-      editor built on the
-      <a href="https://developers.google.com/blockly/" target="_blank"
-        >Blockly
-        <img
-          src="https://upload.wikimedia.org/wikipedia/commons/4/44/Icon_External_Link.svg"
-          alt="External Link Icon"
-          style="width: 16px; height: 16px; vertical-align: middle; margin-left: 2px; margin-bottom: 4px"
-      /></a>
-      library. This no-code interface allows users to build and run finite element simulations directly in
-      their browser by connecting visual blocks. While FEAScript's JavaScript API offers full programmatic
-      control for advanced customization, the Platform provides an accessible entry point for users without
-      coding experience. FEAScript-platform also provides the ability to save and load projects in XML format,
-      enabling easy sharing and reuse of simulation configurations. You can find example tutorials (as XML
-      files) in the
-      <a href="https://github.com/FEAScript/FEAScript-platform/tree/main/examples" target="_blank"
-        >examples repository</a
-      >.
+      The documentation for FEAScript is currently under development. In the meantime, for information on the
+      numerical methods used in FEAScript and other technical resources, please visit the
+      <a href="https://blog.feascript.com" target="_blank">FEAScript Blog</a>.
     </p>
 
     <h2 id="licensing"><a name="Licensing"></a>Licensing</h2>

tutorials/HeatConduction1DWall.html

@@ -192,7 +192,7 @@ <h2 id="results"><a name="Results"></a>Results</h2>
 
     <ul id="menu">
       <li>
-        <a href="https://feascript.com/index.html" target="_blank">Return</a>
+        <a href="https://feascript.com/index.html" target="_blank">Return to FEAScript Website</a>
       </li>
     </ul>
 

tutorials/HeatConduction2DFin.html

@@ -239,7 +239,7 @@ <h2 id="results"><a name="Results"></a>Results</h2>
 
     <ul id="menu">
       <li>
-        <a href="https://feascript.com/index.html" target="_blank">Return</a>
+        <a href="https://feascript.com/index.html" target="_blank">Return to FEAScript Website</a>
       </li>
     </ul>
 

tutorials/HeatConduction2DFinWorker.html

@@ -80,9 +80,8 @@ <h1 class="top">
     <h1>Heat Conduction in a Two-Dimensional Fin (Web Worker)</h1>
 
     <ul id="menu">
-      <li>
-        <a href="HeatConduction2DFin.html">Back to main tutorial</a>
-      </li>
+      <li><a href="#webworkerimplementation">Web Worker Implementation</a></li>
+      <li><a href="#results">Results</a></li>
     </ul>
 
     <div class="highlight-container">
@@ -106,7 +105,7 @@ <h1>Heat Conduction in a Two-Dimensional Fin (Web Worker)</h1>
       </p>
     </div>
 
-    <h2>Web Worker Implementation</h2>
+    <h2 id="webworkerimplementation"><a name="Web Worker Implementation"></a>Web Worker Implementation</h2>
     <p>
       The code below shows how to use FEAScript with a Web Worker. The solution is plotted as a 2D contour.
     </p>
@@ -165,7 +164,17 @@ <h2>Web Worker Implementation</h2>
 &lt;/script&gt;
     </pre>
 
-    <h2>Results</h2>
+    <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
+      <a
+        href="https://github.com/FEAScript/FEAScript-core/tree/main/examples/solidHeatTransferScript/HeatConduction2DFin"
+        target="_blank"
+        >example directory</a
+      >.
+    </p>
+
     <div id="orientation-message">
       Cannot draw the results. Please turn your phone to horizontal position to see the results. You can find
       a minimal example of this tutorial in the
@@ -183,7 +192,7 @@ <h2>Results</h2>
 
     <ul id="menu">
       <li>
-        <a href="https://feascript.com/index.html" target="_blank">Return</a>
+        <a href="https://feascript.com/tutorials/HeatConduction2DFin.html" target="_blank">Return to main tutorial</a>
       </li>
     </ul>