Spaces:
Sleeping
Sleeping
File size: 1,589 Bytes
4af4cb2 50d0d7d 4af4cb2 951ba4e da43e69 c3b37d1 da43e69 7baac56 418ea3f da43e69 9670e3c 4af4cb2 50d0d7d 4af4cb2 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="/static/chessboard-1.0.0.min.css">
<link rel="stylesheet" href="/static/styles.css">
</head>
<body>
<p style="background: #fff3cd; padding: 10px; border-radius: 4px; border: 1px solid #ffc107;"> This is a proof-of-concept and only sporadically maintained. Use the Community tab for feature suggestions or feedback! </p>
<h1>Position Search</h1>
<p> Search for Lichess puzzles by position</p>
<div class="container">
<div>
<div id="board"></div>
<div style="margin-top: 10px; width: var(--board-width);">
<div style="display: flex; gap: 10px; align-items: center;">
<input type="text" id="fen" placeholder="Paste FEN here..." style="flex: 1; padding: 8px; font-family: monospace; min-width: 0;">
<button onclick="let f=document.getElementById('fen').value.trim(); if(f) { board.position(f.split(' ')[0]); updateInfo(); }">Load</button>
</div>
<div style="display: flex; gap: 10px; margin-top: 10px;">
<button onclick="board.clear(); document.getElementById('results').innerHTML = ''; updateInfo();">Clear</button>
<button onclick="search()">Search</button>
</div>
</div>
</div>
</div>
<div id="results"></div>
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="/static/chessboard-1.0.0.min.js"></script>
<script src="/static/app.js"></script>
</body>
</html> |