From a7d189d89d16ba6861a2a55fdbd25df3f5faedce Mon Sep 17 00:00:00 2001 From: MrUnknownDE Date: Fri, 2 Jan 2026 17:45:41 +0100 Subject: [PATCH] feat: update style --- frontend/app/dns-lookup.html | 220 ++++++++-- frontend/app/dns-lookup.js | 5 + frontend/app/index.html | 629 +++++++++++++++++++++------- frontend/app/mac-lookup.html | 216 ++++++++-- frontend/app/mac-lookup.js | 5 + frontend/app/script.js | 115 ++--- frontend/app/subnet-calculator.html | 409 +++++++++++------- frontend/app/whois-lookup.html | 219 ++++++++-- frontend/app/whois-lookup.js | 11 +- 9 files changed, 1336 insertions(+), 493 deletions(-) diff --git a/frontend/app/dns-lookup.html b/frontend/app/dns-lookup.html index 8a1a7e6..24b5b5c 100644 --- a/frontend/app/dns-lookup.html +++ b/frontend/app/dns-lookup.html @@ -1,5 +1,6 @@ + @@ -8,66 +9,199 @@ - -
-

uTools Network Suite

+ + +
+

uTools Network + Suite

-
+
-

DNS Lookup

+

DNS Lookup

-
-
+
+
- @@ -80,30 +214,38 @@
- - - - + + - - + +
+ \ No newline at end of file diff --git a/frontend/app/dns-lookup.js b/frontend/app/dns-lookup.js index 355c071..a7b363d 100644 --- a/frontend/app/dns-lookup.js +++ b/frontend/app/dns-lookup.js @@ -44,6 +44,11 @@ document.addEventListener('DOMContentLoaded', () => { * @param {function} displayFn - Funktion zur Formatierung und Anzeige der Daten im outputElement. */ async function fetchAndDisplay(endpoint, params, resultsSection, loaderElement, errorElement, queryElement, outputElement, displayFn) { + // Reset animation + resultsSection.classList.remove('fade-in'); + void resultsSection.offsetWidth; // Trigger reflow + resultsSection.classList.add('fade-in'); + resultsSection.classList.remove('hidden'); loaderElement.classList.remove('hidden'); errorElement.classList.add('hidden'); diff --git a/frontend/app/index.html b/frontend/app/index.html index 1573376..eace1aa 100644 --- a/frontend/app/index.html +++ b/frontend/app/index.html @@ -1,5 +1,6 @@ + @@ -8,87 +9,299 @@ + integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" /> - -
-

uTools Network Suite

+ + +
+

uTools Network + Suite

-
+
-

IP Information

+

Your Digital Footprint

-
+
-
-

Your Public IP

-
-
- - -
- -

Geolocation

-
-
-