Enhance external link visibility with icons and update Gmsh reference in Quick Start section; improve blog link description

Author: nikoscham

index.html

@@ -149,7 +149,19 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
       <p>
         <strong>Latest stable release:</strong>
         <a href="https://github.com/FEAScript/FEAScript-core/releases">0.1.2</a>
-        (<a href="https://www.npmjs.com/package/feascript">npm</a>) -
+        (<a href="https://www.npmjs.com/package/feascript"
+          >npm
+          <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
+        >) -
         <i
           >See also the roadmap for the upcoming major release
           <a href="https://github.com/orgs/FEAScript/discussions/17">0.2.0</a></i
@@ -171,9 +183,16 @@ <h2 id="gettingstarted"><a name="Getting Started"></a>Getting Started</h2>
       <strong>Quick Start:</strong> To use FEAScript in your HTML include it via CDN
       (<code>https://core.feascript.com/dist/feascript.esm.js</code>) or download it from
       <a href="https://github.com/FEAScript/FEAScript-core">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") 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):
+      <code>&lt;div id="solutionPlot">&lt;/div&gt;</code>) &#8594; add a mesh file (e.g., "your.msh" from
+      <a href="https://gmsh.info/">
+        Gmsh
+        <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
+      >) 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">
@@ -352,7 +371,7 @@ <h2 id="documentation"><a name="Documentation"></a>Documentation</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">FEAScript Blog</a>.
+      <a href="https://blog.feascript.com">FEAScript blog</a>.
     </p>
 
     <h2 id="licensing"><a name="Licensing"></a>Licensing</h2>