v2035: Add template attribution and share compact logo assets (samebase/samebase#1598)

Samebase-Source-Repository: samebase/samebase
Samebase-Source-Commit: 5bbeddbfbbee85c93572fcd787d1599c320e203a
Samebase-Source-Path: templates/base

Author: github-actions[bot]

public/favicon.svg

@@ -0,0 +1,27 @@
+export function SamebaseAttribution() {
+  return (
+    <a
+      href="https://samebase.com"
+      target="_blank"
+      rel="noopener noreferrer"
+      className="group inline-flex min-h-11 items-center text-xs focus-visible:outline-current"
+    >
+      <span className="flex items-center gap-1 border-b border-transparent group-hover:border-current">
+        Managed with{" "}
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 60 60"
+          width={15}
+          height={15}
+          shapeRendering="crispEdges"
+          className="dark:invert"
+          aria-hidden="true"
+        >
+          <rect width="60" height="60" fill="#ffffff" />
+          <path d="M6 6h48v48H6z M22 22h16v16H22z" fill="#394447" fillRule="evenodd" />
+        </svg>
+        <b>Samebase</b>
+      </span>
+    </a>
+  );
+}

src/components/SamebaseAttribution.tsx

@@ -1,6 +1,7 @@
 import { HeadContent, Link, Outlet, Scripts, createRootRoute } from "@tanstack/react-router";
 import type { ReactNode } from "react";
 import appCss from "../style.css?url";
+import { SamebaseAttribution } from "#components/SamebaseAttribution";
 import { Button } from "#components/ui/button";
 
 export const Route = createRootRoute({
@@ -18,6 +19,11 @@ export const Route = createRootRoute({
       },
     ],
     links: [
+      {
+        rel: "icon",
+        type: "image/svg+xml",
+        href: "/favicon.svg",
+      },
       {
         rel: "stylesheet",
         href: appCss,
@@ -40,7 +46,12 @@ function RootComponent() {
           <Link to="/about">About</Link>
         </Button>
       </nav>
-      <Outlet />
+      <div className="flex-1">
+        <Outlet />
+      </div>
+      <footer className="px-4 py-3 text-center">
+        <SamebaseAttribution />
+      </footer>
     </RootDocument>
   );
 }
@@ -51,7 +62,7 @@ function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
       <head>
         <HeadContent />
       </head>
-      <body>
+      <body className="flex min-h-dvh flex-col">
         {children}
         <Scripts />
       </body>