-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
111 lines (111 loc) · 7.52 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
<!doctype html>
<html lang="en">
<head>
<title>Bitboard Viewer</title>
<meta name="description" content="Bitboard viewer for chess engine developers - supports decimal, hexadecimal and binary numbers with four available layouts.">
<meta name="author" content="Tearth">
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom box-shadow">
<h5 class="my-0 mr-md-auto font-weight-normal">Bitboard Viewer</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 text-dark" href="https://www.chessprogramming.org/Bitboards">What is bitboard?</a>
<a class="p-2 text-dark" href="https://www.chessprogramming.org/Main_Page">Chess Programming Wiki</a>
<a class="p-2 text-dark" href="https://github.com/Tearth/Bitboard-Viewer">Source code</a>
<a class="p-2 text-dark" href="https://github.com/Tearth/Bitboard-Viewer/issues">Report a bug</a>
</nav>
</div>
<div id="container" class="container" style="display: none">
<div class="card-columns mb-3 text-center no-bottom-margin custom-columns-1-2-4">
<div class="card mb-4 box-shadow small-bottom-margin">
<div class="card-body small-padding">
<div class="radio-row">
<input type="radio" id="layoutRadio1" name="radioLayout" value="1">
<label class="no-bottom-margin">Layout 1</label>
</div>
<div id="layout1" class="layout"></div>
</div>
</div>
<div class="card mb-4 box-shadow small-bottom-margin">
<div class="card-body small-padding">
<div class="radio-row">
<input type="radio" id="layoutRadio2" name="radioLayout" value="2">
<label class="no-bottom-margin">Layout 2</label>
</div>
<div id="layout2" class="layout"></div>
</div>
</div>
<div class="card mb-4 box-shadow small-bottom-margin">
<div class="card-body small-padding">
<div class="radio-row">
<input type="radio" id="layoutRadio3" name="radioLayout" value="3">
<label class="no-bottom-margin">Layout 3</label>
</div>
<div id="layout3" class="layout"></div>
</div>
</div>
<div class="card mb-4 box-shadow small-bottom-margin">
<div class="card-body small-padding">
<div class="radio-row">
<input type="radio" id="layoutRadio4" name="radioLayout" value="4">
<label class="no-bottom-margin">Layout 4</label>
</div>
<div id="layout4" class="layout"></div>
</div>
</div>
</div>
<div class="card-columns mb-3 text-center no-bottom-margin custom-columns-1-3">
<div class="card mb-4 box-shadow small-bottom-margin">
<div class="card-body small-padding">
<div id="bitboard1" class="bitboard"></div>
<div class="input-row"><input type="textbox" id="decBitboard1" class="form-control" placeholder="Decimal" value="0"></div>
<div class="input-row"><input type="textbox" id="hexBitboard1" class="form-control" placeholder="Hexadecimal" value="0x0"></div>
<div class="input-row"><input type="textbox" id="binBitboard1" class="form-control" placeholder="Binary" value="0b0"></div>
<div class="btn-group buttons-row">
<input type="button" id="fillBitboard1" class="btn btn-primary" value="Fill">
<input type="button" id="clearBitboard1" class="btn btn-primary" value="Clear">
<input type="button" id="shlBitboard1" class="btn btn-primary" value="Shl">
<input type="button" id="shrBitboard1" class="btn btn-primary" value="Shr">
<input type="button" id="notBitboard1" class="btn btn-primary" value="Not">
</div>
</div>
</div>
<div class="card mb-4 box-shadow small-bottom-margin">
<div class="card-body small-padding">
<div id="bitboard2" class="bitboard"></div>
<div class="input-row"><input type="textbox" id="decBitboard2" class="form-control" placeholder="Decimal" value="0"></div>
<div class="input-row"><input type="textbox" id="hexBitboard2" class="form-control" placeholder="Hexadecimal" value="0x0"></div>
<div class="input-row"><input type="textbox" id="binBitboard2" class="form-control" placeholder="Binary" value="0b0"></div>
<div class="btn-group buttons-row">
<input type="button" id="fillBitboard2" class="btn btn-primary" value="Fill">
<input type="button" id="clearBitboard2" class="btn btn-primary" value="Clear">
<input type="button" id="shlBitboard2" class="btn btn-primary" value="Shl">
<input type="button" id="shrBitboard2" class="btn btn-primary" value="Shr">
<input type="button" id="notBitboard2" class="btn btn-primary" value="Not">
</div>
</div>
</div>
<div class="card mb-4 box-shadow small-bottom-margin">
<div class="card-body small-padding">
<div id="bitboard3" class="bitboard"></div>
<div class="input-row"><input type="textbox" id="decBitboard3" class="form-control" placeholder="Decimal" value="0" readonly></div>
<div class="input-row"><input type="textbox" id="hexBitboard3" class="form-control" placeholder="Hexadecimal" value="0x0" readonly></div>
<div class="input-row"><input type="textbox" id="binBitboard3" class="form-control" placeholder="Binary" value="0b0" readonly></div>
<div class="btn-group buttons-row">
<input type="button" id="andBitboard3" class="btn btn-success" value="AND">
<input type="button" id="orBitboard3" class="btn btn-success" value="OR">
<input type="button" id="xorBitboard3" class="btn btn-success" value="XOR">
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/js-cookie@rc/dist/js.cookie.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>