Compare commits
2 Commits
cef48ec950
...
75ab0f1978
| Author | SHA1 | Date | |
|---|---|---|---|
|
75ab0f1978 | ||
|
|
b075cc15fc |
48
Regis.html
48
Regis.html
@ -1,48 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="id">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Hit or Run — Register</title>
|
||||
<style>
|
||||
body{
|
||||
margin:0; font-family:Inter, sans-serif; background:#071827;
|
||||
display:flex; align-items:center; justify-content:center; min-height:100vh;
|
||||
color:white;
|
||||
}
|
||||
.card{
|
||||
background:rgba(255,255,255,0.05); padding:28px; border-radius:16px;
|
||||
width:320px; box-shadow:0 8px 30px rgba(0,0,0,0.5);
|
||||
backdrop-filter:blur(8px);
|
||||
}
|
||||
h2{margin-top:0; text-align:center}
|
||||
label{display:block; margin:10px 0 4px; font-size:14px}
|
||||
input{
|
||||
width:100%; padding:10px; border-radius:8px; border:0; margin-bottom:10px;
|
||||
background:#ffffff12; color:white;
|
||||
}
|
||||
button{
|
||||
width:100%; padding:10px; border-radius:8px; border:0; cursor:pointer;
|
||||
background:linear-gradient(90deg,#ffd54a); color:black; font-weight:600;
|
||||
margin-top:10px;
|
||||
}
|
||||
.note{text-align:center; margin-top:10px; font-size:14px}
|
||||
a{color:#4ade80; text-decoration:none}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h2>Register — Hit or Run</h2>
|
||||
|
||||
<label>Username</label>
|
||||
<input type="text" placeholder="Masukkan username" />
|
||||
|
||||
<label>Password</label>
|
||||
<input type="password" placeholder="Masukkan password" />
|
||||
|
||||
<button onclick="window.location.href='login.html'">Daftar</button>
|
||||
|
||||
<div class="note">Sudah punya akun? <a href="login.html">Login</a></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
158
board.html
158
board.html
@ -1,158 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="id">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Hit and Run — Leaderboard</title>
|
||||
<style>
|
||||
:root{
|
||||
--bg:#071827;
|
||||
--card:#071827;
|
||||
--accent:#ffd54a;
|
||||
--muted:#cfe8d6;
|
||||
--glass: rgba(255,255,255,0.04);
|
||||
--shadow: 0 6px 18px rgba(2,8,3,0.6);
|
||||
--glass-2: rgba(0,0,0,0.35);
|
||||
font-family: Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
|
||||
}
|
||||
|
||||
html,body{
|
||||
height:100%;
|
||||
}
|
||||
|
||||
body{
|
||||
margin:0;
|
||||
background: radial-gradient(circle at 10% 10%, rgba(255,255,255,0.03), transparent 5%),
|
||||
linear-gradient(180deg, #000 0%, #071827 100%),
|
||||
var(--bg);
|
||||
color:var(--muted);
|
||||
-webkit-font-smoothing:antialiased;
|
||||
-moz-osx-font-smoothing:grayscale;
|
||||
padding:24px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
}
|
||||
|
||||
.container{
|
||||
width:100%;
|
||||
max-width:980px;
|
||||
background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
|
||||
border-radius:16px;
|
||||
padding:20px;
|
||||
box-shadow:var(--shadow);
|
||||
backdrop-filter: blur(6px);
|
||||
}
|
||||
|
||||
.header{
|
||||
display:flex;
|
||||
gap:16px;
|
||||
align-items:center;
|
||||
margin-bottom:14px
|
||||
}
|
||||
|
||||
.logo{
|
||||
width:78px;
|
||||
height:78px;
|
||||
border-radius:12px;
|
||||
background:linear-gradient(135deg,#071827,#071827);
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
flex-shrink:0;border:2px solid rgba(255,255,255,0.04)
|
||||
}
|
||||
|
||||
.logo h1{
|
||||
margin:0;
|
||||
color:var(--accent);
|
||||
font-size:20px;
|
||||
letter-spacing:0.6px
|
||||
}
|
||||
|
||||
.title{
|
||||
flex:1
|
||||
}
|
||||
|
||||
.title h2{
|
||||
margin:0;
|
||||
font-size:20px;
|
||||
color:#fff
|
||||
}
|
||||
|
||||
.title p{
|
||||
margin:4px 0 0 0;
|
||||
color:var(--muted);
|
||||
font-size:13px
|
||||
}
|
||||
|
||||
.board{
|
||||
display:block
|
||||
}
|
||||
|
||||
.panel{
|
||||
background:var(--card);
|
||||
padding:14px;
|
||||
border-radius:12px;
|
||||
border:1px solid var(--glass-2)
|
||||
}
|
||||
|
||||
.panel h3{margin:0 0 8px 0;color:var(--accent);font-size:14px}
|
||||
|
||||
table{width:100%;border-collapse:collapse;font-size:14px}
|
||||
thead th{font-size:12px;text-align:left;padding:8px 10px;color:var(--muted);opacity:0.9}
|
||||
tbody td{padding:10px;border-top:1px dashed rgba(255,255,255,0.03)}
|
||||
.rank{width:46px;font-weight:700;color:var(--accent)}
|
||||
.player{display:flex;gap:10px;align-items:center}
|
||||
.avatar{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#071827,#071827);display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}
|
||||
.name{font-weight:600}
|
||||
.score{font-weight:800;font-size:16px;color:#fff}
|
||||
.meta{font-size:12px;color:rgba(255,255,255,0.55)}
|
||||
|
||||
.small{font-size:12px;color:var(--muted)}
|
||||
|
||||
footer{margin-top:14px;font-size:12px;color:rgba(255,255,255,0.45);text-align:center}
|
||||
|
||||
@media (max-width:880px){
|
||||
.board{grid-template-columns:1fr}
|
||||
.logo{width:60px;height:60px}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="header">
|
||||
<div class="logo">
|
||||
<h1>🂺 🂹 🂸</h1>
|
||||
</div>
|
||||
<div class="title">
|
||||
<h2>Hit Or Run — Leaderboard</h2>
|
||||
<p>Daftar pemain terbaik dari meja Hit Or Run. Tema: felt table, kartu, dan nuansa kasino.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="board">
|
||||
<div class="panel">
|
||||
<h3>Top Players</h3>
|
||||
<div id="leaderboard-wrap">
|
||||
<table id="leaderboard">
|
||||
<thead>
|
||||
<tr><th class="rank">#</th><th>Player</th><th>Score</th></tr>
|
||||
</thead>
|
||||
<tbody id="board-body">
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div style="margin-top:12px;display:flex;gap:8px;align-items:center;justify-content:space-between">
|
||||
<div class="small">Sort by:
|
||||
<select id="sortBy" onchange="render()">
|
||||
</select>
|
||||
</div>
|
||||
<div class="small">Jumlah entries: <span id="count">0</span></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer>© 2025 Hit Or Run Leaderboard</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
53
login.html
53
login.html
@ -1,53 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="id">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Hit or Run — Login</title>
|
||||
<style>
|
||||
body{
|
||||
margin:0; font-family:Inter, sans-serif; background:#071827;
|
||||
display:flex; align-items:center; justify-content:center; min-height:100vh;
|
||||
color:white;
|
||||
}
|
||||
.card{
|
||||
background:rgba(255,255,255,0.05); padding:28px; border-radius:16px;
|
||||
width:320px; box-shadow:0 8px 30px rgba(0,0,0,0.5);
|
||||
backdrop-filter:blur(8px);
|
||||
}
|
||||
h2{margin-top:0; text-align:center}
|
||||
label{display:block; margin:10px 0 4px; font-size:14px}
|
||||
input{
|
||||
width:100%; padding:10px; border-radius:8px; border:0; margin-bottom:10px;
|
||||
background:#ffffff12; color:white;
|
||||
}
|
||||
button{
|
||||
width:100%; padding:10px; border-radius:8px; border:0; cursor:pointer;
|
||||
background:linear-gradient(90deg,#ffd54a); color:black; font-weight:600;
|
||||
margin-top:10px;
|
||||
}
|
||||
.note{text-align:center; margin-top:10px; font-size:14px}
|
||||
a{color:#4ade80; text-decoration:none}
|
||||
.logo{
|
||||
text-align:center; margin-bottom:12px; font-size:100px;
|
||||
filter:drop-shadow(0 0 8px #00000088);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<div class="logo">🂡</div>
|
||||
<h2>Login — Hit or Run</h2>
|
||||
|
||||
<label>Username</label>
|
||||
<input type="text" placeholder="Masukkan username" />
|
||||
|
||||
<label>Password</label>
|
||||
<input type="password" placeholder="Masukkan password" />
|
||||
|
||||
<button>Login</button>
|
||||
|
||||
<div class="note">Belum punya akun? <a href="regis.html">Register</a></div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
x
Reference in New Issue
Block a user