75 lines
2.5 KiB
Plaintext
75 lines
2.5 KiB
Plaintext
@page
|
|
@model JoshHeaps.Net.Pages.ChessModel
|
|
@{
|
|
Layout = "_Layout";
|
|
ViewData["Title"] = "Chess";
|
|
}
|
|
|
|
<div id="chessContainer">
|
|
<div id="boardContainer">
|
|
<div id="chessBoard">
|
|
<!-- Placeholder squares -->
|
|
@for (int i = 0; i < 64; i++)
|
|
{
|
|
<div id="square-@i" class="chessSquare @( (i + i / 8) % 2 == 0 ? "light" : "dark" )"></div>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
<div id="textContainer" class="sideContent">
|
|
<h1>Chess</h1>
|
|
<p>Click a button to start a game :)</p>
|
|
</div>
|
|
|
|
<div id="buttonContainer" class="sideContent">
|
|
<button id="startGameBtn" onclick="startNewGame()">Start New Game</button>
|
|
<button id="startCPUGame" onclick="startCPUGame()">Vs CPU</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="promotionModal" style="display: none;">
|
|
<p>Promote your pawn to:</p>
|
|
<div id="promotionBtnContainer">
|
|
<button onclick="selectPromotion(4)">
|
|
<img src="/images/Chess Images/WhiteQueen.svg" alt="Queen" />
|
|
</button>
|
|
<button onclick="selectPromotion(1)">
|
|
<img src="/images/Chess Images/WhiteRook.svg" alt="Rook" />
|
|
</button>
|
|
<button onclick="selectPromotion(3)">
|
|
<img src="/images/Chess Images/WhiteBishop.svg" alt="Bishop" />
|
|
</button>
|
|
<button onclick="selectPromotion(2)">
|
|
<img src="/images/Chess Images/WhiteKnight.svg" alt="Knight" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="difficultyModal" style="display: none;">
|
|
<p>Set bot difficulty to:</p>
|
|
<div id="difficultyButtonContainer">
|
|
@for (int i = 1; i <= 20; i++)
|
|
{
|
|
<button onclick="selectDifficulty(@i)">
|
|
@i
|
|
</button>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
@section Scripts {
|
|
<script src="~/js/signalr/signalr.min.js"></script>
|
|
<script src="~/js/ChessScripts/GameState.js"></script>
|
|
<script src="~/js/ChessScripts/ChessUtils.js"></script>
|
|
<script src="~/js/ChessScripts/ChessAPI.js"></script>
|
|
<script src="~/js/ChessScripts/ChessSignalR.js"></script>
|
|
<script src="~/js/ChessScripts/ChessInteractions.js"></script>
|
|
<script src="~/js/ChessScripts/ChessBoard.js"></script>
|
|
<script src="~/js/ChessScripts/ChessModals.js"></script>
|
|
<script src="~/js/ChessScripts/chessMain.js"></script>
|
|
}
|
|
|
|
@section Styles {
|
|
<link rel="stylesheet" href="~/css/chess/game.css?v=@ViewData["cssVersion"]" />
|
|
<link rel="stylesheet" href="~/css/chess/site.css?v=@ViewData["cssVersion"]" />
|
|
} |