Initial commit

2026-03-26 21:05:16 +00:00 · 2020-04-11 23:09:11 +03:00
commit 11596c3d6d
5 changed files with 223 additions and 0 deletions
--- a/popup.html
+++ b/popup.html
@@ -0,0 +1,104 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8">
+    <style>
+      body {
+        min-width: 80px;
+      }
+      /* The switch - the box around the slider */
+      .switch {
+        position: relative;
+        display: inline-block;
+        width: 60px;
+        height: 34px;
+      }
+
+      /* Hide default HTML checkbox */
+      .switch input {
+        opacity: 0;
+        width: 0;
+        height: 0;
+      }
+
+      /* The slider */
+      .slider {
+        position: absolute;
+        cursor: pointer;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: #ccc;
+        -webkit-transition: .4s;
+        transition: .4s;
+      }
+
+      .slider:before {
+        position: absolute;
+        content: "";
+        height: 26px;
+        width: 26px;
+        left: 4px;
+        bottom: 4px;
+        background-color: white;
+        -webkit-transition: .4s;
+        transition: .4s;
+      }
+
+      input:checked + .slider {
+        background-color: #2196F3;
+      }
+
+      input:focus + .slider {
+        box-shadow: 0 0 1px #2196F3;
+      }
+
+      input:checked + .slider:before {
+        -webkit-transform: translateX(26px);
+        -ms-transform: translateX(26px);
+        transform: translateX(26px);
+      }
+
+      /* Rounded sliders */
+      .slider.round {
+        border-radius: 34px;
+      }
+
+      .slider.round:before {
+        border-radius: 50%;
+      }
+
+      .header {
+        background-color: #2196F3;
+        color: white;
+        width: 100vw;
+        position: relative;
+        margin-left: -50vw;
+        left: 50%;
+        margin-top: -20vw;
+        margin-bottom: 10vw;
+        padding-top: 5px;
+        padding-bottom: 5px;
+      }
+
+      input {
+        font-size:13pt;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="header">
+      <input id="idToHide" type="text" placeholder="ID человека" />
+      <h3 align="center" id="status"></h3>
+    </div>
+    <!--<button id="disableButton">Toggle</button>-->
+    <div style="text-align: center;">
+      <label class="switch">
+        <input type="checkbox" id="disableCheckbox">
+        <span class="slider round"></span>
+      </label>
+    </div>
+    <script src="popup.js"></script>
+  </body>
+</html>