feat(navbar): enhance navbar links with external link icons

Added support for external links in the navbar by including an icon for links that lead to external URLs. Updated the CSS to style the icons appropriately.

Author: geekifan

assets/css/main.css

@@ -424,6 +424,13 @@ header {
     color: var(--text-color-light);
 }
 
+.navbar .nav-links i {
+    /* margin-left: 4px; */
+    font-size: 0.6em;
+    vertical-align: super;
+    color: var(--text-color-light);
+}
+
 /* remove trailing icon for links with a img inside */
 .no-trailing-icon::after {
     content: none !important;

layouts/partials/navbar.html

@@ -6,10 +6,16 @@
     <div class="nav-links">
         {{ range .Site.Menus.main }}
         <div class="nav-item">
-            
-            <a href="{{ .URL }}" class="nav-link">
-                {{ .Name }}
-            </a>   
+            {{ if hasPrefix .URL "http" }}
+                <a href="{{ .URL }}" class="nav-link" target="_blank">
+                    {{ .Name }}
+                    <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                </a>
+            {{ else }}
+                <a href="{{ .URL }}" class="nav-link">
+                    {{ .Name }}
+                </a>
+            {{ end }}
         </div>
         {{ end }}
     </div>