examples/common/QRCode/repo/typescript-javascript/qrcodegen-output-demo.html

   1 <!--
   2   - QR Code generator output demo (HTML+JavaScript)
   3   -
   4   - Copyright (c) Project Nayuki. (MIT License)
   5   - https://www.nayuki.io/page/qr-code-generator-library
   6   -
   7   - Permission is hereby granted, free of charge, to any person obtaining a copy of
   8   - this software and associated documentation files (the "Software"), to deal in
   9   - the Software without restriction, including without limitation the rights to
  10   - use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
  11   - the Software, and to permit persons to whom the Software is furnished to do so,
  12   - subject to the following conditions:
  13   - * The above copyright notice and this permission notice shall be included in
  14   -   all copies or substantial portions of the Software.
  15   - * The Software is provided "as is", without warranty of any kind, express or
  16   -   implied, including but not limited to the warranties of merchantability,
  17   -   fitness for a particular purpose and noninfringement. In no event shall the
  18   -   authors or copyright holders be liable for any claim, damages or other
  19   -   liability, whether in an action of contract, tort or otherwise, arising from,
  20   -   out of or in connection with the Software or the use or other dealings in the
  21   -   Software.
  22   -->
  23 <!DOCTYPE html>
  24 <html>
  25         <head>
  26                 <meta charset="UTF-8">
  27                 <title>QR Code generator output demo (JavaScript)</title>
  28                 <style type="text/css">
  29                         html {
  30                                 font-family: sans-serif;
  31                         }
  32                         #output p {
  33                                 margin-top: 0.5em;
  34                                 margin-bottom: 0.5em;
  35                         }
  36                         #output canvas {
  37                                 display: block;
  38                                 margin-bottom: 1.5em;
  39                                 border: 1px solid #C0C0C0;
  40                         }
  41                 </style>
  42         </head>
  43
  44         <body>
  45                 <h1>QR Code generator output demo (JavaScript)</h1>
  46                 <div id="output">
  47                         <p>Loading application...</p>
  48                         <p>(Are the JavaScript files missing?)</p>
  49                         <p>(The JavaScript code needs to be compiled from the TypeScript code.)</p>
  50                 </div>
  51                 <script type="application/javascript" src="qrcodegen.js"></script>
  52                 <script type="application/javascript" src="qrcodegen-output-demo.js"></script>
  53                 <hr>
  54                 <p>Copyright © Project Nayuki – <a href="https://www.nayuki.io/page/qr-code-generator-library">https://www.nayuki.io/page/qr-code-generator-library</a></p>
  55         </body>
  56 </html>