forked from six-two/qr.html
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (82 loc) · 2.72 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!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="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>