QR-Code Generator

by NunoMira

HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>QR-Code Generator</title>
</head>
    <body style="margin-left: 40px; margin-right: 40px; position: relative;" onload="subst()">
      <div style="color:#444; position: absolute; font-size:12px; margin-top: 7px;">
        <div>Pode consultar a autenticidade deste documento on-line no endereço:</div>
        <div>https://residencia.niugis.com/websig/v7/documents/residencia/4/9/4984FACBF3C1AFC6645A3C4B9B4E003B/nancova_map_20220512092334.pdf</div>
        <div style="color: #009fe4; padding-top: 10px;">
          <span style="color:#444;">'.$print_currentDateTime.'</span> <span style="color: #444; padding: 0px 4px 0px 4px;">|</span> <span>Relatório de Qualidade do Mapeamento de Eleitores - '.self::$levelVersion.'</span> <span style="color: #444; padding: 0px 4px 0px 6px;">|</span> <span style="font-weight:bold; color:#444;">Página </span><span class="page" style="font-weight:bold; color:#444;"></span> <span style="font-weight:bold; color:#444;"> de </span> <span class="topage" style="font-weight:bold; color:#444;"></span>
        </div>
      </div>
      <!--<div style="border: 1px solid black">-->
      <div style="text-align: right; position: absolute; right: 0; top: 0">
        <!-- Load the library -->
        <script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>

        <!--With some options-->
        <div id="qrcode-2" style="margin-top: 20px"></div>
        <script type="text/javascript">
          var qrcode = new QRCode(document.getElementById("qrcode-2"), {
            text: "https://residencia.niugis.com/websig/v7/documents/residencia/4/9/4984FACBF3C1AFC6645A3C4B9B4E003B/nancova_map_20220512092334.pdf",
            width: 70,
            height: 70,
            colorDark : "#444444",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.L
          });
        </script>
      </div>
      <!--</div>-->
  </body>
</html>

CSS

div {margin-bottom:20px;}
#code textarea {
      font-family:"Courier New", Courier, monospace;
      background:#ccc;
      color:#000;
      font-size:11px;
      width:400px;
}