v2! Added settings page and fixed copying

hieyou1 · Jul 3, 2024 · f8b8159 · f8b8159
1 parent 17983a6
commit f8b8159
Show file tree

Hide file tree

Showing 16 changed files with 391 additions and 33 deletions.
diff --git a/app.js b/app.js
diff --git a/favicon.png b/favicon.png
diff --git a/index.html b/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QR Code Generator</title><script defer="defer" src="app.js"></script><link href="app.css" rel="stylesheet"></head><body><div id="container"><svg id="qr" viewBox="0 0 33 33" fill="#000000" shape-rendering="crispEdges" xmlns="http://www.w3.org/2000/svg" version="1.1"><path transform="matrix(1,0,0,1,4,4)" d="M17,24h8v1h-8v-1zM8,24h5v1h-5v-1zM0,24h7v1h-7v-1zM24,23h1v1h-1v-1zM19,23h3v1h-3v-1zM14,23h4v1h-4v-1zM11,23h1v1h-1v-1zM9,23h1v1h-1v-1zM6,23h1v1h-1v-1zM0,23h1v1h-1v-1zM24,22h1v1h-1v-1zM21,22h2v1h-2v-1zM14,22h3v1h-3v-1zM11,22h2v1h-2v-1zM8,22h2v1h-2v-1zM6,22h1v1h-1v-1zM2,22h3v1h-3v-1zM0,22h1v1h-1v-1zM20,21h5v1h-5v-1zM17,21h2v1h-2v-1zM13,21h1v1h-1v-1zM8,21h1v1h-1v-1zM6,21h1v1h-1v-1zM2,21h3v1h-3v-1zM0,21h1v1h-1v-1zM22,20h3v1h-3v-1zM12,20h9v1h-9v-1zM10,20h1v1h-1v-1zM8,20h1v1h-1v-1zM6,20h1v1h-1v-1zM2,20h3v1h-3v-1zM0,20h1v1h-1v-1zM23,19h1v1h-1v-1zM20,19h2v1h-2v-1zM16,19h1v1h-1v-1zM14,19h1v1h-1v-1zM12,19h1v1h-1v-1zM10,19h1v1h-1v-1zM8,19h1v1h-1v-1zM6,19h1v1h-1v-1zM0,19h1v1h-1v-1zM22,18h3v1h-3v-1zM20,18h1v1h-1v-1zM18,18h1v1h-1v-1zM16,18h1v1h-1v-1zM13,18h2v1h-2v-1zM9,18h2v1h-2v-1zM0,18h7v1h-7v-1zM20,17h2v1h-2v-1zM15,17h2v1h-2v-1zM12,17h2v1h-2v-1zM8,17h1v1h-1v-1zM22,16h1v1h-1v-1zM16,16h5v1h-5v-1zM13,16h2v1h-2v-1zM4,16h8v1h-8v-1zM0,16h1v1h-1v-1zM24,15h1v1h-1v-1zM19,15h2v1h-2v-1zM14,15h1v1h-1v-1zM9,15h3v1h-3v-1zM2,15h4v1h-4v-1zM0,15h1v1h-1v-1zM23,14h2v1h-2v-1zM19,14h3v1h-3v-1zM15,14h3v1h-3v-1zM11,14h3v1h-3v-1zM9,14h1v1h-1v-1zM4,14h3v1h-3v-1zM2,14h1v1h-1v-1zM0,14h1v1h-1v-1zM23,13h1v1h-1v-1zM21,13h1v1h-1v-1zM19,13h1v1h-1v-1zM16,13h1v1h-1v-1zM7,13h4v1h-4v-1zM5,13h1v1h-1v-1zM3,13h1v1h-1v-1zM0,13h2v1h-2v-1zM22,12h3v1h-3v-1zM18,12h3v1h-3v-1zM12,12h4v1h-4v-1zM8,12h2v1h-2v-1zM2,12h5v1h-5v-1zM0,12h1v1h-1v-1zM24,11h1v1h-1v-1zM15,11h2v1h-2v-1zM11,11h1v1h-1v-1zM7,11h3v1h-3v-1zM3,11h1v1h-1v-1zM0,11h2v1h-2v-1zM23,10h2v1h-2v-1zM21,10h1v1h-1v-1zM18,10h2v1h-2v-1zM11,10h6v1h-6v-1zM6,10h2v1h-2v-1zM3,10h1v1h-1v-1zM23,9h1v1h-1v-1zM19,9h1v1h-1v-1zM16,9h2v1h-2v-1zM13,9h1v1h-1v-1zM10,9h1v1h-1v-1zM7,9h1v1h-1v-1zM4,9h1v1h-1v-1zM1,9h1v1h-1v-1zM18,8h5v1h-5v-1zM16,8h1v1h-1v-1zM11,8h3v1h-3v-1zM2,8h5v1h-5v-1zM0,8h1v1h-1v-1zM15,7h1v1h-1v-1zM8,7h2v1h-2v-1zM18,6h7v1h-7v-1zM16,6h1v1h-1v-1zM14,6h1v1h-1v-1zM12,6h1v1h-1v-1zM10,6h1v1h-1v-1zM8,6h1v1h-1v-1zM0,6h7v1h-7v-1zM24,5h1v1h-1v-1zM18,5h1v1h-1v-1zM15,5h2v1h-2v-1zM13,5h1v1h-1v-1zM8,5h3v1h-3v-1zM6,5h1v1h-1v-1zM0,5h1v1h-1v-1zM24,4h1v1h-1v-1zM20,4h3v1h-3v-1zM18,4h1v1h-1v-1zM16,4h1v1h-1v-1zM12,4h1v1h-1v-1zM10,4h1v1h-1v-1zM8,4h1v1h-1v-1zM6,4h1v1h-1v-1zM2,4h3v1h-3v-1zM0,4h1v1h-1v-1zM24,3h1v1h-1v-1zM20,3h3v1h-3v-1zM18,3h1v1h-1v-1zM12,3h3v1h-3v-1zM10,3h1v1h-1v-1zM8,3h1v1h-1v-1zM6,3h1v1h-1v-1zM2,3h3v1h-3v-1zM0,3h1v1h-1v-1zM24,2h1v1h-1v-1zM20,2h3v1h-3v-1zM18,2h1v1h-1v-1zM14,2h3v1h-3v-1zM8,2h4v1h-4v-1zM6,2h1v1h-1v-1zM2,2h3v1h-3v-1zM0,2h1v1h-1v-1zM24,1h1v1h-1v-1zM18,1h1v1h-1v-1zM15,1h1v1h-1v-1zM11,1h2v1h-2v-1zM6,1h1v1h-1v-1zM0,1h1v1h-1v-1zM18,0h7v1h-7v-1zM16,0h1v1h-1v-1zM9,0h2v1h-2v-1zM0,0h7v1h-7v-1z"/></svg><br/><div id="options"><input class="form-control" id="content" autocapitalize="off" autocomplete="off" value="https://qr.mikeylab.com" disabled="disabled"/><br/><div id="toggle" class="btn-group" role="group"><input type="radio" class="btn-check" name="toggle-state" id="toggle-svg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-svg">SVG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-png" autocomplete="off" disabled="disabled" checked="checked"> <label class="btn btn-outline-primary" for="toggle-png">PNG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-jpg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-jpg">JPG</label></div><br/><br/><div id="export" class="btn-group" role="group"><button id="copy" class="btn btn-info" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/></svg></button> <button id="download" class="btn btn-success" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download icon" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></svg></button></div></div></div><script src="qrcode.min.js" integrity="sha384-2TuB1hcPjOwTZkd6mt2mNGcgnmsqy1tbQOOHYmGlxYmTv00m7Aoba6FAfV8toRqs"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QR Code Generator</title><link rel="icon" href="favicon.png"/><script defer="defer" src="app.js"></script><link href="app.css" rel="stylesheet"></head><body><div id="container"><svg id="qr" viewBox="0 0 33 33" fill="#000000" shape-rendering="crispEdges" xmlns="http://www.w3.org/2000/svg" version="1.1"><path transform="matrix(1,0,0,1,4,4)" d="M17,24h8v1h-8v-1zM8,24h5v1h-5v-1zM0,24h7v1h-7v-1zM24,23h1v1h-1v-1zM19,23h3v1h-3v-1zM14,23h4v1h-4v-1zM11,23h1v1h-1v-1zM9,23h1v1h-1v-1zM6,23h1v1h-1v-1zM0,23h1v1h-1v-1zM24,22h1v1h-1v-1zM21,22h2v1h-2v-1zM14,22h3v1h-3v-1zM11,22h2v1h-2v-1zM8,22h2v1h-2v-1zM6,22h1v1h-1v-1zM2,22h3v1h-3v-1zM0,22h1v1h-1v-1zM20,21h5v1h-5v-1zM17,21h2v1h-2v-1zM13,21h1v1h-1v-1zM8,21h1v1h-1v-1zM6,21h1v1h-1v-1zM2,21h3v1h-3v-1zM0,21h1v1h-1v-1zM22,20h3v1h-3v-1zM12,20h9v1h-9v-1zM10,20h1v1h-1v-1zM8,20h1v1h-1v-1zM6,20h1v1h-1v-1zM2,20h3v1h-3v-1zM0,20h1v1h-1v-1zM23,19h1v1h-1v-1zM20,19h2v1h-2v-1zM16,19h1v1h-1v-1zM14,19h1v1h-1v-1zM12,19h1v1h-1v-1zM10,19h1v1h-1v-1zM8,19h1v1h-1v-1zM6,19h1v1h-1v-1zM0,19h1v1h-1v-1zM22,18h3v1h-3v-1zM20,18h1v1h-1v-1zM18,18h1v1h-1v-1zM16,18h1v1h-1v-1zM13,18h2v1h-2v-1zM9,18h2v1h-2v-1zM0,18h7v1h-7v-1zM20,17h2v1h-2v-1zM15,17h2v1h-2v-1zM12,17h2v1h-2v-1zM8,17h1v1h-1v-1zM22,16h1v1h-1v-1zM16,16h5v1h-5v-1zM13,16h2v1h-2v-1zM4,16h8v1h-8v-1zM0,16h1v1h-1v-1zM24,15h1v1h-1v-1zM19,15h2v1h-2v-1zM14,15h1v1h-1v-1zM9,15h3v1h-3v-1zM2,15h4v1h-4v-1zM0,15h1v1h-1v-1zM23,14h2v1h-2v-1zM19,14h3v1h-3v-1zM15,14h3v1h-3v-1zM11,14h3v1h-3v-1zM9,14h1v1h-1v-1zM4,14h3v1h-3v-1zM2,14h1v1h-1v-1zM0,14h1v1h-1v-1zM23,13h1v1h-1v-1zM21,13h1v1h-1v-1zM19,13h1v1h-1v-1zM16,13h1v1h-1v-1zM7,13h4v1h-4v-1zM5,13h1v1h-1v-1zM3,13h1v1h-1v-1zM0,13h2v1h-2v-1zM22,12h3v1h-3v-1zM18,12h3v1h-3v-1zM12,12h4v1h-4v-1zM8,12h2v1h-2v-1zM2,12h5v1h-5v-1zM0,12h1v1h-1v-1zM24,11h1v1h-1v-1zM15,11h2v1h-2v-1zM11,11h1v1h-1v-1zM7,11h3v1h-3v-1zM3,11h1v1h-1v-1zM0,11h2v1h-2v-1zM23,10h2v1h-2v-1zM21,10h1v1h-1v-1zM18,10h2v1h-2v-1zM11,10h6v1h-6v-1zM6,10h2v1h-2v-1zM3,10h1v1h-1v-1zM23,9h1v1h-1v-1zM19,9h1v1h-1v-1zM16,9h2v1h-2v-1zM13,9h1v1h-1v-1zM10,9h1v1h-1v-1zM7,9h1v1h-1v-1zM4,9h1v1h-1v-1zM1,9h1v1h-1v-1zM18,8h5v1h-5v-1zM16,8h1v1h-1v-1zM11,8h3v1h-3v-1zM2,8h5v1h-5v-1zM0,8h1v1h-1v-1zM15,7h1v1h-1v-1zM8,7h2v1h-2v-1zM18,6h7v1h-7v-1zM16,6h1v1h-1v-1zM14,6h1v1h-1v-1zM12,6h1v1h-1v-1zM10,6h1v1h-1v-1zM8,6h1v1h-1v-1zM0,6h7v1h-7v-1zM24,5h1v1h-1v-1zM18,5h1v1h-1v-1zM15,5h2v1h-2v-1zM13,5h1v1h-1v-1zM8,5h3v1h-3v-1zM6,5h1v1h-1v-1zM0,5h1v1h-1v-1zM24,4h1v1h-1v-1zM20,4h3v1h-3v-1zM18,4h1v1h-1v-1zM16,4h1v1h-1v-1zM12,4h1v1h-1v-1zM10,4h1v1h-1v-1zM8,4h1v1h-1v-1zM6,4h1v1h-1v-1zM2,4h3v1h-3v-1zM0,4h1v1h-1v-1zM24,3h1v1h-1v-1zM20,3h3v1h-3v-1zM18,3h1v1h-1v-1zM12,3h3v1h-3v-1zM10,3h1v1h-1v-1zM8,3h1v1h-1v-1zM6,3h1v1h-1v-1zM2,3h3v1h-3v-1zM0,3h1v1h-1v-1zM24,2h1v1h-1v-1zM20,2h3v1h-3v-1zM18,2h1v1h-1v-1zM14,2h3v1h-3v-1zM8,2h4v1h-4v-1zM6,2h1v1h-1v-1zM2,2h3v1h-3v-1zM0,2h1v1h-1v-1zM24,1h1v1h-1v-1zM18,1h1v1h-1v-1zM15,1h1v1h-1v-1zM11,1h2v1h-2v-1zM6,1h1v1h-1v-1zM0,1h1v1h-1v-1zM18,0h7v1h-7v-1zM16,0h1v1h-1v-1zM9,0h2v1h-2v-1zM0,0h7v1h-7v-1z"/></svg><br/><div id="options"><input class="form-control" id="content" autocapitalize="off" autocomplete="off" value="https://qr.mikeylab.com" disabled="disabled"/><br/><div id="toggle" class="btn-group" role="group"><input type="radio" class="btn-check" name="toggle-state" id="toggle-svg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-svg">SVG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-png" autocomplete="off" disabled="disabled" checked="checked"> <label class="btn btn-outline-primary" for="toggle-png">PNG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-jpg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-jpg">JPG</label></div><br/><br/><div id="export" class="btn-group" role="group"><a href="/settings.html" class="btn btn-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16"><path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0"/><path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z"/></svg> </a><button id="copy" class="btn btn-info" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/></svg></button> <button id="download" class="btn btn-success" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download icon" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></svg></button></div></div></div><script src="qrcode.min.js" integrity="sha384-2TuB1hcPjOwTZkd6mt2mNGcgnmsqy1tbQOOHYmGlxYmTv00m7Aoba6FAfV8toRqs"></script></body></html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -5,6 +5,8 @@
         "build": "webpack"
     },
     "devDependencies": {
+        "@types/bootstrap": "^5.2.10",
+        "@typescript/lib-dom": "npm:@types/web@^0.0.150",
         "autoprefixer": "^10.4.19",
         "bootstrap": "^5.3.3",
         "canvg": "^4.0.2",

diff --git a/settings.css b/settings.css
diff --git a/settings.html b/settings.html
@@ -0,0 +1 @@
+<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QR Code Settings</title><link rel="icon" href="favicon.png"/><script defer="defer" src="settings.js"></script><link href="settings.css" rel="stylesheet"></head><body><div class="center card w-50" id="main" style="max-height: 80%;"><div id="card-header" class="card-header"><b>QR Code Settings</b></div><div id="card-body" class="card-body"><a class="btn btn-outline-primary" href="/">Back to generator</a><br/><div class="input-group" style="width: fit-content;"><input type="number" id="size-width" style="min-width: 4rem;" class="form-control" value="2000" min="1" disabled="disabled"/> <span class="input-group-text">x</span> <input type="number" id="size-height" style="min-width: 4rem;" class="form-control" value="2000" disabled="disabled"/></div></div></div></body></html>
diff --git a/settings.js b/settings.js
diff --git a/settings.js.LICENSE.txt b/settings.js.LICENSE.txt
@@ -0,0 +1,5 @@
+/*!
+  * Bootstrap v5.3.3 (https://getbootstrap.com/)
+  * Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
+  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+  */
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QR Code Generator</title><script defer="defer" src="app.js"></script><link href="app.css" rel="stylesheet"></head><body><div id="container"><svg id="qr" viewBox="0 0 33 33" fill="#000000" shape-rendering="crispEdges" xmlns="http://www.w3.org/2000/svg" version="1.1"><path transform="matrix(1,0,0,1,4,4)" d="M17,24h8v1h-8v-1zM8,24h5v1h-5v-1zM0,24h7v1h-7v-1zM24,23h1v1h-1v-1zM19,23h3v1h-3v-1zM14,23h4v1h-4v-1zM11,23h1v1h-1v-1zM9,23h1v1h-1v-1zM6,23h1v1h-1v-1zM0,23h1v1h-1v-1zM24,22h1v1h-1v-1zM21,22h2v1h-2v-1zM14,22h3v1h-3v-1zM11,22h2v1h-2v-1zM8,22h2v1h-2v-1zM6,22h1v1h-1v-1zM2,22h3v1h-3v-1zM0,22h1v1h-1v-1zM20,21h5v1h-5v-1zM17,21h2v1h-2v-1zM13,21h1v1h-1v-1zM8,21h1v1h-1v-1zM6,21h1v1h-1v-1zM2,21h3v1h-3v-1zM0,21h1v1h-1v-1zM22,20h3v1h-3v-1zM12,20h9v1h-9v-1zM10,20h1v1h-1v-1zM8,20h1v1h-1v-1zM6,20h1v1h-1v-1zM2,20h3v1h-3v-1zM0,20h1v1h-1v-1zM23,19h1v1h-1v-1zM20,19h2v1h-2v-1zM16,19h1v1h-1v-1zM14,19h1v1h-1v-1zM12,19h1v1h-1v-1zM10,19h1v1h-1v-1zM8,19h1v1h-1v-1zM6,19h1v1h-1v-1zM0,19h1v1h-1v-1zM22,18h3v1h-3v-1zM20,18h1v1h-1v-1zM18,18h1v1h-1v-1zM16,18h1v1h-1v-1zM13,18h2v1h-2v-1zM9,18h2v1h-2v-1zM0,18h7v1h-7v-1zM20,17h2v1h-2v-1zM15,17h2v1h-2v-1zM12,17h2v1h-2v-1zM8,17h1v1h-1v-1zM22,16h1v1h-1v-1zM16,16h5v1h-5v-1zM13,16h2v1h-2v-1zM4,16h8v1h-8v-1zM0,16h1v1h-1v-1zM24,15h1v1h-1v-1zM19,15h2v1h-2v-1zM14,15h1v1h-1v-1zM9,15h3v1h-3v-1zM2,15h4v1h-4v-1zM0,15h1v1h-1v-1zM23,14h2v1h-2v-1zM19,14h3v1h-3v-1zM15,14h3v1h-3v-1zM11,14h3v1h-3v-1zM9,14h1v1h-1v-1zM4,14h3v1h-3v-1zM2,14h1v1h-1v-1zM0,14h1v1h-1v-1zM23,13h1v1h-1v-1zM21,13h1v1h-1v-1zM19,13h1v1h-1v-1zM16,13h1v1h-1v-1zM7,13h4v1h-4v-1zM5,13h1v1h-1v-1zM3,13h1v1h-1v-1zM0,13h2v1h-2v-1zM22,12h3v1h-3v-1zM18,12h3v1h-3v-1zM12,12h4v1h-4v-1zM8,12h2v1h-2v-1zM2,12h5v1h-5v-1zM0,12h1v1h-1v-1zM24,11h1v1h-1v-1zM15,11h2v1h-2v-1zM11,11h1v1h-1v-1zM7,11h3v1h-3v-1zM3,11h1v1h-1v-1zM0,11h2v1h-2v-1zM23,10h2v1h-2v-1zM21,10h1v1h-1v-1zM18,10h2v1h-2v-1zM11,10h6v1h-6v-1zM6,10h2v1h-2v-1zM3,10h1v1h-1v-1zM23,9h1v1h-1v-1zM19,9h1v1h-1v-1zM16,9h2v1h-2v-1zM13,9h1v1h-1v-1zM10,9h1v1h-1v-1zM7,9h1v1h-1v-1zM4,9h1v1h-1v-1zM1,9h1v1h-1v-1zM18,8h5v1h-5v-1zM16,8h1v1h-1v-1zM11,8h3v1h-3v-1zM2,8h5v1h-5v-1zM0,8h1v1h-1v-1zM15,7h1v1h-1v-1zM8,7h2v1h-2v-1zM18,6h7v1h-7v-1zM16,6h1v1h-1v-1zM14,6h1v1h-1v-1zM12,6h1v1h-1v-1zM10,6h1v1h-1v-1zM8,6h1v1h-1v-1zM0,6h7v1h-7v-1zM24,5h1v1h-1v-1zM18,5h1v1h-1v-1zM15,5h2v1h-2v-1zM13,5h1v1h-1v-1zM8,5h3v1h-3v-1zM6,5h1v1h-1v-1zM0,5h1v1h-1v-1zM24,4h1v1h-1v-1zM20,4h3v1h-3v-1zM18,4h1v1h-1v-1zM16,4h1v1h-1v-1zM12,4h1v1h-1v-1zM10,4h1v1h-1v-1zM8,4h1v1h-1v-1zM6,4h1v1h-1v-1zM2,4h3v1h-3v-1zM0,4h1v1h-1v-1zM24,3h1v1h-1v-1zM20,3h3v1h-3v-1zM18,3h1v1h-1v-1zM12,3h3v1h-3v-1zM10,3h1v1h-1v-1zM8,3h1v1h-1v-1zM6,3h1v1h-1v-1zM2,3h3v1h-3v-1zM0,3h1v1h-1v-1zM24,2h1v1h-1v-1zM20,2h3v1h-3v-1zM18,2h1v1h-1v-1zM14,2h3v1h-3v-1zM8,2h4v1h-4v-1zM6,2h1v1h-1v-1zM2,2h3v1h-3v-1zM0,2h1v1h-1v-1zM24,1h1v1h-1v-1zM18,1h1v1h-1v-1zM15,1h1v1h-1v-1zM11,1h2v1h-2v-1zM6,1h1v1h-1v-1zM0,1h1v1h-1v-1zM18,0h7v1h-7v-1zM16,0h1v1h-1v-1zM9,0h2v1h-2v-1zM0,0h7v1h-7v-1z"/></svg><br/><div id="options"><input class="form-control" id="content" autocapitalize="off" autocomplete="off" value="https://qr.mikeylab.com" disabled="disabled"/><br/><div id="toggle" class="btn-group" role="group"><input type="radio" class="btn-check" name="toggle-state" id="toggle-svg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-svg">SVG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-png" autocomplete="off" disabled="disabled" checked="checked"> <label class="btn btn-outline-primary" for="toggle-png">PNG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-jpg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-jpg">JPG</label></div><br/><br/><div id="export" class="btn-group" role="group"><button id="copy" class="btn btn-info" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/></svg></button> <button id="download" class="btn btn-success" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download icon" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></svg></button></div></div></div><script src="qrcode.min.js" integrity="sha384-2TuB1hcPjOwTZkd6mt2mNGcgnmsqy1tbQOOHYmGlxYmTv00m7Aoba6FAfV8toRqs"></script></body></html>
		<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QR Code Generator</title><link rel="icon" href="favicon.png"/><script defer="defer" src="app.js"></script><link href="app.css" rel="stylesheet"></head><body><div id="container"><svg id="qr" viewBox="0 0 33 33" fill="#000000" shape-rendering="crispEdges" xmlns="http://www.w3.org/2000/svg" version="1.1"><path transform="matrix(1,0,0,1,4,4)" d="M17,24h8v1h-8v-1zM8,24h5v1h-5v-1zM0,24h7v1h-7v-1zM24,23h1v1h-1v-1zM19,23h3v1h-3v-1zM14,23h4v1h-4v-1zM11,23h1v1h-1v-1zM9,23h1v1h-1v-1zM6,23h1v1h-1v-1zM0,23h1v1h-1v-1zM24,22h1v1h-1v-1zM21,22h2v1h-2v-1zM14,22h3v1h-3v-1zM11,22h2v1h-2v-1zM8,22h2v1h-2v-1zM6,22h1v1h-1v-1zM2,22h3v1h-3v-1zM0,22h1v1h-1v-1zM20,21h5v1h-5v-1zM17,21h2v1h-2v-1zM13,21h1v1h-1v-1zM8,21h1v1h-1v-1zM6,21h1v1h-1v-1zM2,21h3v1h-3v-1zM0,21h1v1h-1v-1zM22,20h3v1h-3v-1zM12,20h9v1h-9v-1zM10,20h1v1h-1v-1zM8,20h1v1h-1v-1zM6,20h1v1h-1v-1zM2,20h3v1h-3v-1zM0,20h1v1h-1v-1zM23,19h1v1h-1v-1zM20,19h2v1h-2v-1zM16,19h1v1h-1v-1zM14,19h1v1h-1v-1zM12,19h1v1h-1v-1zM10,19h1v1h-1v-1zM8,19h1v1h-1v-1zM6,19h1v1h-1v-1zM0,19h1v1h-1v-1zM22,18h3v1h-3v-1zM20,18h1v1h-1v-1zM18,18h1v1h-1v-1zM16,18h1v1h-1v-1zM13,18h2v1h-2v-1zM9,18h2v1h-2v-1zM0,18h7v1h-7v-1zM20,17h2v1h-2v-1zM15,17h2v1h-2v-1zM12,17h2v1h-2v-1zM8,17h1v1h-1v-1zM22,16h1v1h-1v-1zM16,16h5v1h-5v-1zM13,16h2v1h-2v-1zM4,16h8v1h-8v-1zM0,16h1v1h-1v-1zM24,15h1v1h-1v-1zM19,15h2v1h-2v-1zM14,15h1v1h-1v-1zM9,15h3v1h-3v-1zM2,15h4v1h-4v-1zM0,15h1v1h-1v-1zM23,14h2v1h-2v-1zM19,14h3v1h-3v-1zM15,14h3v1h-3v-1zM11,14h3v1h-3v-1zM9,14h1v1h-1v-1zM4,14h3v1h-3v-1zM2,14h1v1h-1v-1zM0,14h1v1h-1v-1zM23,13h1v1h-1v-1zM21,13h1v1h-1v-1zM19,13h1v1h-1v-1zM16,13h1v1h-1v-1zM7,13h4v1h-4v-1zM5,13h1v1h-1v-1zM3,13h1v1h-1v-1zM0,13h2v1h-2v-1zM22,12h3v1h-3v-1zM18,12h3v1h-3v-1zM12,12h4v1h-4v-1zM8,12h2v1h-2v-1zM2,12h5v1h-5v-1zM0,12h1v1h-1v-1zM24,11h1v1h-1v-1zM15,11h2v1h-2v-1zM11,11h1v1h-1v-1zM7,11h3v1h-3v-1zM3,11h1v1h-1v-1zM0,11h2v1h-2v-1zM23,10h2v1h-2v-1zM21,10h1v1h-1v-1zM18,10h2v1h-2v-1zM11,10h6v1h-6v-1zM6,10h2v1h-2v-1zM3,10h1v1h-1v-1zM23,9h1v1h-1v-1zM19,9h1v1h-1v-1zM16,9h2v1h-2v-1zM13,9h1v1h-1v-1zM10,9h1v1h-1v-1zM7,9h1v1h-1v-1zM4,9h1v1h-1v-1zM1,9h1v1h-1v-1zM18,8h5v1h-5v-1zM16,8h1v1h-1v-1zM11,8h3v1h-3v-1zM2,8h5v1h-5v-1zM0,8h1v1h-1v-1zM15,7h1v1h-1v-1zM8,7h2v1h-2v-1zM18,6h7v1h-7v-1zM16,6h1v1h-1v-1zM14,6h1v1h-1v-1zM12,6h1v1h-1v-1zM10,6h1v1h-1v-1zM8,6h1v1h-1v-1zM0,6h7v1h-7v-1zM24,5h1v1h-1v-1zM18,5h1v1h-1v-1zM15,5h2v1h-2v-1zM13,5h1v1h-1v-1zM8,5h3v1h-3v-1zM6,5h1v1h-1v-1zM0,5h1v1h-1v-1zM24,4h1v1h-1v-1zM20,4h3v1h-3v-1zM18,4h1v1h-1v-1zM16,4h1v1h-1v-1zM12,4h1v1h-1v-1zM10,4h1v1h-1v-1zM8,4h1v1h-1v-1zM6,4h1v1h-1v-1zM2,4h3v1h-3v-1zM0,4h1v1h-1v-1zM24,3h1v1h-1v-1zM20,3h3v1h-3v-1zM18,3h1v1h-1v-1zM12,3h3v1h-3v-1zM10,3h1v1h-1v-1zM8,3h1v1h-1v-1zM6,3h1v1h-1v-1zM2,3h3v1h-3v-1zM0,3h1v1h-1v-1zM24,2h1v1h-1v-1zM20,2h3v1h-3v-1zM18,2h1v1h-1v-1zM14,2h3v1h-3v-1zM8,2h4v1h-4v-1zM6,2h1v1h-1v-1zM2,2h3v1h-3v-1zM0,2h1v1h-1v-1zM24,1h1v1h-1v-1zM18,1h1v1h-1v-1zM15,1h1v1h-1v-1zM11,1h2v1h-2v-1zM6,1h1v1h-1v-1zM0,1h1v1h-1v-1zM18,0h7v1h-7v-1zM16,0h1v1h-1v-1zM9,0h2v1h-2v-1zM0,0h7v1h-7v-1z"/></svg><br/><div id="options"><input class="form-control" id="content" autocapitalize="off" autocomplete="off" value="https://qr.mikeylab.com" disabled="disabled"/><br/><div id="toggle" class="btn-group" role="group"><input type="radio" class="btn-check" name="toggle-state" id="toggle-svg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-svg">SVG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-png" autocomplete="off" disabled="disabled" checked="checked"> <label class="btn btn-outline-primary" for="toggle-png">PNG</label> <input type="radio" class="btn-check" name="toggle-state" id="toggle-jpg" autocomplete="off" disabled="disabled"> <label class="btn btn-outline-primary" for="toggle-jpg">JPG</label></div><br/><br/><div id="export" class="btn-group" role="group"><a href="/settings.html" class="btn btn-secondary"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-gear" viewBox="0 0 16 16"><path d="M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0"/><path d="M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z"/></svg> </a><button id="copy" class="btn btn-info" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy icon" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/></svg></button> <button id="download" class="btn btn-success" disabled="disabled"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-download icon" viewBox="0 0 16 16"><path d="M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5"/><path d="M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z"/></svg></button></div></div></div><script src="qrcode.min.js" integrity="sha384-2TuB1hcPjOwTZkd6mt2mNGcgnmsqy1tbQOOHYmGlxYmTv00m7Aoba6FAfV8toRqs"></script></body></html>
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>QR Code Settings</title><link rel="icon" href="favicon.png"/><script defer="defer" src="settings.js"></script><link href="settings.css" rel="stylesheet"></head><body><div class="center card w-50" id="main" style="max-height: 80%;"><div id="card-header" class="card-header"><b>QR Code Settings</b></div><div id="card-body" class="card-body"><a class="btn btn-outline-primary" href="/">Back to generator</a><br/><div class="input-group" style="width: fit-content;"><input type="number" id="size-width" style="min-width: 4rem;" class="form-control" value="2000" min="1" disabled="disabled"/> <span class="input-group-text">x</span> <input type="number" id="size-height" style="min-width: 4rem;" class="form-control" value="2000" disabled="disabled"/></div></div></div></body></html>