<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@2.0.1" data-semver="2.0.1" src="http://code.jquery.com/jquery-2.0.1.min.js"></script>
<link href="style.css" rel="stylesheet" />
</head>
<body>
<h1>Minesweeper</h1>
<table class="minefield-board unselectable">
<tbody id="minefield"><tr class="row-0"><td class="col-0"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-1"><td class="col-0"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-2"><td class="col-0"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-3"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-4"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-5"><td class="col-0"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-6"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-7"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-8"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-9"><td class="col-0"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-10"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-11"><td class="col-0"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-12"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-13"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-14"><td class="col-0"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr><tr class="row-15"><td class="col-0 hidden-cell"></td><td class="col-1 hidden-cell"></td><td class="col-2 hidden-cell"></td><td class="col-3 hidden-cell"></td><td class="col-4 hidden-cell"></td><td class="col-5 hidden-cell"></td><td class="col-6 hidden-cell"></td><td class="col-7 hidden-cell"></td><td class="col-8 hidden-cell"></td><td class="col-9 hidden-cell"></td><td class="col-10 hidden-cell"></td><td class="col-11 hidden-cell"></td><td class="col-12 hidden-cell"></td><td class="col-13 hidden-cell"></td><td class="col-14 hidden-cell"></td><td class="col-15 hidden-cell"></td><td class="col-16 hidden-cell"></td><td class="col-17 hidden-cell"></td><td class="col-18 hidden-cell"></td><td class="col-19 hidden-cell"></td><td class="col-20 hidden-cell"></td><td class="col-21 hidden-cell"></td><td class="col-22 hidden-cell"></td><td class="col-23 hidden-cell"></td><td class="col-24 hidden-cell"></td><td class="col-25 hidden-cell"></td><td class="col-26 hidden-cell"></td><td class="col-27 hidden-cell"></td><td class="col-28 hidden-cell"></td><td class="col-29 hidden-cell"></td><td class="col-30 hidden-cell"></td><td class="col-31 hidden-cell"></td><td class="col-32 hidden-cell"></td><td class="col-33 hidden-cell"></td><td class="col-34 hidden-cell"></td><td class="col-35 hidden-cell"></td><td class="col-36 hidden-cell"></td><td class="col-37 hidden-cell"></td><td class="col-38 hidden-cell"></td><td class="col-39 hidden-cell"></td></tr></tbody>
</table>
<script src="script.js"></script>
</body>
</html>
; (function($mineField) {
// This actions are to be performed even if the event occurred outside the game board
$(document).on("mouseup", function(event) {
$mineField.find(".highlight-cell").removeClass("highlight-cell");
});
// This actions are to be performed only if the event occurred inside the game board
$mineField.on("contextmenu",function(e){
return false;
}).on("mousedown", "td", function(event) {
if (event.which === 3) { // Right click
toggleBlockCell($(this));
}
});
var toggleBlockCell = function(cell) {
cell
.removeClass("hidden-cell")
.toggleClass("blocked-cell");
};
}($("#minefield")));
/* Styles go here */
* {
background-color: white;
}
/* Uncomment this to fix
.minefield-board {
border: 5px solid transparent;
position: relative;
left: -5px;
}
*/
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
td {
border: 1px solid black;
width: 18px;
height: 20px;
text-align: center;
border-radius: 3px;
background-color: gray;
cursor: default;
}
.hidden-cell:hover {
background-color: lightgray;
}
.revealed-cell {
background-color: white;
}
.bomb-cell {
background-color: red;
}
.blocked-cell {
background-color: green;
-webkit-animation: rotating 0.5s alternate 0s 1 ease-in-out;
-moz-animation: rotating 0.5s alternate 0s 1 ease-in-out;
-o-animation: rotating 0.5s alternate 0s 1 ease-in-out;
animation: rotating 0.5s alternate 0s 1 ease-in-out;
}
@-webkit-keyframes rotating {
0% {
-webkit-transform: rotate(0deg);
} 100% {
-webkit-transform: rotate(90deg);
}
}
@-moz-keyframes pressing {
from {
transform: rotate(0deg);
} to {
transform: rotate(90deg);
}
}
@keyframes rotating {
from {
transform: rotate(0deg);
} to {
transform: rotate(90deg);
}
}
.highlight-cell {
opacity: 0.9;
}
.alarm-cell {
color: red;
font-weight: bold;
}
.minefield-board tbody{
background-color: lightgray;
}
#control-panel {
margin-top: 5px;
}
button {
background-color: lightgray;
}
button:hover {
background-color: gray;
}
.display {
margin-top: 5px;
}
.display-text{
background-color: lightgray;
}