mirror of
https://github.com/abrendan/l00kup.git
synced 2025-08-25 05:52:07 +02:00
Initial commit
This commit is contained in:
Brendan
76
public/index.html
Normal file
76
public/index.html
Normal file
@@ -0,0 +1,76 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>l00kup// - Domain Lookup Services</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>l00kup// - Domain Lookup Services</h1>
|
||||
</header>
|
||||
<p>Made by abrendan</p>
|
||||
<div class="forms-container">
|
||||
<div class="form-box" id="reverseLookupFormContainer">
|
||||
<h1>Reverse Domain Lookup</h1>
|
||||
<form id="reverseLookupForm">
|
||||
<input type="text" id="reverseDomainInput" placeholder="Enter domain for Reverse Lookup" required>
|
||||
<button type="submit">Reverse Lookup</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="form-box" id="whoisLookupFormContainer">
|
||||
<h1>WHOIS Lookup</h1>
|
||||
<form id="whoisLookupForm">
|
||||
<input type="text" id="whoisDomainInput" placeholder="Enter domain for WHOIS Lookup" required>
|
||||
<button type="submit">WHOIS Lookup</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div id="output"></div>
|
||||
|
||||
<script>
|
||||
// Reverse Lookup
|
||||
document.getElementById('reverseLookupForm').addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
const domain = document.getElementById('reverseDomainInput').value;
|
||||
|
||||
fetch('/reverseLookup', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({ domain }),
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
document.getElementById('output').innerHTML = `<h2>Reverse Lookup Result</h2><pre>${JSON.stringify(data, null, 2)}</pre>`;
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
});
|
||||
});
|
||||
|
||||
// WHOIS Lookup
|
||||
document.getElementById('whoisLookupForm').addEventListener('submit', function(e) {
|
||||
e.preventDefault();
|
||||
const domain = document.getElementById('whoisDomainInput').value;
|
||||
|
||||
fetch('/whoisLookup', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify({ domain }),
|
||||
})
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
document.getElementById('output').innerHTML += `<h2>WHOIS Information</h2><pre>${data.whois}</pre>`;
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Error:', error);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
89
public/style.css
Normal file
89
public/style.css
Normal file
@@ -0,0 +1,89 @@
|
||||
body {
|
||||
background-color: #121212;
|
||||
color: #ffffff; /* Ensuring text is readable against the very dark background */
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column; /* Changed for result alignment */
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
header {
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
color: #ffffff; /* Ensure the header text is white for visibility */
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 800px;
|
||||
width: 100%;
|
||||
padding: 20px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-box {
|
||||
background-color: #1e1e1e;
|
||||
padding: 20px;
|
||||
margin: 10px; /* Adjusted margin for closer forms */
|
||||
border-radius: 8px;
|
||||
flex-grow: 1;
|
||||
flex-basis: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #9c27b0; /* Purple accent for headings */
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #9c27b0;
|
||||
color: #ffffff;
|
||||
border: none;
|
||||
padding: 10px 20px;
|
||||
border-radius: 5px;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #7b1fa2; /* A slightly darker purple for hover effect */
|
||||
}
|
||||
|
||||
input {
|
||||
width: calc(100% - 22px);
|
||||
padding: 10px;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #333;
|
||||
background-color: #292929;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.forms-container {
|
||||
display: flex;
|
||||
flex-direction: column; /* Stack vertically on mobile by default */
|
||||
align-items: center;
|
||||
width: 80%; /* Adjusted width for tighter grouping */
|
||||
margin: 0 auto; /* Centering */
|
||||
}
|
||||
|
||||
#output {
|
||||
background-color: #292929 /* Lighter grey background */
|
||||
padding: 20px; /* Adding some padding for better readability */
|
||||
border-radius: 8px; /* Optional: adds rounded corners */
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: adds a subtle shadow for depth */
|
||||
color: #ffffff; /* Setting text color for better contrast with the lighter background */
|
||||
margin-top: 20px; /* Ensures there's space between the forms and the result */
|
||||
width: 80%; /* Keeps the width consistent with your form container */
|
||||
}
|
||||
|
||||
/* Media query for screens wider than 768px */
|
||||
@media (min-width: 768px) {
|
||||
.forms-container {
|
||||
flex-direction: row; /* Now side-by-side */
|
||||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user