From 0e9098a5ad5d1c86f2e9fa97a20575ccb1b8ed0d Mon Sep 17 00:00:00 2001
From: Stefan van der Walt <stefanv@berkeley.edu>
Date: Mon, 21 Mar 2022 23:15:35 -0700
Subject: [PATCH] Proof of concept of SVG icons next to external header links

---
 assets/theme-css/styles.css        | 4 ++++
 doc/config.yaml                    | 1 +
 layouts/partials/navbar-clone.html | 6 +++++-
 layouts/partials/navbar.html       | 4 ++++
 4 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/assets/theme-css/styles.css b/assets/theme-css/styles.css
index 69523af0..6887f7e4 100644
--- a/assets/theme-css/styles.css
+++ b/assets/theme-css/styles.css
@@ -309,6 +309,10 @@ svg.icon {
   vertical-align: middle;
 }
 
+.navbar svg.icon {
+  width: 1.5rem;
+}
+
 /* Icon size slightly enlargened for footer */
 #footer .social-media-icons {
   font-size: 1.5em;
diff --git a/doc/config.yaml b/doc/config.yaml
index eff6d82e..fb9036c9 100644
--- a/doc/config.yaml
+++ b/doc/config.yaml
@@ -25,6 +25,7 @@ params:
       url: /getstarted/
     - title: Features
       url: /features/
+      is_external: true
     - title: Shortcodes
       url: /shortcodes/
   keyfeatures:
diff --git a/layouts/partials/navbar-clone.html b/layouts/partials/navbar-clone.html
index fa88f8cf..ac9fdaa5 100644
--- a/layouts/partials/navbar-clone.html
+++ b/layouts/partials/navbar-clone.html
@@ -12,7 +12,7 @@
       </a>
       {{- end}}
 
-      
+
       <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false" data-target="cloned-navbar-menu">
         <span aria-hidden="true"></span>
         <span aria-hidden="true"></span>
@@ -28,12 +28,14 @@
         <div class="navbar-item has-dropdown is-hoverable">
           <a class="navbar-link">
             {{ .title }}
+            {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
           </a>
 
           <div class="navbar-dropdown">
             {{- range .sublinks }}
             <a href="{{ .url }}" class="navbar-item">
               {{ .title }}
+              {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
             </a>
             {{- end }}
           </div>
@@ -42,11 +44,13 @@
         <a href="{{ .url }}" class="navbar-item">
           <span class="button signup-button rounded secondary-btn raised">
             {{ .title }}
+            {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
           </span>
         </a>
         {{- else }}
         <a href="{{ .url }}" class="navbar-item is-secondary">
           {{ .title }}
+          {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
         </a>
         {{- end }}
         {{- end }}
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 242c4598..8d9648d4 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -28,12 +28,14 @@
         <div class="navbar-item has-dropdown is-hoverable">
           <a class="navbar-link">
             {{ .title }}
+            {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
           </a>
 
           <div class="navbar-dropdown">
             {{- range .sublinks }}
             <a href="{{ .url }}" class="navbar-item">
               {{ .title }}
+              {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
             </a>
             {{- end }}
           </div>
@@ -42,11 +44,13 @@
         <a href="{{ .url }}" class="navbar-item">
           <span class="button signup-button rounded secondary-btn raised">
             {{ .title }}
+            {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
           </span>
         </a>
         {{- else }}
         <a href="{{ .url }}" class="navbar-item is-secondary">
           {{ .title }}
+          {{ if .is_external }}{{ partial "svg-icon" "mail" }}{{ end }}
         </a>
         {{- end }}
         {{- end }}