jeffThompson · mpember · Feb 16, 2021 · Feb 17, 2021 · Feb 17, 2021 · Feb 17, 2021
diff --git a/README.md b/README.md
@@ -23,7 +23,7 @@ Features:
 ## RECIPE FORMAT  
 In order to show up properly, your recipe's Markdown file should be named with dashes in place of spaces (ex: `rice-pilaf.md` or `saag-paneer.md`). This will be used to populate your list of recipes on the main page.
 
-Use `tecipe-template.md` and/or follow this format:
+Use `recipe-template.md` and/or follow this format:
 
 ```markdown
 # TITLE

diff --git a/images/aloo-matar.jpg b/images/aloo-matar.jpg
diff --git a/images/austro-hungarian-cream-of-horseradish-soup.jpg b/images/austro-hungarian-cream-of-horseradish-soup.jpg
diff --git a/images/cookbook-144.png b/images/cookbook-144.png
diff --git a/images/cookbook-192.png b/images/cookbook-192.png
diff --git a/images/cookbook-48.png b/images/cookbook-48.png
diff --git a/images/cookbook-96.png b/images/cookbook-96.png
diff --git a/images/pretzel-shape.jpg b/images/pretzel-shape.jpg
diff --git a/list-recipes.js → index.js b/list-recipes.js → index.js
@@ -1,3 +1,21 @@
+'use strict'
+
++function() {
+	if (!('serviceWorker' in navigator)) {
+		alert('This Browser does not support ServiceWorkers.')
+		return
+	}
+	if (navigator.serviceWorker.controller) {
+		console.info('ServiceWorker runs')
+		return
+	}
+	console.info('Registering ServiceWorker ...')
+	navigator.serviceWorker
+	.register('./serviceworker.js')
+	.catch(function(err) {
+		console.error('ServiceWorker has not been registered!', err)
+	})
+}()
 
 // once document is loaded, load list of markdown files
 // and generate table of contents, plus a quick-nav list

diff --git a/index.php b/index.php
@@ -3,10 +3,14 @@
 	<head>
 		<title>Recipe Book</title>
 
+		<!-- pwa -->
+		<link rel="manifest" href="manifest.json" crossorigin="use-credentials"/>
+
 		<!-- basics -->
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
-		<link rel="icon" type="image/png" href="http://www.jeffreythompson.org/graphics/favicon.png">
+		<meta name="mobile-web-app-capable" content="yes">
+		<link rel="icon" type="image/png" href="images/cookbook-192.png">
 
 		<!-- font and styles -->
 		<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700,700i,900" rel="stylesheet"> 
@@ -57,6 +61,6 @@
 
 	<!-- javascript does the rest :) -->
 	<script src="utils.js"></script>
-	<script src="list-recipes.js"></script>
+	<script src="index.js"></script>
 </html>
 
diff --git a/manifest.json b/manifest.json
@@ -0,0 +1,28 @@
+{
+  "short_name": "Recipe Book",
+  "name": "Recipe Book",
+  "icons": [{
+    "src": "images/cookbook-48.png",
+    "type": "image/png",
+    "sizes": "48x48"
+  },
+  {
+    "src": "images/cookbook-96.png",
+    "type": "image/png",
+    "sizes": "96x96"
+  },
+  {
+    "src": "images/cookbook-144.png",
+    "type": "image/png",
+    "sizes": "144x144"
+  },
+  {
+    "src": "images/cookbook-192.png",
+    "type": "image/png",
+    "sizes": "192x192"
+  }],
+  "display": "standalone",
+  "orientation": "portrait",
+  "start_url": "index.php",
+  "background_color": "#78909c"
+}
diff --git a/recipe-template.md b/recipe-template.md
diff --git a/create-recipe.js → recipe.js b/create-recipe.js → recipe.js
diff --git a/recipe.php b/recipe.php
@@ -6,8 +6,8 @@
 		<!-- basics -->
 		<meta charset="UTF-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
-		<link rel="icon" type="image/png" href="http://www.jeffreythompson.org/graphics/favicon.png">
-		
+		<link rel="icon" type="image/png" href="images/cookbook-192.png">
+
 		<!-- font and styles -->
 		<link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,400i,700,700i,900,900i" rel="stylesheet"> 
 		<link href="stylesheet.css" rel="stylesheet" type="text/css">
@@ -89,6 +89,6 @@
 
 	<!-- parses and displays recipe -->
 	<script src="utils.js"></script>
-	<script src="create-recipe.js"></script>
+	<script src="recipe.js"></script>
 </html>
 
diff --git a/recipes/aloo-matar.md b/recipes/aloo-matar.md
diff --git a/recipes/austro-hungarian-cream-of-horseradish-soup.md b/recipes/austro-hungarian-cream-of-horseradish-soup.md
diff --git a/recipes/baba-ganoush.md b/recipes/baba-ganoush.md
diff --git a/recipes/bagels.md b/recipes/bagels.md
diff --git a/recipes/barbeque-sauce.md b/recipes/barbeque-sauce.md
diff --git a/recipes/beef-tacos.md b/recipes/beef-tacos.md
diff --git a/recipes/bhindi-fry.md b/recipes/bhindi-fry.md