1<!doctype html>
 2<html lang="en">
 3
 4<head>
 5  <!-- Required meta tags -->
 6  <meta charset="utf-8">
 7  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 8
 9  <!-- Bootstrap CSS -->
10  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
11  <link rel="stylesheet" href="css/style.css">
12  <link rel="stylesheet" href="css/dark-theme.css">
13
14  <title>gogame</title>
15</head>
16
17<body class="dark-theme">
18  <div class="container">
19    <div class="row" style="margin-top:20%;">
20      <div class="col-lg-4"></div>
21      <div class="col-lg-4">
22
23          <h3>gogame</h3>
24        <div class="card">
25          <ul class="nav nav-tabs" id="myTab" role="tablist">
26            <li class="nav-item">
27              <a class="nav-link active" id="login-tab" data-toggle="tab" href="#login" role="tab" aria-controls="login" aria-selected="true">Login</a>
28            </li>
29            <li class="nav-item">
30              <a class="nav-link" id="register-tab" data-toggle="tab" href="#register" role="tab" aria-controls="register" aria-selected="false">Register</a>
31            </li>
32          </ul>
33
34          <div class="card-body">
35
36            <div class="tab-content" id="myTabContent">
37              <div class="tab-pane fade show active" id="login" role="tabpanel" aria-labelledby="login-tab">
38                <h5 class="card-title">Login</h5>
39                <hr>
40                <p class="card-text">
41                  <label for="exampleInputEmail1">Email address</label>
42                  <input type="email" class="form-control" id="loginEmail" placeholder="Enter email">
43                  <br>
44                  <label for="exampleInputPassword1">Password</label>
45                  <input type="password" class="form-control" id="loginPassword" placeholder="Password">
46                  <div onclick="login()" class="btn btn-primary float-right">Login</div>
47                </p>
48              </div>
49              <div class="tab-pane fade" id="register" role="tabpanel" aria-labelledby="register-tab">
50                <h5 class="card-title">Register</h5>
51                <hr>
52                <p class="card-text">
53                  <label for="email">Email address</label>
54                  <input type="email" class="form-control" id="registerEmail" placeholder="Enter email">
55                  <br>
56                  <label for="name">Name</label>
57                  <input type="text" class="form-control" id="registerName" placeholder="Name">
58                  <br>
59                  <label for="password">Password</label>
60                  <input type="password" class="form-control" id="registerPassword" placeholder="Password">
61                  <div onclick="register()" class="btn btn-primary float-right">Register</div>
62                </p>
63              </div>
64            </div>
65
66          </div>
67        </div>
68
69      </div>
70    </div>
71  </div>
72
73
74  <!-- Optional JavaScript -->
75  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
76  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
77  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
78  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
79
80  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
81
82
83  <script src="constants.js"></script>
84  <script src="index.js"></script>
85
86</body>
87</html>