Add web manifest and favicon

andybywire · andybywire · commit 930e1662fbcf · 2025-04-22T20:12:54.000-07:00
diff --git a/web/.eleventy.js b/web/.eleventy.js
@@ -14,6 +14,7 @@ export default function (eleventyConfig) {
   eleventyConfig.addPassthroughCopy({'_src/style': 'style'})
   eleventyConfig.addPassthroughCopy({'_src/js': 'js'})
   eleventyConfig.addPassthroughCopy({'_includes/icons': 'icons'})
+  eleventyConfig.addPassthroughCopy({'_includes/manifest.json': 'manifest.json'})
   eleventyConfig.addPassthroughCopy({'_src/assets': 'assets'}) // If you have other assets
 
   // Filters
diff --git a/web/_includes/manifest.json b/web/_includes/manifest.json
@@ -0,0 +1,17 @@
+{
+  "lang": "en",
+  "name": "UX Methods",
+  "short_name": "UX Methods",
+  "description": "UX Methods is a community powered, linked data driven knowledge graph for learning about the techniques of user experience design.",
+  "theme_color": "#182125",
+  "background_color": "#28B7FF",
+  "display": "standalone",
+  "start_url": "/index.html",
+  "icons": [
+    {
+      "src": "icons/pwa_icon.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    }
+  ]
+}
diff --git a/web/_includes/partials/head.njk b/web/_includes/partials/head.njk
@@ -1,7 +1,11 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<meta name="theme-color" content="#182125">
+  	<link rel="manifest" href="/manifest.json"/>
 		<link rel="stylesheet" href="/style/global.css">
+		<link rel="icon" type="image/png" sizes="72x72" href="/icons/favicon.png">
+
 		<title>UX Methods V2 {{ title | prependPipe if title }}{{ resource.title | prependPipe if resource.title}}</title>
 
     </title>
