chess-console-puzzles
Version:
GUI for solving chess puzzles
46 lines (45 loc) • 2.42 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css"
integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<link rel="stylesheet" href="assets/styles/chess-console-puzzles.css"/>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/solid.css"
integrity="sha384-Tv5i09RULyHKMwX0E8wJUqSOaXlyu3SQxORObAI08iUwIalMmN5L6AvlPX2LMoSE" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/fontawesome.css"
integrity="sha384-jLKHWM3JRmfMU0A5x5AkjWkw/EYfGUAGagvnfryNV3F9VqM98XiIH7VBGVoxVSc7" crossorigin="anonymous">
<title>chess-console-puzzles</title>
</head>
<body>
<div class="container-fluid">
<h1>chess-console-puzzles</h1>
<div id="puzzle-player-context"></div>
</div>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossOrigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"
integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ"
crossOrigin="anonymous"></script>
<script type="module">
import {PuzzleConsole} from "./src/chess-console-puzzles/PuzzleConsole.js"
import {PgnUrlPuzzleDao} from "./src/chess-console-puzzles/dao/PgnUrlPuzzleDao.js"
import {LocalPlayer} from "./lib/chess-console/players/LocalPlayer.js"
import {PuzzlePlayer} from "./src/chess-console-puzzles/player/PuzzlePlayer.js"
// context, player, opponent, props = {}
const puzzleConsole = new PuzzleConsole(
document.getElementById("puzzle-player-context"),
{name: "Player", type: LocalPlayer},
{name: "Puzzle Engine", type: PuzzlePlayer},
{
puzzleDao: new PgnUrlPuzzleDao({url: "./assets/puzzles/puzzles_Oli1970.pgn"}),
worker: "./assets/engines/stockfish-v10-niklasf.js",
firstMoveMisMove: false
})
// puzzleConsole.loadPuzzle(0)
</script>
</body>
</html>