-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
executable file
·75 lines (63 loc) · 3.88 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1" />
<link rel="stylesheet" href="styles.css">
<title>InChI QR code generator</title>
</head>
<body>
<section class="navbar">
<h1 class="title hidden">Navigation bar</h1>
<a href="./index.html" class="active">QRInChI</a>
<div class="dropdown">
<button class="dropdownButton">InChI Resources ▼</button>
<div class="dropdownContent">
<a href="https://www.inchi-trust.org">InChI Trust</a>
<a href="https://iupac.org/who-we-are/committees/committee-details/?body_code=802">IUPAC InChI subcommittee</a>
<a href="https://doi.org/10.1186/s13321-018-0277-8">RInChI: the reaction InChI</a>
</div>
</div>
<div class="dropdown">
<button class="dropdownButton">About this program ▼</button>
<div class="dropdownContent">
<a href="http://orcid.org/0000-0002-8693-9136">J. M. Goodman</a>
<a href="http://orcid.org/0000-0002-2824-1805">E. D. J. Goodman</a>
<a href="https://github.com/Goodman-lab/InChiQRCodes">GitHub Source Code</a>
</div>
</div>
</section>
<section id="contentWrapper">
<h1 class="title">
InChI QR code generator
</h1>
<h2 class="heading dropcap">
Generate a QR code from an InChIKey.
The QRInChI is an image in the .png format and may be downloaded, saved and printed.
<a href="https://pubchem.ncbi.nlm.nih.gov">PubChem</a> may be able to find the molecule it represents.
</h2><div class="underbar"></div>
<h2 id="id1" class="heading">Request a QR code by entering an InChIKey:</h2>
<!-- Using inline stylings to support safari rendering -->
<form action="./qri.php" method="get" style="text-align:center;">
<label for="InChIKey"></label>
<input type="text" id="InChIKey" name="InChIKey" style="font-size:25px; width:80%; border-radius:2px; border-style:solid; border-color:#333; background-color:#ffffe6;"><br>
<input type="reset" value="Reset" style="font-size:25px; margin:10px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;">
<input type="submit" value="Generate QR Code" style="font-size:25px; margin:10px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;">
</form>
<br>
This is an experimental, proof-of-concept, QRInChI generator.
IUPAC is discussing a standard for InChI QR Codes, but a recommendation has yet to be agreed.
These QRInChI are generated without any guarantee for any application whatsoever.
<div class="underbar"></div><br>
<i>Alternative interface:</i><br>
A QR code can also be generated directly from a URL, for example:<br><br>
<a href="http://www-rinchi.ch.cam.ac.uk/qrinchi/qri.php?InChIKey=XMWRBQBLMFGWIX-UHFFFAOYSA-N">
http://www-rinchi.ch.cam.ac.uk/qrinchi/qri.php?InChIKey=XMWRBQBLMFGWIX-UHFFFAOYSA-N</a><br>
will generate a QRInChI for the molecule with InChIKey XMWRBQBLMFGWIX-UHFFFAOYSA-N<br>
on <a href="http://www-rinchi.ch.cam.ac.uk/qrinchi/qr/XMWRBQBLMFGWIX-UHFFFAOYSA-N.png">
http://www-rinchi.ch.cam.ac.uk/qrinchi/qr/XMWRBQBLMFGWIX-UHFFFAOYSA-N.png</a><br><br>
This image file will remain available for a while.
<div class="underbar"></div>
</section>
</body>
</html>