social sharing meta tags

lib/labelmaker_web.ex

@@ -18,8 +18,7 @@ defmodule LabelmakerWeb do
   """
 
   def static_paths,
-    do:
+    do: ~w(assets fonts images labels favicon.ico favicon.svg site.webmanifest robots.txt)
-      ~w(assets fonts images labels favicon.ico favicon.svg favicon-96x96.png apple-touch-icon.png web-app-manifest-192x192.png web-app-manifest-512x512.png site.webmanifest robots.txt)
 
   def router do
     quote do

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

@@ -7,11 +7,31 @@
     <.live_title default="labelmaker.xyz">
       {assigns[:page_title]}
     </.live_title>
-    <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
+    <meta name="description" content="Easily create text images via URL for Tabletop Simulator" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="icon" type="image/png" href="/images/favicon-96x96.png" sizes="96x96" />
-    <link rel="shortcut icon" href="/favicon.ico" />
+    <link rel="icon" type="image/svg+xml" href="/images/favicon.svg" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <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"}>

priv/static/site.webmanifest

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