add logo

src/app/layout.tsx

@@ -4,6 +4,7 @@ import { Toaster } from "@/components/ui/toaster";
 import "./tailwind.css";
 import Link from "next/link";
 import { ComponentProps } from "react";
+import { Send } from "lucide-react";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -30,8 +31,8 @@ export default function RootLayout({
         <div id="layout-container" className="flex p-4">
           <div id="sidebar" >
             <header className="mb-6">
-              <h1 className="font-black text-6xl antialiased">SubMan</h1>
-              <p className="font-bold text-xl antialiased">The self-hosted <br /> literary submission tracker.</p>
+              <h1 className="font-black text-6xl antialiased inline">SubMan</h1> <Send className="inline" size={"3rem"} />
+              <p className="font-bold text-xl antialiased">The self-hosted literary<br />  submission tracker.</p>
             </header>
             <NavLink href="/story">STORIES</NavLink>
             <NavLink href="/publication">PUBLICATIONS</NavLink>

src/app/tailwind.css

@@ -736,6 +736,10 @@ body {
   margin-bottom: 1.5rem;
 }
 
+.inline {
+  display: inline;
+}
+
 .flex {
   display: flex;
 }