From f4a0da07a96b6a43e05af70ce6d020e71196448b Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Thu, 2 Dec 2021 17:31:09 -0600
Subject: [PATCH] Add svg logo to simulator

Fk alignment
---
 market-simulator/public/logo-icon.svg      | 12 ++++++++++++
 market-simulator/src/components/Header.vue | 21 +++++++++++++++++++--
 2 files changed, 31 insertions(+), 2 deletions(-)
 create mode 100644 market-simulator/public/logo-icon.svg

diff --git a/market-simulator/public/logo-icon.svg b/market-simulator/public/logo-icon.svg
new file mode 100644
index 00000000..80018dde
--- /dev/null
+++ b/market-simulator/public/logo-icon.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg viewBox="0 0 69.218 70.506" xmlns="http://www.w3.org/2000/svg" fill="none">
+  <defs>
+    <linearGradient data-v-fde0c5aa="" gradientTransform="rotate(25)" id="90bb4dbd-5a19-4e7a-8260-84b7646559c5" x1="0%" y1="0%" x2="100%" y2="0%">
+      <stop data-v-fde0c5aa="" offset="0" stop-color="#5A5A2D" stop-opacity="1"/>
+      <stop data-v-fde0c5aa="" offset="1" stop-color="#0DE30D" stop-opacity="1"/>
+    </linearGradient>
+  </defs>
+  <g data-v-fde0c5aa="" id="5c4df6fb-50cb-4581-b5fd-961d2467c672" stroke="none" fill="url(#90bb4dbd-5a19-4e7a-8260-84b7646559c5)" transform="matrix(0.801904, 0, 0, 0.801904, 7.879115, 8.276814)">
+    <path d="M29.347 10.688A16.012 16.012 0 0 1 34 10c1.604 0 3.168.238 4.652.688C41.374 3.578 47.976 0 58 0a2 2 0 1 1 0 4c-8.574 0-13.645 2.759-15.688 8.325a16.03 16.03 0 0 1 4.399 3.956C49.892 17.358 52 21.399 52 26c0 4.672-2.173 8.766-5.437 9.767C43.11 40.917 37.801 45 34 45s-9.11-4.083-12.563-9.233C18.173 34.767 16 30.672 16 26c0-4.6 2.108-8.642 5.29-9.72a16.03 16.03 0 0 1 4.398-3.955C23.645 6.76 18.573 4 9.999 4a2 2 0 1 1 0-4c10.024 0 16.627 3.578 19.348 10.688zM34 41c1.894 0 5.359-2.493 8.068-5.87C39.58 33.547 38 29.984 38 26c0-3.898 1.513-7.394 3.91-9.026A11.966 11.966 0 0 0 34 14c-2.972 0-5.76 1.087-7.91 2.974C28.488 18.606 30 22.102 30 26c0 3.983-1.58 7.546-4.068 9.13C28.642 38.508 32.106 41 34 41zm-11-9c1.408 0 3-2.547 3-6s-1.592-6-3-6-3 2.547-3 6 1.592 6 3 6zm22 0c1.408 0 3-2.547 3-6s-1.592-6-3-6-3 2.547-3 6 1.592 6 3 6zM6.883 66.673a2 2 0 0 1-3.297.741C1.13 64.96 0 60.813 0 55c0-6.052 3.982-12.206 11.734-18.548a2 2 0 0 1 3.029.604l15 28a2 2 0 1 1-3.526 1.888l-8.755-16.342c-4.18 2.733-7.74 8.065-10.599 16.07zm5.526-25.54C6.75 46.174 4 50.818 4 55c0 2.566.243 4.666.7 6.304 2.934-6.756 6.547-11.518 10.887-14.24l-3.178-5.932zm48.708 25.54c-2.86-8.006-6.418-13.338-10.599-16.071l-8.755 16.342a2 2 0 1 1-3.526-1.888l15-28a2 2 0 0 1 3.03-.604C64.018 42.794 68 48.948 68 55c0 5.813-1.13 9.96-3.585 12.414a2 2 0 0 1-3.298-.741zm-5.526-25.54l-3.178 5.932c4.34 2.721 7.954 7.483 10.887 14.24.457-1.639.7-3.739.7-6.305 0-4.18-2.75-8.825-8.409-13.868z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/market-simulator/src/components/Header.vue b/market-simulator/src/components/Header.vue
index 3579b7dc..d0d38fd8 100644
--- a/market-simulator/src/components/Header.vue
+++ b/market-simulator/src/components/Header.vue
@@ -14,8 +14,15 @@
   >
     <div class="flex items-center flex-1">
       <div class="flex items-center justify-between w-full md:w-auto">
-        <a href="#">
-          <span class="text-white font-mono">Mantic Markets</span>
+        <a
+          href="https://mantic.markets"
+          class="inline-grid grid-flow-col align-items-center h-6 sm:h-10"
+        >
+          <img
+            class="w-auto h-6 sm:h-10 inline-block mr-3"
+            src="/logo-icon.svg"
+          />
+          <span class="text-white font-logo">Mantic Markets</span>
         </a>
       </div>
       <div class="space-x-8 md:flex md:ml-10">
@@ -37,3 +44,13 @@
     </div>
   </nav>
 </template>
+
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Major+Mono+Display&display=swap');
+
+.font-logo {
+  font-family: 'Major Mono Display', monospace;
+  text-transform: lowercase;
+  font-size: 1.5rem;
+}
+</style>