adamandClaude Opus 5.5
7a95e50fe7
The game saves usernames in lowercase, but the search box and the user/board URL parameters were used as typed, so searching "Adam" reported that the user had never played. Lowercase them before use. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
122 lines
2.4 KiB
HTML
122 lines
2.4 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Wordle Viewer</title>
|
||
<style>
|
||
body {
|
||
background: #0b0b0b;
|
||
color: #f2f2f2;
|
||
font-family: Arial, sans-serif;
|
||
min-height: 100vh;
|
||
margin: 0;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
.container {
|
||
background: #141414;
|
||
border-radius: 12px;
|
||
padding: 2rem 2.5rem;
|
||
box-shadow: 0 0 30px rgba(0,0,0,0.7);
|
||
max-width: 420px;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
|
||
h1 {
|
||
margin-top: 0;
|
||
margin-bottom: 0.5rem;
|
||
font-size: 2rem;
|
||
color: #51ff7a;
|
||
text-shadow: 0 0 10px rgba(81,255,122,0.6);
|
||
}
|
||
|
||
p {
|
||
margin-top: 0;
|
||
margin-bottom: 2rem;
|
||
color: #aaa;
|
||
font-size: 0.95rem;
|
||
}
|
||
|
||
.form-row {
|
||
display: flex;
|
||
gap: 0.5rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
|
||
input[type="text"] {
|
||
flex: 1;
|
||
padding: 0.6rem 0.7rem;
|
||
border-radius: 6px;
|
||
border: 1px solid #333;
|
||
background: #1c1c1c;
|
||
color: #f2f2f2;
|
||
font-size: 1rem;
|
||
}
|
||
|
||
input[type="text"]:focus {
|
||
outline: none;
|
||
border-color: #51ff7a;
|
||
box-shadow: 0 0 6px rgba(81,255,122,0.6);
|
||
}
|
||
|
||
button {
|
||
padding: 0.6rem 1rem;
|
||
border-radius: 6px;
|
||
border: none;
|
||
background: #51ff7a;
|
||
color: #061006;
|
||
font-weight: bold;
|
||
cursor: pointer;
|
||
font-size: 1rem;
|
||
}
|
||
|
||
button:hover {
|
||
background: #3ee067;
|
||
}
|
||
|
||
.hint {
|
||
margin-top: 1rem;
|
||
font-size: 0.85rem;
|
||
color: #777;
|
||
}
|
||
</style>
|
||
<link rel="icon" type="image/png" href="https://www.adbraun.lol/wordle/favicon.ico"/>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="container">
|
||
<h1>Wordle Viewer</h1>
|
||
<p>Enter a username to view their stats and games.</p>
|
||
|
||
<form id="search-form">
|
||
<div class="form-row">
|
||
<input id="user-input" type="text" placeholder="Username (e.g. adam)" autocomplete="off" />
|
||
<button type="submit">View stats</button>
|
||
</div>
|
||
</form>
|
||
|
||
<div class="hint">
|
||
You’ll be taken to <code>stats.html?user=<name></code>.
|
||
</div>
|
||
</div>
|
||
|
||
<script>
|
||
const form = document.getElementById("search-form");
|
||
const input = document.getElementById("user-input");
|
||
|
||
form.addEventListener("submit", (e) => {
|
||
e.preventDefault();
|
||
// The game saves usernames in lowercase
|
||
const user = input.value.trim().toLowerCase();
|
||
if (!user) return;
|
||
window.location.href = `/stats.html?user=${encodeURIComponent(user)}`;
|
||
});
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|
||
|