Update _worker.js

xixu-me · Aug 28, 2024 · 6b30835 · 6b30835
1 parent 80e12a4
commit 6b30835
Showing 1 changed file with 29 additions and 40 deletions.
diff --git a/_worker.js b/_worker.js
@@ -2103,51 +2103,41 @@ var HTML_HOMEPAGE = `
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>QR Code Generator</title>
+    <title>QR Generator</title>
+    <style>
+        body {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 90vh;
+            margin: 0;
+        }
+        .footer {
+            text-align: center;
+            position: fixed;
+            bottom: 5%;
+            width: 100%;
+        }
+    </style>
 </head>
 <body>
-    <div>
-        <button id="generate-svg">Generate SVG!</button>
-        <button id="generate-jpeg">Generate JPEG!</button>
-        <button id="generate-png">Generate PNG!</button>
-    </div>
+    <h1>QR Generator</h1>
+    <form id="qrForm">
+        <label for="textInput">Enter text:</label>
+        <input type="text" id="textInput" name="text" required>
+        <button type="submit">Generate QR code!</button>
+    </form>
     <script>
-        document.getElementById('generate-svg').addEventListener('click', function() {
-            generateQRCode('svg');
-        });
-
-        document.getElementById('generate-jpeg').addEventListener('click', function() {
-            generateQRCode('jpeg');
-        });
-
-        document.getElementById('generate-png').addEventListener('click', function() {
-            generateQRCode('png');
+        document.getElementById('qrForm').addEventListener('submit', function (event) {
+            event.preventDefault();
+            let text = document.getElementById('textInput').value;
+            window.open(\`/?text=\${encodeURIComponent(url)}\`, '_blank');
         });
-
-        function generateQRCode(format) {
-            const svgData = '<svg xmlns="http://www.w3.org/2000/svg" ...></svg>'; // Replace with actual SVG data generation logic
-            let canvas = document.createElement('canvas');
-            let ctx = canvas.getContext('2d');
-            let img = new Image();
-            img.onload = function () {
-                canvas.width = img.width;
-                canvas.height = img.height;
-                ctx.drawImage(img, 0, 0);
-                let link = document.createElement('a');
-                link.download = \`qr-code.\${format}\`;
-                if (format === 'svg') {
-                    link.href = 'data:image/svg+xml;base64,' + btoa(svgData);
-                } else {
-                    link.href = canvas.toDataURL(\`image/\${format}\`);
-                }
-                link.click();
-            };
-            img.src = 'data:image/svg+xml;base64,' + btoa(svgData);
-        }
     </script>
     <div class="footer">
-        This service is built from the GitHub repository <a href="https://github.com/xixu-me/QR-Generator"
-            target="_blank">xixu-me/QR-Generator</a>.
+        This service is built from the GitHub repository <a
+            href="https://github.com/xixu-me/QR-Generator" target="_blank">xixu-me/QR-Generator</a>.
     </div>
 </body>
 </html>
@@ -2170,7 +2160,6 @@ var src_default = {
         });
     }
 };
-
 export {
     src_default as default
 };