-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (72 loc) · 2.78 KB
/
index.html
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html>
<head>
<title>QR Code Generator</title>
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- SEO Meta Tags -->
<meta
name="description"
content="A free online QR code generator by ngmi.ai"
/>
<meta
name="keywords"
content="QR Code, QR Code Generator, Free QR Code, AI QR Code"
/>
<!-- AI SEO Meta Tags -->
<meta name="robots" content="index,follow" />
<meta name="googlebot" content="index,follow" />
<link rel="stylesheet" href="style.css" />
<script src="https://unpkg.com/htmx.org@1.9.0"></script>
</head>
<body>
<div class="container">
<h1>QR Code Generator</h1>
<form
hx-post="https://ngqri.onrender.com/generate_qr"
hx-swap="outerHTML"
hx-json="true"
>
<input type="text" name="url" placeholder="Enter a URL" />
<button type="submit">Generate QR Code</button>
</form>
<div id="qr_image" hx-swap="outerHTML"></div>
<div id="download_links">
<button class="download-button" onclick="downloadQRCode(200)">
Download 200x200
</button>
<button class="download-button" onclick="downloadQRCode(400)">
Download 400x400
</button>
<button class="download-button" onclick="downloadQRCode(600)">
Download 600x600
</button>
</div>
</div>
<div class="footer">
Service by <a href="https://ngmi.ai" target="_blank">ngmi.ai</a> -
<a href="https://tryb.cc/ngmi" target="_blank">Follow Us</a>
<svg
class="w-10 h-10"
viewBox="0 0 162 119"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M0.913757 114.53C13.9807 116.216 32.3056 122.378 43.7012 113.083C51.0025 107.128 57.0714 99.6064 62.6869 92.0921C73.647 77.4257 81.4769 57.0014 83.9262 38.9656C86.7749 17.9886 65.2558 22.4197 58.3958 36.6239C48.6178 56.8698 53.4826 94.2165 79.0133 100.444C108.309 107.591 123.562 71.7844 130.096 49.9154C134.773 34.2631 153.849 -9.9389 143.644 2.81731C137.309 10.736 128.12 15.6577 122.008 23.6058C118.81 27.7641 121.911 27.9558 125.382 25.0963C131.067 20.4118 136.477 14.6482 140.667 8.60318C141.379 7.57589 145.275 0.763508 146.837 3.12604C151.902 10.7886 153.525 20.5514 158.568 28.4832"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
></path>
<path
d="M132.848 24.4348C141.945 26.8851 150.961 28.4036 160.05 30.4235C162.841 31.0437 159.046 30.7305 158.171 30.7851"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
></path>
</svg>
</div>
<script src="script.js"></script>
</body>
</html>