add html and css

2024-07-17 23:15:12 +02:00
parent fa84b5ba19
commit 6201d0ab2b
2 changed files with 250 additions and 0 deletions
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>SONY RM-D20P Pico Remote</title>
+    <!-- Required meta tags -->
+    <meta charset="utf-8" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1, shrink-to-fit=no"
+    />
+
+    <link rel="stylesheet" href="style.css" />
+  </head>
+
+  <body>
+    <main>
+      <h2 class="headline">SONY RM-D27M Remote</h2>
+      <span class="text-white text-with-line">LED Test Mode</span>
+      <div class="upper-buttonbox">
+      
+        <form action="/api/control-led" method="post">
+          <button name="led" type="submit" value="1" class="smallbutton">
+            LED on
+          </button>
+          <button name="led" type="submit" value="0" class="smallbutton">
+            LED off
+          </button>
+        </form>
+      </div>
+
+      
+      <span class="text-orange text-with-line">Title Editing</span>
+      <form action="/api/gettext" method="post" class="textinput-wrapper">
+        <textarea name="text_box" rows="4" cols="50"></textarea>
+        <button type="submit">Submit</button>
+      </form>
+
+      <section>
+        <form action="/api/gettextinput" method="get" class="textinput-wrapper">
+          <label for="text_input">Change Title</label>
+          <input type="text" name="text_input" class="textinput"/>
+          <button type="submit">Submit</button>
+        </form>
+      </section>
+      
+      <div class="upper-buttonbox">
+        <form action="/api/control-deck" method="post">
+          <button
+            name="control"
+            type="submit"
+            value="power"
+            class="smallbutton"
+          >
+            power
+          </button>
+          <button
+            name="control"
+            type="submit"
+            value="play"
+            class="smallbutton"
+          >
+            play
+          </button>
+          <button
+            name="control"
+            type="submit"
+            value="pause"
+            class="smallbutton"
+          >
+            pause
+          </button>
+          <button
+            name="control"
+            type="submit"
+            value="stop"
+            class="smallbutton"
+          >
+            stop
+          </button>
+          <button
+            name="control"
+            type="submit"
+            value="next"
+            class="smallbutton"
+          >
+            next
+          </button>
+          <button class="roundbutton"></button>
+          <button class="roundbutton"></button>
+        </form>
+      </div>
+      <div class="lower-buttonbox">
+        <button>Q</button>
+        <button>W</button>
+        <button>E</button>
+        <button>R</button>
+        <button>T</button>
+        <button>Z</button>
+      </div>
+    </main>
+    <footer>
+      <p>KEY BOARD REMOTE COMMANDER</p>
+    </footer>
+
+    /*
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"
+      integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+"
+      crossorigin="anonymous"
+    ></script>
+    */
+  </body>
+</html>