finalize icon

Makefile

@@ -1,11 +1,21 @@
 
+generate-favicons:
+	@echo "Generating favicons..."
+	magick convert -density 1200 -background none public/logo.svg -resize 16x16 public/favicon-16x16.png
+	magick convert -density 1200 -background none public/logo.svg -resize 32x32 public/favicon-32x32.png
+	magick convert -density 1200 -background none public/logo.svg -resize 48x48 public/favicon-48x48.png
+	magick convert -density 1200 -background none public/logo.svg -resize 64x64 public/favicon-64x64.png
+	magick convert -density 1200 -background none public/logo.svg -resize 96x96 public/favicon-96x96.png
+	magick convert -density 1200 -background none public/logo.svg -resize 128x128 public/favicon-128x128.png
+	magick convert -density 1200 -background none public/logo.svg -resize 256x256 public/favicon-256x256.png
+	@echo "Favicons generated."
 
 prepare-publishing-assets:
 	@echo "Preparing assets for publishing..."
-	magick mogrify -resize 1280x800! -density 72 -depth 24 -format png assets/screenshots/*.*
-	magick convert -resize 128x128! -density 72 -depth 24 -format png public/logo.svg assets/logo-128.png
-	magick mogrify -resize 440x280! -density 72 -depth 24 -format png assets/small_tile.png
-	magick mogrify -resize 1400x560! -density 72 -depth 24 -format png assets/marquee.png
+	magick mogrify -resize 1280x800! -density 1200 -depth 24 -format png assets/screenshots/*.*
+	magick convert -resize 128x128! -background none -density 1200 -depth 24 -format png public/logo.svg assets/logo-128.png
+	magick mogrify -resize 440x280! -density 1200 -depth 24 -format png assets/small_tile.png
+	magick mogrify -resize 1400x560! -density 1200 -depth 24 -format png assets/marquee.png
 	@echo "Assets prepared for publishing."
 
 release-candidate: 

public/manifest.json

@@ -12,9 +12,10 @@
   "icons": {
     "16": "favicon-16x16.png",
     "32": "favicon-32x32.png",
-    "57": "favicon-57x57.png",
-    "72": "favicon-72x72.png",
+    "48": "favicon-48x48.png",
+    "64": "favicon-64x64.png",
     "96": "favicon-96x96.png",
-    "114": "favicon-114x114.png"
+    "128": "favicon-128x128.png",
+    "256": "favicon-256x256.png"
   }
 }

src/components/Navbar.tsx

@@ -1,42 +1,24 @@
 import { ModeToggle } from "./mode-toggle";
 
 const Logo = () => {
-  const stWidth = 2.0;
+
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
       width="1em"
       height="1em"
-      viewBox="0 0 48 48"
+      viewBox="0 0 24 24"
       className="w-8 h-8 mr-auto text-primary"
     >
       <path
-        fill="none"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={stWidth}
-        d="M9.5 5.5h29c2.216 0 4 1.784 4 4v29c0 2.216-1.784 4-4 4h-29c-2.216 0-4-1.784-4-4v-29c0-2.216 1.784-4 4-4"
+        fill="currentColor"
+        d="M10.917 6.575c-.155-.669-.287-1.235-.43-1.68l6.634 1.925c.044.013.158.063.315.476c.154.404.294.997.494 1.859l.12.516q.04.172.079.328l-6.012-1.666l-.304-.172c-.43-.245-.508-.302-.564-.38c-.062-.086-.099-.206-.22-.73zm3.425 3.412l5.008 1.387l.304.173c.706.403 1.183.676 1.493.924c.297.238.348.38.352.502c.005.127-.041.287-.327.573c-.294.295-.751.636-1.423 1.136l-.4.296c-.188.14-.359.266-.502.408l-6.805-1.974l.358-.266c.631-.469 1.15-.854 1.503-1.208c.367-.368.638-.783.618-1.316a1.4 1.4 0 0 0-.179-.635m-2.968 4.273l7.012 2.034q-.041.211-.077.457l-.081.527c-.077.5-.191.947-.312 1.325c-.213.665-.268.758-.428.85c-.068.04-.133.056-.269.041c-.166-.018-.379-.078-.742-.184l-5.794-1.68q.104-.222.171-.464c.145-.497.25-1.175.379-2.012l.075-.488c.027-.174.048-.305.066-.406"
+        opacity="0.5"
+      />
+      <path
+        fill="currentColor"
+        d="M7.406 6.073c.572-.639.964-1.074 1.28-1.338c.32-.266.425-.239.458-.23c.043.013.157.064.315.477c.154.404.293.997.494 1.858l.12.516c.093.403.17.738.364 1.008c.199.278.488.442.818.63l.064.035l.357.204c.707.403 1.183.676 1.493.924c.297.238.349.38.353.501c.005.128-.042.287-.327.574c-.294.295-.752.636-1.424 1.136l-.399.296c-.317.235-.584.433-.756.728c-.169.289-.22.627-.284 1.045l-.081.527c-.137.884-.232 1.496-.356 1.922c-.07.24-.137.373-.193.45c-.108-.04-.253-.1-.423-.181a6.5 6.5 0 0 1-1.517-1.022l-.312-.28l-.014-.013a7 7 0 0 0-.43-.37a1.4 1.4 0 0 0-.474-.25c-.324-.094-.659-.031-1.02.037l-.077.014l-.4.075c-.794.147-1.325.243-1.706.25c-.366.007-.443-.072-.484-.129c-.058-.08-.111-.236-.022-.674c.089-.436.289-1.017.58-1.857l.172-.497c.138-.4.25-.72.237-1.057c-.013-.34-.148-.646-.315-1.024l-.208-.47c-.35-.795-.591-1.343-.711-1.762c-.119-.415-.082-.583-.022-.685c.05-.085.139-.175.5-.22c.38-.047.915-.026 1.714.008l.404.017l.076.004c.367.016.703.03 1.015-.107c.303-.134.532-.39.795-.685l.055-.061z"
       />
-
-      <g transform="translate(3,3)">
-        <path
-          fill="none"
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={stWidth}
-          d="M12.017 28.247C12.998 29.524 14.228 30 15.94 30h2.369a3.99 3.99 0 0 0 3.991-3.991v-.018A3.99 3.99 0 0 0 18.31 22h-2.613a3.996 3.996 0 0 1-3.996-3.996h0A4.004 4.004 0 0 1 15.704 14h2.356c1.712 0 2.942.476 3.923 1.753"
-        />
-
-        <path
-          fill="none"
-          stroke="currentColor"
-          strokeLinejoin="round"
-          strokeWidth={stWidth}
-          d="M26.75 16.05v11.9a2 2 0 0 0 2 2h.6m-4.7-10.6h4.2"
-        />
-      </g>
     </svg>
   );
 };