chesstrainer/local.html at main · ppipelin/chesstrainer · GitHub

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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!doctype html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="author" content="Paul-Elie Pipelin">
	<meta name="description" content="A tool to train chess openings. Personal site of Paul-Elie Pipelin, engineer in digital imaging.">
	<meta name="keywords" content="Chess, Opening, Engineer, Paul-Elie, Pipelin, Digital, Imaging, Computer, Graphics">

	<title>Paul-Élie Pipelin - Chess Trainer</title>
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" media="print" onload="this.media='all'">
	<noscript>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css">
	</noscript>

	<link rel="icon" type="image/x-icon" href="kdt60.png">
	<script type="module" id="chessmodule" src="https://unpkg.com/chessboard-element?module"></script>
	<script type="text/javascript">
		document.getElementById("chessmodule").onload = function () {
			function loadScript(url, callback) {
				const s = document.createElement("script");
				s.src = url;
				s.async = true;
				s.onload = callback;
				s.onerror = () => console.error("Failed to load", url);
				document.head.appendChild(s);
			}

			loadScript("script.js", () => {
				loadboard("dragon_accelerated.chess", "black");
				console.log(board);
			});
		};
	</script>
</head>

<body>
	<!------------------------------------------------>
	<div class="container tight">
		<div class="row my-4">
			<h1>
				Chesstrainer
			</h1>
		</div>
		<br>
		<div class="row">
			<div class="col-md-5">
				<chess-board style="width: 90%; min-width: 300px; max-width: 700px" draggable-pieces move-speed="slow">
				</chess-board>
			</div>
			<div class="col-md-7" id="chess_text1">
				<div class="row">
					<div class="col-8">
						<div class="hella">History: </div>
						<div class="overflow-auto p-3 bg-light" id="chess_text" style="max-height: 300px"></div>
					</div>
					<div class="col-4">
						<div class="custom-control custom-switch" id="hint_dad">
							<input type="checkbox" class="custom-control-input" id="hint_toggle" onclick="document.getElementById('hint_text').style.visibility = (document.getElementById('hint_toggle').checked ? 'visible':'hidden')">
							<label class="custom-control-label" for="hint_toggle">Hint</label>
							<div id="hint_text" style="visibility: hidden;">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div>
			<button onclick="loadboard()">reset</button>
			<button onclick="playNext()">next move</button>
			<button onclick="playAuto()">play auto</button>
			<br>
			<br>
			<textarea class="textarea resize-ta" id="tree_text" style="font-size: 0.7em; width: 90%;min-width: 300px;resize: both;" notab="notab"></textarea>
			<br>
			<button onclick="loadGame('scandinavian.chess', 'black')">Load Scandinavian</button>
			<button onclick="loadGame('najdorf.chess', 'black')">Load Najdorf</button>
			<button onclick="loadGame('scotch.chess', 'white')">Load Scotch</button>
			<button onclick="loadGame('dragon_accelerated.chess', 'white')">Load Accelerated Dragon</button>
		</div>
		<div>
			This tool was made for training defenses. You are supposed to respond theorically to an attack from the whites. All the possible attacks and responses are stored in a <code>.chess</code> extension. Feel free to create new ones and send it to me.
		</div>
		<div>
			New contents incoming : attack selecting for custom training & statistics & new <code>.chess</code>.
		</div>
		<br>
		<div>
			Board from <a href="https://github.com/justinfagnani/chessboard-element">justinfagnani</a>
		</div>
	</div>
</body>

</html>