aboutsummaryrefslogtreecommitdiff
path: root/src/quadrowple/index.html
diff options
context:
space:
mode:
authorMark Powers <markppowers0@gmail.com>2020-04-07 14:17:24 -0500
committerMark Powers <markppowers0@gmail.com>2020-04-07 14:17:24 -0500
commit1bffb064e2414ced5b1924a4f9fbd822a09c718e (patch)
treef0e4a0a8d9a6f4f58619329bf408fe9bf7d1dd4c /src/quadrowple/index.html
Initial commit
Diffstat (limited to 'src/quadrowple/index.html')
-rw-r--r--src/quadrowple/index.html27
1 files changed, 27 insertions, 0 deletions
diff --git a/src/quadrowple/index.html b/src/quadrowple/index.html
new file mode 100644
index 0000000..574ffca
--- /dev/null
+++ b/src/quadrowple/index.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+ <title>Quad-row-ple</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+ <link rel="shortcut icon" href="/favicon.ico">
+ <!-- <script src="https://cdn.jsdelivr.net/npm/vue"></script> -->
+ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
+ <script src="/quadrowple/main.js"></script>
+ <link rel="stylesheet" type="text/css" href="/quadrowple/styles.css">
+</head>
+
+<body>
+ <div id="data">
+ <h1 v-if="status">{{status}}</h1>
+
+ <canvas id="canvas" width="351" height="301"></canvas>
+
+ <div>
+ <button v-on:click="newGame">{{this.playing ? 'Forfeit' : 'New Game'}}</button>
+ </div>
+ </div>
+</body>
+
+</html> \ No newline at end of file