deleted empty lines and comments

index.html

@@ -5,7 +5,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Arduino Remote Web</title>
     <style>
-        /* Base styles and color scheme */
         :root {
             --bg-color: #2c3e50;
             --btn-color: #ecf0f1;
@@ -15,8 +14,6 @@
             --border-radius: 10px;
             --box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
         }
-
-        /* Body and basic styling */
         body {
             background-color: var(--bg-color);
             font-family: Arial, sans-serif;
@@ -28,7 +25,6 @@
             justify-content: center;
             min-height: 100vh;
         }
-
         .flex-container {
             display: flex;
             flex-direction: row;
@@ -37,15 +33,12 @@
             gap: 10px;
             margin-bottom: 20px;
         }
-
         .flex-container-column {
             display: flex;
             flex-direction: column;
             justify-content: center;
             gap: 10px;
         }
-
-        /* Button and div styling */
         .flex-container>div,
         .flex-container-column>div {
             background-color: var(--btn-color);
@@ -59,10 +52,7 @@
             transition: transform 0.2s ease, background-color 0.3s ease;
             cursor: pointer;
             flex: 1;
-            /* Allow buttons to grow and fill available space */
         }
-
-        /* Hover and active effects */
         .flex-container>div:hover,
         .flex-container-column>div:hover {
             background-color: var(--btn-hover-color);
@@ -75,54 +65,33 @@
             background-color: var(--highlight-color);
             color: #fff;
         }
-
-        /* Numpad specific styles */
         #numpad {
             display: flex;
             flex-direction: column;
             gap: 5px;
-            /* Reduced gap between rows in the numpad */
         }
-
         #numpad div {
             display: flex;
-            /* Use flex for rows */
             justify-content: center;
-            /* Center buttons horizontally */
             gap: 10px;
-            /* Space between buttons */
             flex-wrap: nowrap;
-            /* Prevent wrapping to keep buttons in one row */
         }
-
-        /* Center the number-0 button */
         #number-0 {
             flex: 1;
-            /* Allow the button to grow and take full width */
             display: flex;
             justify-content: center;
-            /* Center horizontally */
             align-items: center;
-            /* Center vertically */
             height: 60px;
-            /* Increase height for better tap target */
         }
-
-        /* Responsive adjustments */
         @media (max-width: 768px) {
             .flex-container {
                 flex-direction: column;
             }
-
-            /* Ensure numpad rows remain horizontal on smaller screens */
             #numpad div {
                 flex-direction: row;
-                /* Set row layout for numpad buttons */
                 justify-content: space-between;
-                /* Distribute space between buttons */
             }
         }
-
         @media (max-width: 480px) {
 
             .flex-container>div,
@@ -138,7 +107,6 @@
 
             #number-0 {
                 height: 60px;
-                /* Keep a consistent height for the number 0 button */
             }
         }
     </style>
@@ -147,7 +115,7 @@
           fetch('/sendSignal', {
           method: 'POST',
           headers: { 'Content-Type': 'application/json' },
-          body: JSON.stringify({ code: buttonCode })  // Sending JSON data
+          body: JSON.stringify({ code: buttonCode })
         })
     }
     </script>
@@ -198,4 +166,4 @@
       <div id="Enter" onclick="sendButtonSignal(0x10)">Enter</div>
     </div>
 </body>
-</html>
+</html>