Refactor navigation menu and update platform description in index.html

Author: nikoscham

assets/icons8-gui-48.png

@@ -63,28 +63,38 @@ <h1>A JavaScript Finite Element Simulation Library</h1>
     <ul id="menu">
       <li><a href="#gettingstarted">Getting Started</a></li>
       <li><a href="#features">Features</a></li>
-      <li><a href="#feascriptplatform">FEAScript Platform</a></li>
       <li><a href="#tutorials">Tutorials</a></li>
       <li><a href="#documentation">Documentation</a></li>
       <li><a href="#licensing">Licensing</a></li>
       <li class="menu-separator">|</li>
       <li>
         <a href="https://blog.feascript.com/" target="_blank">
-          Blog
+          FEAScript blog
           <img
             src="https://upload.wikimedia.org/wikipedia/commons/4/43/Feed-icon.svg"
             alt="Blog Icon"
             style="width: 13px; height: 13px; vertical-align: middle; margin-left: 2px; margin-bottom: 4px"
           />
         </a>
       </li>
+
+      <li>
+        <a href="https://platform.feascript.com/" target="_blank">
+          FEAScript platform
+          <img
+            src="./assets/icons8-gui-48.png"
+            alt="GUI Icon"
+            style="width: 18px; height: 18px; vertical-align: middle; margin-left: 2px; margin-bottom: 4px"
+          />
+        </a>
+      </li>
       <li>
         <a href="https://github.com/FEAScript/FEAScript-core" target="_blank">
           GitHub
           <img
             src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png"
             alt="GitHub Logo"
-            style="width: 16px; height: 16px; vertical-align: middle; margin-left: 2px; margin-bottom: 4px"
+            style="width: 18px; height: 18px; vertical-align: middle; margin-left: 2px; margin-bottom: 4px"
           />
         </a>
       </li>
@@ -115,11 +125,22 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
       </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.
+        <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>
 
+    <p>
+      🚧
+      <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="features"><a name="Features"></a>Features</h2>
     <p>The following lists contain some, but not all, of the available features in FEAScript:</p>
     <ul>
@@ -184,20 +205,9 @@ <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
-      <a href="https://github.com/FEAScript/FEAScript-core/blob/main/CONTRIBUTING.md" target="_blank"
-        >contribution guidelines</a
-      >
-      to get started.
-    </p>
-
-    <h2 id="feascriptplatform"><a name="FEAScriptplatform"></a>FEAScript Platform</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
+      For a visual approach to creating simulations, we are also developing the
+      <a href="https://platform.feascript.com" target="_blank"><strong>FEAScript platform</strong></a> - a
+      browser-based visual editor built on the
       <a href="https://developers.google.com/blockly/" target="_blank"
         >Blockly
         <img
@@ -207,9 +217,9 @@ <h2 id="feascriptplatform"><a name="FEAScriptplatform"></a>FEAScript Platform</h
       /></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 FEAScript 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.
+      control for advanced customization, the FEAScript 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>
@@ -221,15 +231,15 @@ <h2 id="tutorials"><a name="Tutorials"></a>Tutorials</h2>
     </p>
     <ul>
       <li>
-        Heat conduction through wall:
+        <strong>Heat conduction through wall</strong>:
         <a href="https://feascript.com/tutorials/HeatConduction1DWall.html" target="_blank">API</a>
         |
         <a href="https://feascript.com/tutorials/HeatConduction1DWallPlatform.html" target="_blank"
           >XML (FEAScript platform)</a
         >
       </li>
       <li>
-        Heat conduction in a two-dimensional fin:
+        <strong>Heat conduction in a two-dimensional fin</strong>:
         <a href="https://feascript.com/tutorials/HeatConduction2DFin.html" target="_blank">API (standard)</a>
         |
         <a href="https://feascript.com/tutorials/HeatConduction2DFinWorker.html" target="_blank"