-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
142 lines (136 loc) · 7.82 KB
/
index.html
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" href="resources/favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap"
rel="stylesheet">
<title>The Chess Library</title>
</head>
<body class="background">
<link rel="stylesheet" href="style.css" href="https://fonts.googleapis.com/css?family=Roboto">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Ubuntu">
<script src="resources\\jquery.js"></script>
<script src="resources\\jquery-csv.js"></script>
<p id="thechesslibrary" class="banner-text" onclick="document.getElementById('banner-extra').style.visibility = 'visible';">thechesslibrary</p>
<div class="banner-extra" id="banner-extra">
<a href="../about.html"><p id="about" class="banner-text">about</p></a>
<p class="banner-text unitalic">•</p>
<a href="https://github.com/thechesslibrary/thechesslibrary.github.io"><p id="source" class="banner-text">source code</p></a>
<p class="banner-text unitalic">•</p>
<a href="../donate.html"><p id="donate" class="banner-text">donate</p></a>
</div>
<div class="flexbox-container">
<div id="chessboard-column">
<div id="icon-column">
<img class="options-icon robot" src="resources\\icons\\robot-sleep.png"></img>
<img class="options-icon legals" src="resources\\icons\\legals-enabled.png"></img>
<img class="options-icon arrows" src="resources\\icons\\arrows-enabled.png"></img>
<!-- <img class="options-icon" src="resources\\icons\\legals-enabled.png"></img> -->
</div>
<div id="chessboard-column-main">
<div id="stockfish">
<!-- <p style="display: inline-block; height: 0;"> </p> -->
<p class="stockfish-text evaluation">+0.00</p>
<p style="display: inline-block; height: 0; font-size: .25em;"> </p>
<p class="stockfish-text data depth">at depth ??<br></p>
<p class="stockfish-text data continuation">null</p>
</div>
<canvas id="chessboard" width="800" height="800"></canvas>
<div id="moves-display">
<div class="move-buttons">
<svg class="move-button full-back" src="resources\\icons\\full-back.svg"></svg>
<svg class="move-button back" src="resources\\icons\\back.svg"></svg>
<svg class="move-button forward" src="resources\\icons\\back.svg"></svg>
<svg class="move-button full-forward" src="resources\\icons\\full-back.svg"></svg>
</div>
<div class="moves-block">
</div>
<div class="selected-game-container" style="visibility: collapse; height: 50px;">
<div class="selected-game-info">
<p class="selected-game-text players">Botvinnik, Mikhail - Tal, Mikhail </p>
<p class="selected-game-text year">(1960)</p>
<p class="selected-game-text event">1960 World Championship.</p>
<p class="selected-game-text result"> 0-1 </p>
</div>
<div class="icon-container">
<svg class="icon youtube-icon" src="resources\\icons\\export-unselected.svg"></svg>
<img class="icon export-icon normal" src="resources\\icons\\export-unselected.svg"></img>
<img class="icon export-icon blue-filter"
src="resources\\icons\\export-unselected.svg"></img>
</div>
</div>
</div>
<div id="move-branches">
<div class="move-branch">
<p class="branch text no-left-padding">e4</p>
<div class="branch percentage">
<div class="white-percentage"></div>
<div class="draw-percentage"></div>
<div class="black-percentage"></div>
</div>
<p class="branch text no-right-padding">60%</p>
</div>
</div>
</div>
</div>
<div id="chess-directory" width="500" height="500">
<div id="directory-flex-container">
<div class="directory-header">
<div class="directory-header-text">
<p>found</p>
<p id="number-of-games">781,475</p>
<select name="Collection" id="collection">
<option value="world_championships">World Championship</option>
<option value="candidates">Candidates</option>
<option value="interzonals">Interzonal</option>
<option value="women">Women's WCC</option>
<option value="wijk">Wijk aan Zee</option>
<option value="olympiads">Chess Olympiad</option>
<option value="world_cup">World Cup</option>
<option value="sinquefield">Sinquefield</option>
<option value="tcec">TCEC</option>
<option value="lichess_broadcasts">Lichess Broadcast (2017—)</option>
<option value="titled_arena">Lichess Titled Arena</option>
<option value="titled_tuesday">Titled Tuesday (2019—)</option>
</select>
<br>
<p> games sorted by </p>
<select name="Sort" id="Sort">
<option value="WhiteEloDsc">White Elo ▼</option>
<option value="BlackEloDsc">Black Elo ▼</option>
<option value="DateDsc">Date ▼</option>
<option value="BlackEloAsc">Black Elo ▲</option>
<option value="WhiteEloAsc">White Elo ▲</option>
<option value="DateAsc">Date ▲</option>
</select>
<div class="p"></div>
</div>
</div>
</div>
<div class="games-container" id="games-container">
<div class="game-container">
<p class="event-date-result">2022 FIDE World Teams Championship</p>
<p class="event-date-result date-result">2022.11.03 • 1/2-1/2</p>
<p class="title">GM </p>
<p class="player">Wojtaszek, Radoslaw</p>
<p class="rating">(2636)</p>
<div style="margin: 0;"></div>
<p class="title black">GM </p>
<p class="player black">Lu, Shanglei</p>
<p class="rating black">(2627)</p>
</div>
</div>
</div>
<script src="scheduler.js"></script>
<script src="rendering.js"></script>
<script src="chess.js"></script>
<script src="script.js"></script>
<script src="database.js"> </script>
<script src="move-display.js"> </script>>
</div>
</body>