Clean up the invitation page

Author: fmasa

webapp/.well-known/assetlinks.json

@@ -5,7 +5,7 @@
     ],
     "target": {
       "namespace": "android_app",
-      "package_name": "com.example",
+      "package_name": "cz.frantisekmasa.dnd",
       "sha256_cert_fingerprints": [
         "E2:C6:D6:EC:B9:ED:D4:ED:BE:0B:98:3A:69:9D:70:EB:95:71:C0:6F:7E:A1:CB:FF:6D:92:75:80:8F:80:CE:1B"
       ]

webapp/app.css

@@ -94,6 +94,10 @@ body {
     clear: both;
 }
 
+.text-center {
+    text-align: center;
+}
+
 @media (max-width: 600px) {
     body, #message {
         margin-top: 0;

webapp/app/invitation.html

@@ -11,20 +11,17 @@
 <div id="header">
     <h1>WFRP Master</h1>
 </div>
-<div id="message">
-    <div class="main-screenshot">
-        <img src="/screenshot.png" alt="Screenshot of WFRP Master" style="width: 100%">
-        <a href="https://play.google.com/store/apps/details?id=cz.frantisekmasa.dnd&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img
-                alt="Get it on Google Play"
-                width="200"
-                src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"/></a>
-    </div>
+<div id="message" class="text-center">
     <h1>Invitation</h1>
     <p>You have been invited to WFRP Master party.</p>
     <p>Open this page on your Android device to join it, or scan QR code below in WFRP Master app.</p>
     <div id="qrCode" style="margin: auto; width: 200px"></div>
     <p>If you are visiting this page on your Android device and the app did not open <a id="open-app" href="">click here</a>.</p>
-    <div class="clear"></div>
+    <p>If you don't have the app installed yet, you can <a href="https://play.google.com/store/apps/details?id=cz.frantisekmasa.dnd&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1">install it from Google Play</a>.</p>
+    <a href="https://play.google.com/store/apps/details?id=cz.frantisekmasa.dnd&pcampaignid=pcampaignidMKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1"><img
+            alt="Get it on Google Play"
+            width="200"
+            src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"/></a>
 </div>
 <div id="footer">
     <p>WFRP Master</p>