draught/www/index.html

58 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
<title>draught</title>
<style>
body {
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: #f0f0f0;
}
h1 {
font-family: monospace;
}
</style>
</head>
<body>
<div class="card container text-center p-4 m-3">
<div class="card-header">
<h1>Draught 🚀</h1>
</div>
<div class="card-body">
<div class="row p-1">
<div class="col-sm-12">
<p class="text-muted">Working on an implementation of checkers in Rust WASM with a thin Js frontend, mainly as an exercise to learn Rust and to have a larger project in the language to fiddle with. The idea is to use the <a href="https://en.wikipedia.org/wiki/Minimax">minimax</a> algorithm to create an AI player that can operate with reasonable performance as a result of Rust's compiled performance.</p>
</div>
</div>
<div class="row p-1">
<div class="col-sm-12">
<a href="doc/draught" class="btn btn-secondary">Docs</a>
</div>
</div>
</div>
</div>
<!-- <pre id="game-of-life-canvas"></pre> -->
<canvas id="game-canvas" class="pb-2"></canvas>
<script src="./bootstrap.js"></script>
<a href="https://github.com/sarsoo"><img src="https://storage.googleapis.com/sarsooxyzstatic/andy.png" class=" pb-2" style="width: 150px" /></a>
</body>
</html>