-
Notifications
You must be signed in to change notification settings - Fork 40
/
Copy pathoverview.html
100 lines (87 loc) · 3.05 KB
/
overview.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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Previews</title>
<style>
* {
box-sizing: border-box;
}
h1,h2 {
text-align: center;
}
body {
width: 100%;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
background-color: white;
}
header {
width: 100%;
height: 40px;
background-color: #444;
color: lightgray;
display: flex;
font-size: 25px;
padding: 7px;
}
header a {
color: lightgray;
margin-right: 20px;
}
.expand {
flex: 1;
}
iframe {
margin: auto;
margin-top: 10px;
width: 90%;
height: 800px;
max-height: 80vh;
}
hr {
color: black;
width: 100%;
margin-top: 20px;
}
p {
width: 90%;
margin: auto;
}
</style>
</head>
<body>
<header>
<div class="title">QR code generators - Previews</div>
<div class="expand"></div>
<a href="https://github.com/six-two/qr.html" target="_blank" rel="noopener noreferrer">Source code</a>
</header>
<h1>Previews</h1>
<!-- @TODO: rewrite -->
<p>This page offers fully interactive previews of my QR code generators.
They are entirely free and open source and do all the work in your browser.
This means the text you type will not be sent to a remote server.
It also enables you to download them and use them on a computer not connected to the internet.
You can click the link above a preview to jump to the corresponding website.</p>
<hr>
<h2><a href="qr.html">Recommended QR code generator</a></h2>
<p>This QR code generator offers some convenience features such as being able to drag & drop (or copy-paste) a file into the textbox. If the browser supports it (and you allow it), it can also constantly monitor the systems clipboard and generate a QR code from the clipboard's contents.
(<a href="qr.html" download>Download</a>)</p>
<iframe src="qr.html"></iframe>
<hr>
<h2><a href="qr-legacy.html">Legacy QR code generator</a></h2>
<p>This QR code generator was the previously recommended QR code generator, but it uses a different library that sometimes produces less efficient QR codes.
(<a href="qr-legacy.html" download>Download</a>)</p>
<iframe src="qr-legacy.html"></iframe>
<hr>
<h2><a href="tiny-qr.html">Tiny QR code generator</a></h2>
<p>This QR code generator is designed to be as small as possible and thus offers significantly fewer features.
(<a href="tiny-qr.html" download>Download</a>)</p>
<iframe src="tiny-qr.html"></iframe>
</body>
</html>