From 0bf5ad0f6d6f1629cfe6f4cad689f2f5111399e0 Mon Sep 17 00:00:00 2001 From: Taevas <67872932+TTTaevas@users.noreply.github.com> Date: Wed, 8 Mar 2023 00:58:30 +0100 Subject: [PATCH] Finish making the Webpage user-friendly --- Webpage/index.css | 72 +++++++++++++++++++++++++++++++++----- Webpage/index.html | 25 ++++++++------ Webpage/index.js | 86 ++++++++++++++++++++++++---------------------- 3 files changed, 121 insertions(+), 62 deletions(-) diff --git a/Webpage/index.css b/Webpage/index.css index 4afa95d..c5b0fb0 100644 --- a/Webpage/index.css +++ b/Webpage/index.css @@ -6,6 +6,7 @@ body { background-color: #112034; color: white; + overflow-x: hidden; } #presentation { @@ -32,50 +33,103 @@ label { color: black; } -input[type="button"] { +#btn { padding: 40px; margin: 10px; font-size: 50px; } +@media screen and (max-width: 700px) { + #btn { + font-size: 4.5vw; + } +} + #finder, #status { border: solid 1px; border-collapse: collapse; width: 80vw; margin-left: auto; margin-right: auto; - padding: 20px; } #finder { background-color: #00000075; margin-bottom: 20px; -} - -#status { - background-color: #030715a3; + padding: 20px; } #finder .row { margin: 15px; } +#status { + background-color: #030715a3; + overflow-x: hidden; +} + +#status > * { + margin: 20px +} + +#progress { + width: 200px; +} + +#progress > * { + text-align: left; +} + +#log_checking { + width: 0; +} + #list { flex: auto; width: 600px; - height: 500px; + height: 50vh; overflow-x: hidden; overflow-y: auto; - background-color: black; + background-color: #0000006e; border: solid 1px; } -ul { +#actual_list { padding: 0px; } +#list a { + color: white; +} +#list a:visited { + color: grey; +} + li { list-style: none; font-size: 20px; margin: 10px; } + +/* https://stackoverflow.com/a/23635565 */ +@-webkit-keyframes borderBlink { + from, to { + border-color: transparent + } + 50% { + border-color: white + } +} +@keyframes borderBlink { + from, to { + border-color: transparent + } + 50% { + border-color: white + } +} +.in_progress { + border-left: 5px solid; + -webkit-animation: borderBlink 2s step-end infinite; + animation: borderBlink 2s step-end infinite; +} diff --git a/Webpage/index.html b/Webpage/index.html index 3d8a00c..7db6965 100644 --- a/Webpage/index.html +++ b/Webpage/index.html @@ -28,15 +28,15 @@
- +
- +
- +
@@ -47,7 +47,7 @@
+ value="com, org, net, fr, de, xyz, cn, de, ua, ru, nl, in, tv, live" placeholder="">
@@ -57,17 +57,20 @@ - +
-
-
-

STATUS: STOPPED

-

COUNT:

-

CHECKING:

+