diff --git a/html/assets/logo.png b/html/assets/logo.png new file mode 100644 index 0000000..59b8db4 Binary files /dev/null and b/html/assets/logo.png differ diff --git a/html/assets/logo.svg b/html/assets/logo.svg deleted file mode 100644 index 41b208a..0000000 --- a/html/assets/logo.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - \ No newline at end of file diff --git a/html/assets/script.js b/html/assets/script.js index f33702a..d816903 100644 --- a/html/assets/script.js +++ b/html/assets/script.js @@ -47,7 +47,7 @@ window.onload = () => { formData.append("amount", parseInt(amount.value)); text.value = "Flooding in progress..."; text.style.color = "green"; - var request = await fetch("http://127.0.0.1/flood", { + var request = await fetch("/api/flood", { method: "POST", body: formData }) diff --git a/html/assets/style.css b/html/assets/style.css index ec9b1ed..d29dcf4 100644 --- a/html/assets/style.css +++ b/html/assets/style.css @@ -8,6 +8,7 @@ body align-items: center; justify-content: center; background-color: rgb(56, 18, 114); + font-family: Arial, Helvetica, sans-serif; } #container @@ -49,11 +50,8 @@ input #logo { - background-image: url("/html/assets/logo.svg"); height: 80px; - background-repeat: no-repeat; - background-position: center; - margin-bottom: 30px; + user-select: none; } #form @@ -112,6 +110,20 @@ input:focus, select:focus background-color: rgb(47, 47, 47); box-shadow: rgba(0, 0, 0, 0.25) 0px -2px inset; margin-top: 2px; - padding-bottom: 2px; min-height: 44px; +} + +#flood:active +{ + background-color: rgb(42, 42, 42); + box-shadow: none; + margin-top: 4px; + min-height: 42px; +} + +#text +{ + color: white; + margin: 0px; + font-weight: 700; } \ No newline at end of file diff --git a/html/index.html b/html/index.html index 083e101..2eb3f8c 100644 --- a/html/index.html +++ b/html/index.html @@ -12,7 +12,7 @@
- +