feat: new logo and favicon, remove "Documatt" branding

Author: liborjelinek

app/app.vue

@@ -25,7 +25,7 @@ import "splitpanes/dist/splitpanes.css";
 if (import.meta.server) {
   useSeoMeta({
     title:
-      "Documatt Snippets - Sphinx reStucturedText and Markdown online preview and editor",
+      "Snippets - Sphinx reStucturedText and Markdown online preview and editor",
     ogTitle: "Sphinx reStucturedText and Markdown online preview and editor",
     description:
       "Preview and edit reStructuredText or Markdown (MyST) documents online with Sphinx and Docutils without installing it.",

app/components/Header.vue

@@ -3,16 +3,15 @@
     class="flex flex-col items-center justify-between gap-4 border-t border-b border-slate-300 bg-[#f8fafc] px-6 py-1 text-slate-500 lg:flex-row dark:bg-slate-800 dark:text-slate-400"
   >
     <!-- Left-side logo and motto -->
-    <div class="flex items-center gap-4">
-      <a href="https://documatt.com" class="">
-        <NuxtImg
-          src="/images/documatt-logo.svg"
-          alt="Documatt logo"
-          class="h-[0.7lh]"
-        />
-      </a>
-      <h1 class="text-sm font-bold">
-        reStructuredText and Markdown live preview
+    <div class="flex items-center">
+      <NuxtImg
+        src="/images/snippets-logo.svg"
+        alt="Documatt Snippets logo"
+        class="w-12"
+      />
+      <h1 class="text-primary text-xl font-bold">Snippets</h1>
+      <h1 class="ml-4 text-sm font-bold">
+        Edit, preview and learn reStructuredText and Markdown.
       </h1>
     </div>
 
@@ -24,7 +23,7 @@
       More functions?
       <a href="https://documatt.com" target="_blank">
         <button
-          class="btn btn-outline border-accent hover:bg-primary bg-accent text-gray-100 hover:text-slate-200"
+          class="btn btn-dash hover:bg-primary text-slate-500 hover:text-slate-200"
         >
           Try Documatt
           <Icon name="prime:arrow-right" />

nuxt.config.ts

@@ -19,7 +19,7 @@ export default defineNuxtConfig({
   },
   app: {
     head: {
-      link: [{ rel: "icon", href: "/images/snippets-icon.svg" }],
+      link: [{ rel: "icon", href: "/images/snippets-logo.svg" }],
       meta: [{ name: "itemprop", content: "**[[!!IAMUP!!]]**" }],
       // the rest SEO metas in app/app.vue
     },