Modify svg logo

Author: lnbc1QWFyb24

src/elements/Branding.svelte

@@ -11,6 +11,9 @@
     justify-content: center;
     width: 100%;
     align-items: center;
+  }
+
+  span {
     opacity: 0.3;
   }
 
@@ -22,29 +25,83 @@
   }
 
   .bn-logo {
-    height: 0.9rem;
+    height: 1.1rem;
     margin-left: 0.25rem;
     margin-bottom: 0.1rem;
   }
 
-  img {
+  svg {
     height: 100%;
     width: auto;
   }
 </style>
 
 <div class="bn-branding">
-  Powered by
+  <span>Powered by</span>
   <a
-    href="https://blocknative.com"
+    href="https://hubs.ly/H0qh2g10"
     class="bn-onboard-clickable"
     target="_blank"
     rel="noopener noreferrer">
-    Blocknative
+    <span>Blocknative</span>
     <div class="bn-logo">
-      <img
-        alt="Blocknative Logo"
-        src={darkMode ? 'https://cdn2.hubspot.net/hubfs/5118396/Company Logos/bn-line-logo-white.svg' : 'https://cdn2.hubspot.net/hubfs/5118396/Company Logos/bn-line-logo-black.svg'} />
+      {#if darkMode}
+        <svg
+          height="130"
+          viewBox="0 0 91 130"
+          width="91"
+          xmlns="http://www.w3.org/2000/svg">
+          <g
+            style="stroke:#fff;stroke-width:2.70793;fill:none;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"
+            transform="translate(1.818182 .909091)">
+            <path
+              d="m1.35473654 25.2695268
+              41.68515786-24.21771792c.5647044-.32807482 1.2619836-.32807795
+              1.8266909-.00000821l19.9275013
+              11.57698923c.5635938.3274228.9088026.9314826.9048094
+              1.5832707l-.1501112 24.5017756 20.8472716
+              12.1113348c.5601525.3254236.9048434.9243111.9048434
+              1.5721317v48.4560123c0 .647825-.3446953 1.246715-.9048537
+              1.572138l-41.6835092
+              24.215895c-.5655731.328567-1.2640448.328023-1.8291052-.001426l-41.5311197-24.21401c-.5587764-.325785-.90240476-.923899-.90240476-1.570712v-49.505258-24.5082917c0-.6478147.34468473-1.2466978.9048293-1.5721235z" />
+            <path
+              d="m22.0428451 114.442824v-25.2731141l-21.59284788-12.5449388
+              42.75014288 24.6551909c.5648507.325765 1.260898.324109
+              1.8241926-.004339l42.2766571-24.6508519-21.5955473
+              12.6370084v-24.2248276c0-.6488012-.3457266-1.2484405-.9072187-1.5735092l-20.9222804-12.1126883
+              21.6729314-12.6370084-42.4525958
+              24.4763352c-.5545159.3197099-1.236865.3218902-1.7934127.0057303l-20.85286908-11.8459598" />
+          </g>
+        </svg>
+      {:else}
+        <svg
+          height="130"
+          viewBox="0 0 91 130"
+          width="91"
+          xmlns="http://www.w3.org/2000/svg">
+          <g
+            style="stroke:#000;stroke-width:2.70793;fill:none;fill-rule:evenodd;stroke-linecap:round;stroke-linejoin:round"
+            transform="translate(1.818182 .909091)">
+            <path
+              d="m1.35473654 25.2695268
+              41.68515786-24.21771792c.5647044-.32807482 1.2619836-.32807795
+              1.8266909-.00000821l19.9275013
+              11.57698923c.5635938.3274228.9088026.9314826.9048094
+              1.5832707l-.1501112 24.5017756 20.8472716
+              12.1113348c.5601525.3254236.9048434.9243111.9048434
+              1.5721317v48.4560123c0 .647825-.3446953 1.246715-.9048537
+              1.572138l-41.6835092
+              24.215895c-.5655731.328567-1.2640448.328023-1.8291052-.001426l-41.5311197-24.21401c-.5587764-.325785-.90240476-.923899-.90240476-1.570712v-49.505258-24.5082917c0-.6478147.34468473-1.2466978.9048293-1.5721235z" />
+            <path
+              d="m22.0428451 114.442824v-25.2731141l-21.59284788-12.5449388
+              42.75014288 24.6551909c.5648507.325765 1.260898.324109
+              1.8241926-.004339l42.2766571-24.6508519-21.5955473
+              12.6370084v-24.2248276c0-.6488012-.3457266-1.2484405-.9072187-1.5735092l-20.9222804-12.1126883
+              21.6729314-12.6370084-42.4525958
+              24.4763352c-.5545159.3197099-1.236865.3218902-1.7934127.0057303l-20.85286908-11.8459598" />
+          </g>
+        </svg>
+      {/if}
     </div>
   </a>
 </div>