QR Generator

\n \n

\n Loading...\n

\n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n

\n \n \n

\n \n \n\n\n",[],[100],{"_104":183,"_96":184,"_156":116,"_158":-5,"_159":141,"_160":185,"_161":118,"_106":186,"_101":187,"_164":188,"_166":189,"_168":22,"_169":97,"_170":190,"_99":191},"2a27d248-f3d5-11f0-abd2-42dde27851f2","main.ts",23,["D",1768675730924],4,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer(import.meta.url);\n",[],[184],{"_104":193,"_96":194,"_156":195,"_158":-5,"_159":141,"_160":196,"_161":118,"_106":197,"_101":163,"_164":165,"_166":198,"_168":22,"_169":-5,"_170":199,"_99":200},"2d9e1f38-f48c-11f0-8c67-42dde27851f2","styles.css","894e63de-f3d2-11f0-b1b0-42dde27851f2",50,["D",1768754334634],":root {\n --pico-background-color: #0d0d0d;\n --pico-card-background-color: #1a1a1a;\n}\n\nbody {\n min-height: 100vh;\n background: linear-gradient(135deg, #0d0d0d 0%, #1a1a2e 100%);\n}\n\n.container {\n max-width: 480px;\n padding-top: 2rem;\n}\n\nh1 {\n background: linear-gradient(135deg, #fff 0%, #a5a5a5 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n margin: 1.5rem 0;\n}\n\n.qr-wrapper {\n background: #ffffff;\n border-radius: 24px;\n padding: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 8px 32px rgba(0,0,0,0.3);\n min-width: 312px;\n min-height: 312px;\n transition: background-color 0.2s;\n}\n\n.qr-wrapper svg,\n.qr-wrapper canvas {\n display: block;\n width: 280px;\n height: 280px;\n}\n\n.label-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.25rem;\n}\n\n.style-value {\n font-family: monospace;\n font-size: 0.75rem;\n color: var(--pico-primary);\n background: rgba(99, 102, 241, 0.15);\n padding: 0.2rem 0.5rem;\n border-radius: 4px;\n}\n\n.slider-labels {\n display: flex;\n justify-content: space-between;\n font-size: 0.7rem;\n color: rgba(255,255,255,0.35);\n margin-top: 0.25rem;\n padding: 0 0.25rem;\n}\n\ndetails {\n margin: 1rem 0;\n}\n\n.option-group {\n margin-bottom: 1rem;\n}\n\n.option-group:last-child {\n margin-bottom: 0;\n}\n\n.color-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n margin-top: 1rem;\n}\n\n.color-row .option-group {\n margin-bottom: 0;\n}\n\n.color-row input[type=\"color\"] {\n width: 100%;\n height: 42px;\n padding: 4px;\n cursor: pointer;\n}\n\n.action-buttons {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n\n.action-buttons button {\n width: 100%;\n margin-bottom: 0;\n}\n\nfooter {\n text-align: center;\n margin-top: 2rem;\n opacity: 0.5;\n font-size: 0.875rem;\n}\n\nfooter a {\n color: inherit;\n}\n\n.loading {\n color: rgba(0,0,0,0.4);\n font-size: 0.875rem;\n}\n",[],[194],"files",[153,173,182,192],"counts",{"_205":32,"_206":207,"_208":32,"_209":210,"_213":214},"pulls","branches",1,"forks","envVars",{"_211":32,"_212":32},"count","emptyCount","connections",{"_211":32,"_215":32},"unfilledCount","contents",[],{"_104":174,"_159":141,"_156":175,"_96":100,"_166":179,"_164":165,"_101":178,"_158":-5,"_106":219,"_160":176,"_169":-5,"_99":220},["D",1768677653414],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":229,"_165":234,"_237":238,"_286":287,"_298":-7,"_299":32,"_300":22},{"_104":105,"_96":97,"_106":230,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":-5,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":231,"_135":232,"_138":233,"_150":22},["D",1768674045845],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},{"_104":174,"_96":100,"_156":175,"_158":-5,"_159":141,"_160":176,"_161":118,"_106":235,"_101":178,"_164":165,"_166":179,"_168":22,"_169":-5,"_99":236},["D",1768677653414],[100],"history",[239,241,247,253,259,264,270,276,281],{"_104":174,"_159":141,"_156":175,"_96":100,"_166":179,"_164":165,"_101":178,"_158":-5,"_106":240,"_160":176,"_169":-5},["D",1768677653414],{"_104":242,"_159":141,"_156":175,"_96":100,"_166":243,"_164":165,"_101":244,"_158":-5,"_106":245,"_160":246,"_169":-5},"803a851e-f3d9-11f0-a57d-42dde27851f2","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n \n \n \n \n

