API tools faq
paste
pastebindigicoin

Ravenbit QR Code Generator.htm

pastebindigicoin
Jan 7th, 2017
789
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html><head>
  3. <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  4.         <meta charset="utf-8">
  5.         <title>Ravenbit QR Code Generator</title>
  6.         <!--<link rel="stylesheet" href="/css/labels.css" type="text/css" media="all"/>-->
  7.         <style type="text/css">
  8.             .block {
  9.                 width: 33%;
  10.                 float: left;
  11.             }
  12.             #code1, #code2, #generate {
  13.                 width: 90%;
  14.                 padding: 8px;
  15.             }
  16.  
  17.             #qrcode1, #qrcode2, #qrcode-public, #qrcode-private {
  18.                 margin-left: 20px;
  19.             }
  20.  
  21.             #qrcode-public, #qrcode-private {
  22.                 text-align: center;
  23.                 display: none;
  24.                 margin-top: 8px;
  25.                 font-weight: bold;
  26.             }
  27.  
  28.             #qrcode-public {
  29.                 width: 132px;
  30.             }
  31.  
  32.             #qrcode-private {
  33.                 width: 164px;
  34.             }
  35.  
  36.             @media print {
  37.                 #qrcode1 canvas, #qrcode2 canvas, #qrcode-public, #qrcode-private {
  38.                     width: 53px;
  39.                     height: 53px;
  40.                 }
  41.                 #qrcode-public, #qrcode-private {
  42.                     font-size: 12px;
  43.                 }
  44.                 .hide-from-print {
  45.                     display: none;
  46.                 }
  47.             }
  48.         </style>
  49.     </head>
  50.     <body>
  51.         <div style="text-align:center" class="hide-from-print"><strong>RAVENBIT QR CODE GENERATOR</strong></div>
  52.        
  53.         <p class="hide-from-print">Our QR code generator uses
  54. client-side javascript, so none of your information will be sent across
  55. the wire. You can view the source of this page, to see exactly what's
  56. going on, or you can disconnect from the internet before entering your
  57. keys. This generator was designed for use with Ravenbit's NODE physical
  58. coin.</p>
  59.  
  60.         <div class="block">
  61.             <input id="code1" placeholder="Enter your public key" class="hide-from-print" type="text">
  62.             <br><br>
  63.             <div id="qrcode1"></div>
  64.             <div id="qrcode-public">PUBLIC</div>
  65.         </div>
  66.         <div class="block">
  67.             <input id="code2" placeholder="Enter your private key" class="hide-from-print" type="text">
  68.             <br><br>
  69.             <div id="qrcode2"></div>
  70.             <div id="qrcode-private">PRIVATE</div>
  71.         </div>
  72.         <div class="block">
  73.             <button id="generate" class="hide-from-print">Generate</button>
  74.         </div>
  75.        
  76.         <script src="Ravenbit%20QR%20Code%20Generator_files/jquery-1.js"></script>
  77.         <!-- https://github.com/jeromeetienne/jquery-qrcode -->
  78.         <script src="Ravenbit%20QR%20Code%20Generator_files/jquery.js"></script>
  79.         <script>
  80.             (function($) {
  81.                 $('#generate').on('click', function() {
  82.                     $('#qrcode1').html('');
  83.                     $('#qrcode2').html('');
  84.  
  85.                     var code1 = $('#code1').val();
  86.  
  87.                     if (code1) {
  88.                         $('#qrcode1').qrcode({
  89.                             width: 132,
  90.                             height: 132,
  91.                             text: code1
  92.                         });
  93.                         $('#qrcode-public').show();
  94.                     } else {
  95.                         $('#qrcode-public').hide();
  96.                     }
  97.  
  98.                     var code2 = $('#code2').val();
  99.  
  100.                     if (code2) {
  101.                         $('#qrcode2').qrcode({
  102.                             width: 164,
  103.                             height: 164,
  104.                             text: code2
  105.                         });
  106.                         $('#qrcode-private').show();
  107.                     } else {
  108.                         $('#qrcode-private').hide();
  109.                     }
  110.                 });
  111.             })(jQuery);
  112.         </script>
  113.    
  114. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!