open external link in new tab and add icon (#45)

Disservin · web-flow · commit 4c807e98a2cf · 2024-10-12T12:13:54.000+02:00
diff --git a/layouts/partials/arrow-up-right.html b/layouts/partials/arrow-up-right.html
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#74818c"
+    width="12" height="12">
+    <path stroke-linecap="round" stroke-linejoin="round" d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25" />
+</svg>
diff --git a/layouts/partials/main-menu-mobile.html b/layouts/partials/main-menu-mobile.html
@@ -3,8 +3,14 @@
     {{ $currentPage := . }}
     {{ range .Site.Menus.main }}
     <li class="menu-item-{{ .Name | lower }}{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
-      <a href="{{ .URL }}">
+      <a href="{{ .URL }}" 
+        {{ if or (strings.HasPrefix .URL "http") (strings.HasPrefix .URL "https") }}
+          target="_blank"
+        {{ end }}>
         <span>{{ .Name }}</span>
+        {{ if or (strings.HasPrefix .URL "http") (strings.HasPrefix .URL "https") }}
+          {{ partial "arrow-up-right.html" . }}
+        {{ end }}
       </a>
     </li>
     {{end}}
diff --git a/layouts/partials/main-menu.html b/layouts/partials/main-menu.html
@@ -3,9 +3,15 @@
     {{ $currentPage := . }}
     {{ range .Site.Menus.main }}
     <li class="menu-item-{{ .Name | lower }}{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
-      <a href="{{.URL}}">
+      <a href="{{ .URL }}" 
+        {{ if or (strings.HasPrefix .URL "http") (strings.HasPrefix .URL "https") }}
+          target="_blank"
+        {{ end }}>
         {{ .Pre }}
         <span>{{ .Name }}</span>
+        {{ if or (strings.HasPrefix .URL "http") (strings.HasPrefix .URL "https") }}
+          {{ partial "arrow-up-right.html" . }}
+        {{ end }}
       </a>
     </li>
     {{end}}
