Merge pull request #22 from bzr-sys/user-icon

Add user icon

src/components/NavBarEnd.astro

@@ -1,13 +1,18 @@
+---
+import UserSVG from "./UserSVG.astro";
+---
+
 <ul class="flex [&>li]:mx-2">
   <li><a class="btn btn-ghost btn-sm" href="/contact">Contact</a></li>
-  <li>
-    <a class="btn btn-outline btn-sm" href="https://cloud.bzr.dev/login"
-      >Log In</a
-    >
-  </li>
   <li>
     <a class="btn btn-primary btn-sm" href="https://cloud.bzr.dev/login"
       >Sign Up</a
     >
   </li>
+  <li>
+    <a class="ml-3 block pt-1" href="https://cloud.bzr.dev/login"
+      ><span class="sr-only">Log in or go to the Bazaar dashboard</span>
+      <UserSVG width="20px" />
+    </a>
+  </li>
 </ul>

src/components/UserSVG.astro

@@ -0,0 +1,19 @@
+---
+interface Props {
+  /** Set a width with any unit. e.g. 100px or 2rem */
+  width: string;
+}
+
+const { width } = Astro.props;
+---
+
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 448 512"
+  style={`width: ${width}`}
+>
+  <path
+    fill="oklch(var(--nc))"
+    d="M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"
+  ></path></svg
+>