Update flash1.html

Fr4nkFletcher · Feb 6, 2024 · 5fcefe2 · 5fcefe2
1 parent 4977b1f
commit 5fcefe2
Showing 1 changed file with 16 additions and 38 deletions.
diff --git a/flash1.html b/flash1.html
@@ -8,57 +8,38 @@
     <meta name="color-scheme" content="dark light">
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">
     <style>
+        body, html {
+            height: 100%;
+            margin: 0;
+        }
         body {
+            display: flex;
+            flex-direction: column;
             font-family: 'Poppins', sans-serif;
-            padding: 0;
-            margin: 0;
             background-color: #f0f0f0;
             color: #333;
             transition: background-color 0.3s, color 0.3s;
         }
         .content {
+            flex: 1;
+            width: auto;
             max-width: 600px;
             margin: 20px auto;
             padding: 20px;
             background: #fff;
             box-shadow: 0 2px 4px rgba(0,0,0,0.1);
             border-radius: 8px;
-        }
-        h1, h2, h3, p {
-            margin: 16px 0;
-        }
-        a {
-            color: #007bff;
-            text-decoration: none;
-        }
-        a:hover {
-            text-decoration: underline;
-        }
-        .button-row {
-            text-align: center;
-            margin-top: 20px;
-        }
-        esp-web-install-button {
-            transition: opacity 0.3s;
-        }
-        .invisible {
-            opacity: 0;
+            overflow: auto;
         }
         .footer {
             text-align: center;
-            padding: 24px;
+            padding: 12px;
             background: #f8f9fa;
             border-top: 1px solid #e9ecef;
-        }
-        .radios {
-            padding: 0;
-        }
-        .radios li {
-            list-style: none;
-            margin: 10px 0;
-        }
-        .radios input[type="radio"] {
-            margin-right: 8px;
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            width: 100%;
         }
         @media (prefers-color-scheme: dark) {
             body {
@@ -70,15 +51,12 @@
                 color: #e0e0e0;
                 box-shadow: none;
             }
-            a {
-                color: #58a6ff;
-            }
         }
     </style>
 </head>
 <body>
     <div class="content">
-        <h1>Cheap-Yellow-Marauder Web Flasher</h1>
+        <h1>🚀 Cheap-Yellow-Marauder Web Flasher 🚀</h1>
         <p>Choose your hardware</p>
         <ul class="radios">
             <li>
@@ -93,7 +71,7 @@ <h1>Cheap-Yellow-Marauder Web Flasher</h1>
         </p>
     </div>
     <div class="footer">
-        <a href="https://github.com/Fr4nkFletcher/ESP32-Marauder-Cheap-Yellow-Display">Cheap-Yellow-Marauder</a> &mdash; Installer powered by <a href="https://esphome.github.io/esp-web-tools/">ESP Web Tools</a>.
+        <a href="https://github.com/Fr4nkFletcher/ESP32-Marauder-Cheap-Yellow-Display">💻 Cheap-Yellow-Marauder</a> &mdash; Installer powered by <a href="https://esphome.github.io/esp-web-tools/">ESP Web Tools 🛠️</a>.
     </div>
     <script src="https://unpkg.com/[email protected]/dist/web/install-button.js?module"></script>
     <script>