1 files changed, 144 insertions, 0 deletions
diff --git a/contrib/offer_tip.en.must b/contrib/offer_tip.en.must
new file mode 100644
index 00000000..339f64ff
--- /dev/null
+++ b/contrib/offer_tip.en.must
@@ -0,0 +1,144 @@
+<!DOCTYPE html>
+<!--
+  This file is part of GNU TALER.
+  Copyright (C) 2014-2020 Taler Systems SA
+
+  TALER is free software; you can redistribute it and/or modify it under the
+  terms of the GNU Lesser General Public License as published by the Free Software
+  Foundation; either version 2.1, or (at your option) any later version.
+
+  TALER is distributed in the hope that it will be useful, but WITHOUT ANY
+  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+  A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for more details.
+
+  You should have received a copy of the GNU Lesser General Public License along with
+  TALER; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+-->
+
+<html data-taler-nojs="true">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <noscript>
+    <meta http-equiv="refresh" content="1">
+  </noscript>
+  <title>Tip available</title>
+  <!-- FIXME-6460: allow taler-merchant-httpd to serve this, so we do not use 3rd party? -->
+  <link rel="stylesheet"
+        href="https://unpkg.com/purecss@2.0.3/build/pure-min.css"
+        integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ"
+        crossorigin="anonymous">
+  <style>
+.taler::before {
+  content: "❬";
+  color: #aa3939;
+}
+.taler::after {
+  content: "❭";
+  color: #aa3939;
+}
+.talerbar {
+  text-align: center;
+}
+.tt {
+  font-family: 'Lucida Console', Monaco, monospace;
+}
+.content {
+    overflow-x: auto;
+    padding-left: 15%;
+    padding-right: 15%;
+}
+.qr {
+    margin: auto;
+    text-align: center;
+}
+.qrtext {
+    width: max-content;
+    margin: auto;
+    transition: font-size 0.2s;
+    font-family: 'Lucida Console', Monaco, monospace;
+    font-size: 0.5em;
+}
+.qrtext:hover {
+    font-size: 1em;
+}
+.talerbar {
+    margin: 0;
+    bottom: 0;
+    background-color: #033;
+    color: white;
+    width: 100%;
+    padding: 1em;
+    overflow: auto;
+}
+
+body {
+  overflow-y: scroll;
+}
+@media (min-width: 500px) {
+  .content {
+    padding-bottom: 2em;
+    margin-right: 1em;
+    overflow-y: auto;
+  }
+}
+#main a:link, #main a:visited, #main a:hover, #main a:active {
+  color: black;
+}
+  </style>
+</head>
+
+<body>
+<script>
+  let checkUrl = FIXME-#6457_dold_tip_uri_to_URL("{{taler_tip_uri}}");
+  let delayMs = 500;
+  function check() {
+    let req = new XMLHttpRequest();
+    req.onreadystatechange = function () {
+      if (req.readyState === XMLHttpRequest.DONE) {
+        if (req.status === 410) {
+          document.location.reload(true);
+        }
+        setTimeout(check, delayMs);
+      }
+    };
+    req.onerror = function () {
+      setTimeout(check, delayMs);
+    }
+    req.open("GET", checkUrl);
+    req.send();
+  }
+
+  setTimeout(check, delayMs);
+</script>
+
+
+<h1><span class="taler">Taler</span> tip available</h1>
+
+<div class="taler-installed-hide">
+  <p>
+  Please select your Taler wallet to pick up the tip.
+  </p>
+</div>
+
+<div>
+  <p>
+  Alternatively, you can scan this QR code to pick up the tip with your mobile wallet:
+  </p>
+  <div class="qr">
+    {{{taler_tip_qrcode_svg}}}
+  </div>
+  <p>
+  Finally, you could click <a href="{{taler_tip_uri}}">this link</a> to
+  try to open your system's Taler wallet if it exists.
+  </p>
+</div>
+<hr />
+</section>
+
+<div class="talerbar">
+  <p>You can learn more about GNU Taler on our <a href="https://taler.net/">website</a>.<br>
+  Copyright &copy; 2014&mdash;2020 Taler Systems SA</p>
+</div>
+</body>
+</html>