From 46ba889020ffe237fe2063750a3152b026d17276 Mon Sep 17 00:00:00 2001
From: Boga Sebastian Nicolae <sebastian.boga@outlook.com>
Date: Sat, 21 Oct 2023 23:42:27 +0300
Subject: [PATCH] Update index.html

---
 index.html | 66 +++++++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 60 insertions(+), 6 deletions(-)
diff --git a/index.html b/index.html
index 952cb85..9a08f20 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,57 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Humans.txt Validator</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            background-color: #f0f0f0;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            height: 100vh;
+            margin: 0;
+        }
+
+        .input-container {
+            text-align: center;
+            background-color: #fff;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+            margin-bottom: 20px;
+        }
+
+        input[type="text"] {
+            width: 300px;
+            padding: 10px;
+            border: 2px solid #3498db;
+            border-radius: 5px;
+            outline: none;
+            font-size: 16px;
+        }
+
+        input[type="text"]:focus {
+            border-color: #e74c3c;
+        }
+
+        .button {
+            display: inline-block;
+            background-color: #3498db;
+            color: #fff;
+            padding: 10px 20px;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+            font-size: 16px;
+            transition: background-color 0.3s;
+        }
+
+        .button:hover {
+            background-color: #e74c3c;
+        }
+    </style>
+    <title>humans.txt validator</title>
     <script>
       async function fetchData(domain) {
         const apiUrl = `https://api.peviitor.ro/v0/humans-txt/engine/?domain=${domain}`;
@@ -49,15 +99,19 @@
     </script>
   </head>
   <body>
-    <h1>Domain Name Extractor</h1>
-    <input
+    <img src="assets/humanstxt-isolated-blank.gif" alt="human checker">
+        <div class="input-container">
+       <input
       type="text"
       id="urlInput"
       placeholder="Enter a web domain (e.g., http://example.com)"
       style="width: 80%"
     />
-    <button onclick="extractDomain()">Extract Domain</button>
-    <p id="domain"></p>
-    <pre id="humans"></pre>
+         <button onclick="extractDomain()">check!</button>
+    </div>
+  <div style="text-align: center;">
+       <p id="domain"></p>
+       <pre id="humans"></pre>
+  </div>    
   </body>
 </html>
