aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'client/index.html')
-rw-r--r--client/index.html52
1 files changed, 52 insertions, 0 deletions
diff --git a/client/index.html b/client/index.html
new file mode 100644
index 0000000..5c5b954
--- /dev/null
+++ b/client/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=480px, initial-scale=1">
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+ <link rel="stylesheet" href="/static/css/style.css">
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.4/socket.io.js"></script>
+ <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+ <script src="/static/js/index.js"></script>
+ <title>Spanish Checkers by Yaroslav de la Peña Smirnov</title>
+ </head>
+ <body>
+ <nav class="navbar navbar-inverse">
+ <div class="container nav-container">
+ <div class="navbar-header">
+ <p class="navbar-brand">Spanish Checkers v0.5.3</span></p>
+ </div>
+ </div>
+ </nav>
+ <div id="start-container" class="container">
+ <div id="#message-box"></div>
+ <div class="row">
+ <div class="col-sm-6">
+ <h2>Start a new game</h2>
+ <form id="newgame" method="post" action="/start">
+ <label for="playername">Name</label>
+ <input id="playername" class="form-control" name="playername" type="text" placeholder="Player 1" required>
+ <button class="btn btn-primary" type="submit" value="Submit">New game</button>
+ </form>
+ </div>
+ <div class="col-sm-6">
+ <h2>Join a game</h2>
+ <form id="joingame" method="post" action="/join">
+ <label for="gameid">Game ID</label>
+ <input id="gameid" class="form-control" name="gameid" tpye="text" required>
+ <label for="player2name">Name</label>
+ <input id="player2name" class="form-control" name="player2name" type="text" placeholder="Player 2" required>
+ <button class="btn btn-primary" type="submit">Join game</button>
+ </form>
+ </div>
+ </div>
+ </div>
+ <br>
+ <hr>
+ <div class="text-center">
+ <p>Yaroslav de la Peña Smirnov - 2017</p>
+ <p>Сделано для предмета "Прикладная Информатика", Лабораторная Работа №4, Вариант 5. Университет ИТМО, группа K3200.</p>
+ </div>
+ </body>
+</html> \ No newline at end of file