Add favicon, app icons, and simple PWA manifest

2025-02-10 12:57:47 -06:00
parent d5b13a8030
commit 9f2e1df9bf
11 changed files with 51 additions and 0 deletions
@@ -17,6 +17,11 @@
    <%= javascript_importmap_tags %>

    <%= yield :head %>
+
+    <link rel="manifest" href="/manifest.json">
+    <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+    <link rel="icon" href="/favicon.png" type="image/png">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
  </head>

  <body data-controller="lightbox local-time timezone-cookie">
@@ -0,0 +1,42 @@
+{
+  "name": "Fizzy",
+  "icons": [
+    {
+      "src": "/app-icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "/app-icon.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/app-icon.png",
+      "type": "image/png",
+      "sizes": "512x512",
+      "purpose": "maskable"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone",
+  "scope": "/",
+  "description": "Bubble-up the biggest issues in your projects",
+  "categories": ["bugs", "business", "productivity"],
+  "shortcuts": [
+    {
+      "name": "Notifications",
+      "description": "Catch up on recent notifications",
+      "url": "/notifications",
+      "icons": [{ "src": "<%= image_url("bell.svg") %>", "sizes": "any" }]
+    },
+    {
+      "name": "Latest Activity",
+      "description": "See what’s new",
+      "url": "/events",
+      "icons": [{ "src": "<%= image_url("activity.svg") %>", "sizes": "any" }]
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff"
+}
@@ -75,4 +75,5 @@ Rails.application.routes.draw do
  get "join/:join_code", to: "users#new", as: :join
  post "join/:join_code", to: "users#create"
  get "up", to: "rails/health#show", as: :rails_health_check
+  get "manifest" => "rails/pwa#manifest", as: :pwa_manifest
 end