Merge pull request #29 from sebiboga/add-logo-in-UI

Update index.html
sebiboga · Oct 21, 2023 · 8d88326 · 8d88326
2 parents 3cd4083 + 46ba889
commit 8d88326
Showing 1 changed file with 60 additions and 6 deletions.
diff --git 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>