-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
125 lines (113 loc) · 5.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<!-- Updated Title for SEO -->
<title>Xfaang Chess - Play Chess with Live AI Commentary</title>
<!-- Meta Description for SEO -->
<meta name="description" content="Play chess online with Xfaang Chess, a simple HTML, CSS, and JavaScript app featuring live AI commentary on your moves.">
<!-- Open Graph Meta Tags for Social Media Sharing -->
<meta property="og:title" content="Xfaang Chess - Play Chess with Live AI Commentary">
<meta property="og:description" content="Play chess online with Xfaang Chess, a simple web app featuring live AI commentary on your moves.">
<meta property="og:image" content="https://xfaang-assets.s3.eu-west-3.amazonaws.com/hackathon/xfaang-chess/chess-xfaang-com.png">
<meta property="og:url" content="https://chess.xfaang.com">
<meta property="og:type" content="website">
<!-- Twitter Card Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Xfaang Chess - Play Chess with Live AI Commentary">
<meta name="twitter:description" content="Play chess online with Xfaang Chess, a simple web app featuring live AI commentary on your moves.">
<meta name="twitter:image" content="https://xfaang-assets.s3.eu-west-3.amazonaws.com/hackathon/xfaang-chess/chess-xfaang-com.png">
<!-- Canonical URL -->
<link rel="canonical" href="https://chess.xfaang.com">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1><a href="https://xfaang.com" title="Xfaang Home">
<svg height="100" width="100" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 78 118.7" xml:space="preserve">
<style type="text/css">
.st0{fill:#FF9900;}
.st1{fill:#e50511;}
.st2{fill:#8CB600;}
.st3{fill:#4286F4;}
</style>
<g id="bed91b97-f761-4872-b2fd-3d44a8c08d54">
<path class="st0" d="M44.2,28l8.3,12.1L77.2,3.5L75,2c-4.7-3.2-11-2.3-14.6,2.1l0,0L44.2,28z"/>
<path class="st1" d="M52.4,52.2L44.5,65l15.1,23.1c3.4,5,10.2,6.3,15.2,3l2.2-1.5L52.4,52.2z"/>
<path class="st2" d="M28.7,46.5h15.5c0-0.8-0.2-1.5-0.7-2.2l-26-39.2c-3.4-5-10.2-6.4-15.2-3L0,3.6L28.7,46.5z"/>
<path class="st3" d="M28.7,46.5h15.5c0,0.8-0.2,1.5-0.7,2.2l-26,39.2c-3.4,5-10.2,6.3-15.2,3L0,89.3L28.7,46.5z"/>
</g>
</svg>
</a><br/>Chess</h1>
<a href="https://sw.chess.xfaang.com"><img width="50" src="https://xfaang-assets.s3.eu-west-3.amazonaws.com/hackathon/xfaang-chess/xfaang-chess-wars-small.png" />
</a>
<div id="gameContainer">
<canvas id="chessboard"></canvas>
</div>
<section>
<div id="status">Press "Start Game" to begin.</div>
<div id="comment"></div>
<button id="startButton">Start Game</button>
<div id="clocks">
<div id="whiteClock" class="clock">05:00</div>
<div id="blackClock" class="clock">05:00</div>
</div>
<section>
<div id="moveHistory">
<h2>History</h2>
<ol id="movesList"></ol>
</div>
<div id="promotionModal" class="modal">
<div class="modal-content">
<h2>Select Piece for Promotion</h2>
<button class="promo-button" data-piece="Q">Queen</button>
<button class="promo-button" data-piece="R">Rook</button>
<button class="promo-button" data-piece="B">Bishop</button>
<button class="promo-button" data-piece="N">Knight</button>
</div>
</div>
<div id="cookieConsent" class="cookie-consent">
<div class="cookie-consent__message">
<p>
We use cookies to enhance your experience, analyze site traffic, and personalize content. By clicking "Accept", you consent to our use of cookies. For more information, please read our <a href="https://www.xfaang.com/privacy-policy" target="_blank">Privacy Policy</a>.
</p>
</div>
<div class="cookie-consent__actions">
<button id="acceptCookies" class="cookie-consent__button">Accept</button>
<button id="declineCookies" class="cookie-consent__button">Decline</button>
</div>
</div>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Game",
"name": "Xfaang Chess",
"url": "https://chess.xfaang.com",
"description": "Play chess online with live AI commentary.",
"image": "https://xfaang-assets.s3.eu-west-3.amazonaws.com/hackathon/xfaang-chess/chess-xfaang-com.png",
"author": {
"@type": "Organization",
"name": "Xfaang"
},
"applicationCategory": "GameApplication",
"operatingSystem": "All",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YXJ07JNMF2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-YXJ07JNMF2');
</script>
<script src="chessClock.js"></script>
<script src="chess.js"></script>
</body>
</html>