Spaces:
Building
Building
File size: 1,449 Bytes
ba5c923 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scan Qr - Whats App Ping</title>
<link href="/global.css" rel="stylesheet" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
</head>
<body>
<main class="h-screen flex flex-col items-center justify-center">
<div
class="charming-header border rounded-b-lg flex flex-col justify-center items-center shadow-sm w-full max-w-md p-6"
>
<input id="qr_code" value="<%= qr %>" hidden />
<div id="qrcode" class="w-[302px] h-[302px] my-auto mx-auto"></div>
<% if (qr.length == 0) { %>
<p class="text-blue-400 text-balance font-medium border-t pt-2">
QR code generation is still in progress; please wait a minute and try
again.
</p>
<% } else { %>
<p class="text-green-400 text-balance font-medium border-t pt-2">
Use your phone to scan the QR code.
</p>
<% } %>
</div>
</main>
<script>
var qrcode = new QRCode("qrcode");
function makeCode() {
var elText = document.getElementById("qr_code");
if (!elText.value) return;
qrcode.makeCode(elText.value);
}
makeCode();
</script>
</body>
</html>
|