Add page metas

lib/plexus_web.ex

@@ -17,7 +17,9 @@ defmodule PlexusWeb do
   those modules here.
   """
 
-  def static_paths, do: ~w(assets fonts images favicon.ico robots.txt)
+  def static_paths do
+    ~w(assets fonts images favicon.ico favicon mstile browserconfig apple safari robots.txt site)
+  end
 
   def router do
     quote do

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

@@ -7,6 +7,38 @@
     <.live_title suffix=" · Plexus">
       <%= assigns[:page_title] || "Plexus" %>
     </.live_title>
+
+    <meta
+      name="description"
+      content="Remove the fear of Android app compatibility on de-Googled devices."
+    />
+    <meta property="og:title" content="Crowdsourced de-Googled Android apps status ratings" />
+    <meta
+      property="og:description"
+      content="Remove the fear of Android app compatibility on de-Googled devices."
+    />
+    <meta
+      name="image"
+      property="og:image"
+      content="https://plexus.techlore.tech/images/og-plexus.jpg"
+    />
+    <meta property="og:type" content="website" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:creator" content="@tomkonidas" />
+    <meta name="twitter:title" content="Crowdsourced de-Googled Android apps status ratings" />
+    <meta
+      name="twitter:description"
+      content="Remove the fear of Android app compatibility on de-Googled devices."
+    />
+    <meta name="twitter:image" content="https://plexus.techlore.tech/images/og-plexus.jpg" />
+    <link rel="apple-touch-icon" sizes="180x180" href={~p"/apple-touch-icon.png"} />
+    <link rel="icon" type="image/png" sizes="32x32" href={~p"/favicon-32x32.png"} />
+    <link rel="icon" type="image/png" sizes="16x16" href={~p"/favicon-16x16.png"} />
+    <link rel="manifest" href={~p"/site.webmanifest"} />
+    <link rel="mask-icon" href={~p"/safari-pinned-tab.svg"} color="#111111" />
+    <meta name="msapplication-TileColor" content="#333333" />
+    <meta name="theme-color" content="#111111" />
+
     <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/plexus_web/endpoint.ex

@@ -21,7 +21,7 @@ defmodule PlexusWeb.Endpoint do
     at: "/",
     from: :plexus,
     gzip: false,
-    only: PlexusWeb.static_paths()
+    only_matching: PlexusWeb.static_paths()
 
   # Code reloading can be explicitly enabled under the
   # :code_reloader configuration of your endpoint.

lib/plexus_web/live/app_live/index.ex

@@ -39,7 +39,7 @@ defmodule PlexusWeb.AppLive.Index do
 
   defp apply_action(socket, :index, _params) do
     socket
-    |> assign(:page_title, "Apps")
+    |> assign(:page_title, "Crowdsourced de-Googled Android apps status ratings")
     |> assign(:app, nil)
   end
 

priv/static/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#333333</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

priv/static/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Plexus",
+    "short_name": "Plexus",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#111111",
+    "background_color": "#111111",
+    "display": "standalone"
+}