Added fallback link for invitation on non-Android device

fmasa · fmasa · commit 459ea053dafe · 2020-06-21T01:26:30.000+02:00
diff --git a/webapp/app.css b/webapp/app.css
@@ -84,6 +84,16 @@ body {
     color: #000;
 }
 
+.main-screenshot {
+    width: 30%;
+    float: left;
+    margin-right: 16px;
+}
+
+.clear {
+    clear: both;
+}
+
 @media (max-width: 600px) {
     body, #message {
         margin-top: 0;
diff --git a/webapp/app/invitation.html b/webapp/app/invitation.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Privacy Policy</title>
+
+    <link rel="stylesheet" href="/app.css">
+</head>
+<body>
+<div id="header">
+    <h1>WFRP Master</h1>
+</div>
+<div id="message">
+    <img src="/screenshot.png" alt="Screenshot of WFRP Master" class="main-screenshot">
+    <h1>Invitation</h1>
+    <p>You have been invited to WFRP Master party.</p>
+    <p>Open this page on your Android device to join it.</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 class="clear"></div>
+</div>
+<div id="footer">
+    <p>WFRP Master</p>
+    <p>Google Play and the Google Play logo are trademarks of Google LLC.</p>
+</div>
+</body>
+</html>
diff --git a/webapp/screenshot.png b/webapp/screenshot.png
