<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="css/spectre.css" />
<link rel="stylesheet" href="css/qrihs.css" />
<script src="js/qrious.min.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<title>Q-RIHS</title>
</head>
<body>
<!-- Preload logos for canvas -->
<img loading="eager" src="./img/e-rihsit_logo.png" class="d-hide" />
<img loading="eager" src="./img/logo_ispc.png" class="d-hide" />
<h1 class="text-center">Q-RIHS</h1>
<h2 class="text-center">Tracciamento strumenti E-RIHS</h2>
<p class="text-center p-2">Inserire link e ID strumento per generare l'etichetta con il QR Code</p>
<div class="container main">
<div class="columns mt-2">
<div class="column col-lg-7 col-xl-8 col-sm-12 p-2">
<input class="d-block" type="text" name="link" placeholder="Inserire link" />
<input class="d-block" type="text" name="id-str" placeholder="Inserire ID strumento" />
<button class="btn btn-primary c-hand" id="gen">
Genera etichetta
</button>
<div class="divider"></div>
<button class="btn btn-primary disabled c-hand mt-2" id="download">
Scarica PNG
</button>
</div>
<div class="column col-lg-5 col-xl-4 col-sm-12 text-center" style="border: #ccc 1px solid;">
<canvas id="qrcode" width="244" height="468">
Etichetta strumento
</canvas>
<p class="text-center">Anteprima</p>
</div>
</div>
</div>
<footer class="text-center text-italic p-2">
Powered by NicoPa
</footer>
</body>
</html>