<!DOCTYPE html>
<html>
<head>
<title>TaprootCows - Whitelist Checker</title>
<style>
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100vh;
font-family: Monospace, Sans-serif;
font-size: 12px;
}
h1 {
font-size: 24px;
text-align: center;
}
h2 {
font-size: 16px;
text-align: center;
}
form {
display: flex;
flex-direction: column;
align-items: center;
font-family: Monospace, Sans-serif;
}
label {
margin-bottom: 10px;
}
input {
padding: 5px;
margin-bottom: 10px;
width: 250px;
}
button {
padding: 10px 20px;
font-family: Monospace, Sans-serif;
}
#response {
font-weight: bold;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
</style>
</head>
<body>
<h1>Taproot Cows Universe</h1>
<h2>Quantum Link Tier 3</h2>
<form id="walletForm">
<label for="walletAddress">Whitelist Checker</label>
<input type="text" id="walletAddress" placeholder="Enter your ordinal wallet here 'bc1...'" name="walletAddress" required>
<button type="submit">Check</button>
</form>
<div id="response"></div>
<script>
const form = document.getElementById('walletForm');
const responseContainer = document.getElementById('response');
form.addEventListener('submit', async (event) => {
event.preventDefault();
const walletAddressInput = document.getElementById('walletAddress');
const walletAddress = walletAddressInput.value;
if (!walletAddress.startsWith('bc1')) {
responseContainer.innerHTML = '<pre>Invalid wallet address.\nPlease enter a valid address starting with "bc1...".</pre>';
return;
}
try {
const response = await fetch(`https://taprootcows.duckdns.org:4443/check?address=${walletAddress}`);
const data = await response.json();
responseContainer.innerHTML = `<pre>${data.message}</pre>`;
walletAddressInput.value = '';
setTimeout(() => {
responseContainer.textContent = '';
}, 15000);
} catch (error) {
console.error('Error:', error);
}
});
</script>
</body>
</html>