-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 1.76 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Hello World!</title>
<!--<meta http-equiv="Content-Security-Policy" content="script-src 'self' 'unsafe-inline';" />-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.22/dist/shoelace/shoelace.css">
<script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.22/dist/shoelace/shoelace.esm.js"></script>
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<div class="center">
<h1>Str8ts</h1>
<!--<div>
<h1>Hello World!</h1>
We are using node <script>document.write(process.versions.node)</script>,
Chrome <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>.
</div>-->
<div class="grid-container" id="game-board">
</div>
<sl-button-group class="puzzle-buttons">
<sl-tooltip content="Generate a new Str8ts Puzzle." placement="bottom">
<sl-button onclick="generateNew()"><sl-icon slot="prefix" name="arrow-counterclockwise"></sl-icon>Generate</sl-button>
</sl-tooltip>
<sl-tooltip content="Check your current values." placement="bottom">
<sl-button><sl-icon slot="prefix" name="clipboard-check"></sl-icon>Check</sl-button>
</sl-tooltip>
<sl-tooltip content="Solves the puzzle and shows you the solution." placement="bottom">
<sl-button onclick="solvePuzzle()"><sl-icon slot="prefix" name="gear"></sl-icon>Solve</sl-button>
</sl-tooltip>
</sl-button-group>
</div>
<script src="game.js"></script>
</body>
</html>