Make beforeinstallprompt event fire

index.html

@@ -4,6 +4,7 @@
 		<title>New WhatsApp Chat</title>
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+		<meta name="theme-color" content="#3C503A" />
 		<link rel="manifest" href="webmanifest.json" />
 		<script>
 			function getLink() {
@@ -93,8 +94,10 @@
 				outline: none;
 				box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
 			}
+
+			/* Used for copying to clipboard */
 			#copy-input {
-				opacity: 0; /* Used for copying to clipboard */
+				opacity: 0;
 				pointer-events: none;
 			}
 
@@ -104,6 +107,7 @@
 				margin: 0.25rem 0;
 				opacity: 0.5;
 				cursor: pointer;
+				transition: all 150ms;
 			}
 			button:hover, button:focus {
 				opacity: 1;
@@ -117,7 +121,6 @@
 				padding: 0.5rem 2rem;
 				margin-top: 1rem;
 				border-radius: 4px;
-				transition: all 150ms;
 				opacity: 1;
 			}
 			#send:active {

webmanifest.json

@@ -7,11 +7,26 @@
 			"sizes": "any",
 			"type": "image/svg+xml",
 			"purpose": "maskable"
+		},
+		{
+			"src": "icon_192.png",
+			"sizes": "192x192",
+			"type": "image/png"
+		},
+		{
+			"src": "icon_512.png",
+			"sizes": "512x512",
+			"type": "image/png"
 		}
 	],
 	"start_url": ".",
 	"display": "standalone",
 	"theme_color": "#1DAA61",
-	"background_color": "#EFE9DD"
+	"background_color": "#EFE9DD",
+	"prefer_related_applications": true,
+	"related_applications": {
+		"platform": "webapp",
+		"url": "https://reim.ar/tools/whatsapp-send"
+	}
 }