From 2ef6b5a31ced5b6703fa19e9802f5efea7d5c6bc Mon Sep 17 00:00:00 2001
From: John Wesley <dev@jwr.one>
Date: Tue, 2 Jul 2024 20:30:17 -0400
Subject: [PATCH] Add mbin color/icon to nav

---
 public/logo.svg        | 24 ++++++++++++++++++++++++
 src/components/Nav.tsx |  5 ++++-
 src/routes/index.tsx   | 10 ++++++++--
 3 files changed, 36 insertions(+), 3 deletions(-)
 create mode 100644 public/logo.svg

diff --git a/public/logo.svg b/public/logo.svg
new file mode 100644
index 0000000..fb15f16
--- /dev/null
+++ b/public/logo.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg width="320" height="320" viewBox="0 0 320 320" version="1.1" id="svg1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
+  <defs id="defs1">
+    <linearGradient xlink:href="#linearGradient8" id="linearGradient9" x1="105.88936" y1="-7.966506" x2="153.52075" y2="74.533493" gradientUnits="userSpaceOnUse"/>
+    <linearGradient id="linearGradient8">
+      <stop style="stop-color:#2de2e6;stop-opacity:1;" offset="0" id="stop8"/>
+      <stop style="stop-color:#3399ff;stop-opacity:1;" offset="1" id="stop11"/>
+    </linearGradient>
+    <linearGradient xlink:href="#linearGradient6" id="linearGradient7" x1="97.229103" y1="82.033493" x2="97.229103" y2="107.03349" gradientUnits="userSpaceOnUse"/>
+    <linearGradient id="linearGradient6">
+      <stop style="stop-color:#f623ac;stop-opacity:1;" offset="0" id="stop6"/>
+      <stop style="stop-color:#f706cf;stop-opacity:1;" offset="1" id="stop7"/>
+    </linearGradient>
+  </defs>
+  <rect style="display:inline;opacity:1;fill:#29144a;fill-opacity:1;stroke:none;stroke-width:4.39823;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" id="rect35" width="323.65826" height="325.41187" x="0" y="-2.7059329"/>
+  <g id="g1" transform="matrix(0.97092512,0,0,0.95099897,34.423647,35.890832)">
+    <g id="layer1" style="display:inline;fill:none" transform="matrix(2.12871,0,0,2.0000001,-90.126008,15.218211)">
+      <path style="display:inline;opacity:1;fill:url(#linearGradient9);fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" d="M 92.898977,-25.466506 23.616945,94.53349 a 4.9999999,4.9999999 60 0 0 4.330127,7.5 H 166.51114 a 4.9999996,4.9999996 120 0 0 4.33012,-7.499999 L 101.55923,-25.466506 a 5.0000002,5.0000002 180 0 0 -8.660253,0 z" id="path5" transform="translate(5.8501312,19.942587)"/>
+      <path id="path1" style="display:inline;opacity:1;fill:#241734;fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" d="M 103.61607,27.033498 60.315284,102.0335 H 77.635596 L 90.625831,79.533498 103.61607,102.0335 116.60825,79.533498 129.59849,102.0335 h 17.32031 z m 0,15 10.82666,18.74973 a 7.4997612,7.4997612 90 0 1 0,7.50054 l -10.82666,18.74973 -10.824962,-18.74959 a 7.5008819,7.5008819 90 0 1 0,-7.50082 z" transform="translate(-0.5188027,0.07359983)"/>
+      <path style="display:inline;opacity:1;fill:url(#linearGradient7);fill-opacity:1;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" d="M 27.947072,102.03349 H 166.51114 a 5.0000006,5.0000006 120 0 0 4.33012,-7.5 l -7.21687,-12.499996 h -40.41452 l -12.99038,-22.5 -12.990386,22.5 -12.990381,-22.5 -12.990381,22.5 H 30.833821 L 23.616945,94.53349 a 5,5 60 0 0 4.330127,7.5 z" id="path6" transform="matrix(1.0011548,0,0,1.0030727,5.7535451,19.687436)"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/components/Nav.tsx b/src/components/Nav.tsx
index 7efc45d..16b1bda 100644
--- a/src/components/Nav.tsx
+++ b/src/components/Nav.tsx
@@ -7,7 +7,10 @@ export default function Nav() {
       ? 'border-sky-600'
       : 'border-transparent hover:border-sky-600';
   return (
-    <nav class="bg-sky-800">
+    <nav class="flex px-4 py-2 items-center bg-[#29144a]">
+      <a href="/">
+        <img src="/logo.svg" class="size-8" />
+      </a>
       <ul class="container flex items-center p-3 text-gray-200">
         <li class={`border-b-2 ${active('/')} mx-1.5 sm:mx-6`}>
           <a href="/">Home</a>
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 6aa61ab..053b5a5 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -2,10 +2,16 @@ import { Button } from '~/components/ui/button';
 
 export default function Home() {
   return (
-    <main class="text-center mx-auto text-gray-700 p-4">
-      <h1 class="max-6-xs text-6xl text-sky-700 font-thin uppercase my-16">
+    <main class="text-center mx-auto p-4">
+      <h1 class="max-6-xs text-6xl text-sky-700 font-extralight uppercase my-10">
         Mbin
       </h1>
+      <p class="my-10 text-2xl text-gray-400 block mx-auto">
+        a federated content aggregator, voting, discussion and microblogging
+        platform
+        <br />
+        (By the community, for the community)
+      </p>
       <Button href="/servers" as="a">
         Join a Server
       </Button>