2 files changed, 36 insertions, 3 deletions
diff --git a/minecraft/index.html b/minecraft/index.html
index 1e082b9..9a5abab 100644
--- a/minecraft/index.html
+++ b/minecraft/index.html
@@ -12,6 +12,22 @@
    <title>Minecraft server list</title>
  </head>
+  <script>
+    function add2whitelist() {
+      username = document.getElementById("username").value;
+      button = document.getElementById("add-button");
+      fetch("https://mc.igorek.dev/whitelist", {
+        method: "POST",
+        body: username,
+      }).then((response) => {
+        response.text().then((text) => {
+          button.textContent = `[${text}]`;
+          setTimeout(() => (button.textContent = "[+ add]"), 2000);
+        });
+      });
+    }
+  </script>
  <body>
    <pre style="font-size: clamp(0.25em, 1.5vw, 0.75em)">
@@ -42,6 +58,7 @@
     Version: <a href="https://minecraft.wiki/w/Java_Edition_1.20.4">1.20.4</a>
     Map: <a href="https://mc.igorek.dev">https://mc.igorek.dev</a>
     IP: <span class="copy" copy-text="mc.igorek.dev:25565">mc.igorek.dev:25565</span>
+     Whitelist: <input type="text" id="username" placeholder="username"> <span id="add-button" class="add" onclick="add2whitelist()">[+ add]</span> 
     Recommended mods: <a href="https://modrinth.com/plugin/simple-voice-chat">Simple Voice Chat</a>
    </pre>
    <pre>
diff --git a/style.css b/style.css
index c24e85f..f7055b3 100644
--- a/style.css
+++ b/style.css
@@ -1,10 +1,11 @@
 @font-face {
-  font-family: Noto Sans Mono;
  src: url(font.ttf);
+  font-family: Noto Sans Mono;
 }
 * {
  font-family: Noto Sans Mono;
+  text-decoration-thickness: 0.01em;
 }
 @media screen and (max-width: 700px) {
@@ -33,14 +34,29 @@
  }
 }
+input {
+  border: none;
+  color: #7587a6;
+  background: none;
+  border-bottom: 0.01em solid#7587a6;
+}
+input::placeholder {
+  opacity: 1;
+  font-style: italic;
+}
 a,
-.copy {
+.copy,
+.add {
  cursor: pointer;
  color: #7587a6;
 }
 a:active,
-.copy:hover {
+.copy:hover,
+.add:hover {
  cursor: pointer;
  color: #9b859d;
 }