From 6bbb230f1f0a18db98e0e18e98257ff21fc790be Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Fri, 14 Jun 2024 02:54:37 +0800
Subject: [PATCH] Use SVG icon for navigation hamburger menu

---
 src/_includes/global/navbar.njk | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/_includes/global/navbar.njk b/src/_includes/global/navbar.njk
index 06ffd6ff..4f5b1a87 100644
--- a/src/_includes/global/navbar.njk
+++ b/src/_includes/global/navbar.njk
@@ -3,10 +3,13 @@ https://kalechips.net/projects/snippets/burger #}
 
 {% set navLinksEl %}{% block navbarLinks %}{{ navbarLinks }}{% endblock %}{% endset %}
 
-<nav class="navbar">
+<nav class="navbar" role="navigation">
     <details class="navbar__burger">
         <summary class="navbar__toggle" id="toggle">
-            <span aria-hidden="true">☰</span> Navigation
+            <svg aria-hidden="true" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M4 6H20M4 12H20M4 18H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+            </svg>
+            Navigation
         </summary>
         <nav class="navbar__menu">
             <ul class="navbar__menu--links">