social sharing meta tags

lib/labelmaker_web.ex

@@ -18,8 +18,7 @@ defmodule LabelmakerWeb do
   """
 
   def static_paths,
-    do:
-      ~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)
+    do: ~w(assets fonts images labels favicon.ico favicon.svg 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" />
-    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-    <link rel="shortcut icon" href="/favicon.ico" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <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"}>

priv/static/site.webmanifest

@@ -3,13 +3,13 @@
 	"short_name": "Labelmaker",
 	"icons": [
 		{
-      "src": "/web-app-manifest-192x192.png",
+			"src": "/images/web-app-manifest-192x192.png",
 			"sizes": "192x192",
 			"type": "image/png",
 			"purpose": "maskable"
 		},
 		{
-      "src": "/web-app-manifest-512x512.png",
+			"src": "/images/web-app-manifest-512x512.png",
 			"sizes": "512x512",
 			"type": "image/png",
 			"purpose": "maskable"
@@ -19,3 +19,4 @@
 	"background_color": "#6495ED",
 	"display": "standalone"
 }
+