Delete comment

index.html

@@ -4,7 +4,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>QRDAMAGE.NET</title>
-    <meta name="description" content="Fast, offline, multi-format QR code generator.">
+
+    <meta name="description" content="Fast, client-side QR code generator.">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://qrdamage.net/">
+    <meta property="og:title" content="QR DAMAGE">
+    <meta property="og:description" content="Generate QR codes instantly in the browser.">
+
     <link rel="stylesheet" href="style.css">
     <link rel="icon" type="image/svg+xml" href="favicon.svg">
     <script src="qrcode.min.js"></script>
@@ -162,6 +168,9 @@
                 <p>
                 Powered by <a href="https://davidshimjs.github.io/qrcodejs/" target="_blank">qrcode.js</a> (MIT).
                 </p>
+                <p class="build-info">
+                VERSION: 0.1.1
+                </p>
             </div>
         </footer>
     </main>

robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://qrdamage.net/sitemap.xml

sitemap.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+    <url>
+        <loc>https://qrdamage.net/</loc>
+        <lastmod>2025-12-19</lastmod>
+        <changefreq>monthly</changefreq>
+        <priority>1.0</priority>
+    </url>
+</urlset>

style.css

@@ -583,12 +583,22 @@ input[type="radio"]:focus {
         border-bottom: 1px solid #ffffff;
     }
 
-    /* 4. STICKY WRAPPER: Toned down shadow */
+    /* 4. STICKY WRAPPER: Responsive Dark Mode logic */
+    /* Default (Mobile): Keep it clean/invisible */
     .sticky-wrapper {
-        background: #000000;
-        border: 1px solid #ffffff;
+        background: transparent;
+        border: none;
+        box-shadow: none;
+    }
 
-        box-shadow: 10px 10px 0px 0px #ddd;
+    /* Desktop Only: Add the Brutalist Box */
+    @media (min-width: 768px) {
+        .sticky-wrapper {
+            background: #000000;
+            border: 1px solid #ffffff;
+            /* Hard Dark Grey Shadow */
+            box-shadow: 10px 10px 0px 0px #333333;
+        }
     }
 
     /* 5. QR CONTAINER: Dark to match the theme */