\n \n \n\n\n",7,["D",1768677593304],45,{"_104":248,"_159":141,"_156":175,"_96":100,"_166":249,"_164":165,"_101":250,"_158":-5,"_106":251,"_160":252,"_169":-5},"3bed610c-f3d8-11f0-be4b-42dde27851f2","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n \n \n \n

\n \n \n\n\n",6,["D",1768677049226],42,{"_104":254,"_159":141,"_156":175,"_96":100,"_166":255,"_164":165,"_101":256,"_158":-5,"_106":257,"_160":258,"_169":-5},"0cfb7cf8-f3d8-11f0-b453-42dde27851f2","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n

\n \n \n

\n \n \n\n\n",5,["D",1768676970470],41,{"_104":260,"_159":141,"_156":175,"_96":100,"_166":261,"_164":165,"_101":187,"_158":-5,"_106":262,"_160":263,"_169":-5},"03e31478-f3d8-11f0-b459-42dde27851f2","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n

\n \n \n

\n \n \n\n\n",["D",1768676955206],40,{"_104":265,"_159":141,"_156":175,"_96":100,"_166":266,"_164":165,"_101":267,"_158":-5,"_106":268,"_160":269,"_169":-5},"6cc9313a-f3d7-11f0-acca-42dde27851f2","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n

\n \n \n

\n \n \n\n\n",3,["D",1768676701704],35,{"_104":271,"_159":141,"_156":175,"_96":100,"_166":272,"_164":165,"_101":273,"_158":-5,"_106":274,"_160":275,"_169":-5},"88393b96-f3d6-11f0-aa31-42dde27851f2","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

●■

\n \n

\n Corner Square\n extra-rounded\n

\n \n

●■

\n \n

\n Corner Dot\n dot\n

\n \n

●■

\n \n

\n Pixels\n \n

\n Background\n \n

\n \n \n URL\n \n \n \n

\n \n \n \n

\n \n \n

\n \n \n\n\n",2,["D",1768676318232],30,{"_104":277,"_159":141,"_156":175,"_96":100,"_166":278,"_164":165,"_101":207,"_158":-5,"_106":279,"_160":280,"_169":-5},"d7ad45e2-f3d5-11f0-9d09-42dde27851f2","\n\n\n \n \n QR Generator\n \n \n\n\n

QR Generator

\n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

\n ●\n ■\n

\n \n

\n Corner Square\n extra-rounded\n

\n \n

\n ●\n ■\n

\n \n

\n Corner Dot\n dot\n

\n \n

\n ●\n ■\n

\n \n \n URL\n \n \n \n \n

\n \n \n\n\n",["D",1768676022011],27,{"_104":282,"_159":141,"_156":175,"_96":100,"_166":283,"_164":165,"_101":32,"_158":-5,"_106":284,"_160":285,"_169":-5},"3069b464-f3d5-11f0-b2ac-42dde27851f2","\n\n\n \n \n Styled Link QR\n \n \n\n\n

Styled Link QR

\n \n \n URL\n \n \n \n

\n Loading...\n

\n \n \n \n

Customize

\n \n

\n Dots\n dots\n

\n \n

\n ●\n ■\n

\n \n

\n Corner Square\n extra-rounded\n

\n \n

\n ●\n ■\n

\n \n

\n Corner Dot\n dot\n

\n \n

\n ●\n ■\n

\n \n \n

\n \n \n\n\n",["D",1768675741423],24,"versions",[288,290,291,292,293,294,295,296,297],{"_165":239,"_289":241},"previous",{"_165":241,"_289":247},{"_165":247,"_289":253},{"_165":253,"_289":259},{"_165":259,"_289":264},{"_165":264,"_289":270},{"_165":270,"_289":276},{"_165":276,"_289":281},{"_165":281,"_289":-5},"versionNumber","page","hasNext","actionData","errors"]

kamalnrf

qr-generator

History for index.html