social sharing meta tags

lib/labelmaker_web.ex

@@ -17,7 +17,8 @@ defmodule LabelmakerWeb do
   those modules here.
   """
 
-  def static_paths, do: ~w(assets fonts images labels favicon.ico robots.txt)
+  def static_paths,
+    do: ~w(assets fonts images labels favicon.ico favicon.svg site.webmanifest robots.txt)
 
   def router do
     quote do

lib/labelmaker_web/components/layouts/app.html.heex

@@ -5,7 +5,7 @@
     </a>
     <div class="flex items-center gap-4">
       <a
-        href="https://github.com/mcdoh/tarokka"
+        href="https://github.com/mcdoh/labelmaker"
         class="h-[35px] w-[125px]"
         target="_blank"
         rel="noopener noreferrer"

lib/labelmaker_web/components/layouts/root.html.heex

@@ -7,6 +7,32 @@
     <.live_title default="labelmaker.xyz">
       {assigns[:page_title]}
     </.live_title>
+    <meta name="description" content="Easily create text images via URL for Tabletop Simulator" />
+    <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
+    <link rel="shortcut icon" href="/images/favicon.ico" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="Labelmaker" />
+    <meta property="og:title" content="Labelmaker" />
+    <meta
+      property="og:description"
+      content="Easily create text images via URL for Tabletop Simulator"
+    />
+    <meta property="og:image:type" content="image/png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta property="og:image" content="https://labelmaker.xyz/labelmaker_1200x630.png" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content="Labelmaker" />
+    <meta
+      name="twitter:description"
+      content="Easily create text images via URL for Tabletop Simulator"
+    />
+    <meta name="twitter:image:type" content="image/png" />
+    <meta name="twitter:image:width" content="1024" />
+    <meta name="twitter:image:height" content="512" />
+    <meta name="twitter:image" content="https://labelmaker.xyz/labelmaker_1024x512.png" />
+    <link rel="manifest" href="/site.webmanifest" />
     <link phx-track-static rel="stylesheet" href={~p"/assets/app.css"} />
     <script defer phx-track-static type="text/javascript" src={~p"/assets/app.js"}>
     </script>

lib/labelmaker_web/controllers/label_controller.ex

@@ -41,7 +41,7 @@ defmodule LabelmakerWeb.LabelController do
       "label:#{String.slice(options.label, 0, Constants.max_label_length())}",
       "-set",
       "comment",
-      inspect(Jason.encode!(options)),
+      inspect(Jason.encode!(Map.drop(options, [:link]))),
       filepath
     ]
 

priv/static/site.webmanifest

@@ -0,0 +1,22 @@
+{
+	"name": "Labelmaker",
+	"short_name": "Labelmaker",
+	"icons": [
+		{
+			"src": "/images/web-app-manifest-192x192.png",
+			"sizes": "192x192",
+			"type": "image/png",
+			"purpose": "maskable"
+		},
+		{
+			"src": "/images/web-app-manifest-512x512.png",
+			"sizes": "512x512",
+			"type": "image/png",
+			"purpose": "maskable"
+		}
+	],
+	"theme_color": "#6495ED",
+	"background_color": "#6495ED",
+	"display": "standalone"
+}
+