NWAPW_2020_Chess/index.html at master · devinvonarx/NWAPW_2020_Chess · GitHub

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Additional CSS -->
    <link rel="stylesheet" href="shared.css">

    <title>Chess Played On A Server - NWAPW</title> <!--Put your project title in here-->
  </head>

  <body>
    <nav class="navbar navbar-dark bg-dark">
      <a href="https://nwapw.org" class="navbar-brand">NWAPW</a>
      <ul class="navbar-nav mr-auto">
        <li class="nav-item">
          <a class="nav-link" href="https://alexanderhhs.github.io/NWAPW-Teams/index.html">Projects</a>
        </li>
      </ul>
    </nav>

    <div class="container pb-5">
      <div class="row p-3 justify-content-center">
        <div class="col-xs text-center">
          <h1>
            Chess Played on a Server <!--Put your project title here and description below-->
          </h1
          <p>
            This is a project for <a href="https://nwapw.org">NWAPW</a> to allow to people on different computers to play a chess game against each other.
          </p>
          <p>
            Two people may open the website and play chess against each other so long as they have an internet connection.
            One player will be white and move first while the other player will be black and move second. After each turn, the opposing player's board will show
            the just completed action. That player will then be able to make a move. A simple login/register system lets the program
            identify who is competing, and permit the continuation of a game if a player disconnects. A matchmaking
            system/queue is in place to partner competitors. All rules of chess are implemented, including castling
            and en passant.
          </p>
        </div>
      </div>

      <div class="container">
        <div class="row p-1 pt-4 justify-content-center">
          <h2>
            The Team
          </h2>
        </div>

        <!--Put in your team photo and names here -->
        <div class="row justify-content-center">
          <div class="col text-sm-right text-center">
            <img class="img-responsive" src="https://github.com/devinvonarx/NWAPW_2020_Chess/blob/master/Screen%20Shot%202020-08-07%20at%209.32.49%20AM.png?raw=true" >
          </div>
          <div class="col pt-3 pt-sm-1 text-sm-left text-center">
            <h3 class="h5">
              Team members:
            </h3>
            <ul>
              <li>Devin</li>
              <li>Jason</li>
              <li>Michael</li>
              <li>Thomas</li>
            </ul>
          </div>
        </div>

        <!--
          If you have a really big team photo, this might look better
          <div class="row justify-content-center">
            <div class="col text-center">
              <img class="img-responsive" src="http://placekitten.com/500/350" >
            </div>
          </div>
          <div class="col text-center">
            <div class="col pt-3 text-center">
              <h3 class="h5">
                Team members:
              </h3>
              <ul>
                <li>John doe</li>
                <li>Jane Smith</li>
              </ul>
            </div>
          </div>
        -->

      <!-- Update these next two with your youtube video links -->
      <div class="row p-1 pt-4 justify-content-center">
        <h2>
          Demo Video
        </h2>
      </div>
      <div class="row justify-content-center">
        <div class="col-sm-10 col-md-8 col-lg-6 col text-center">
          <iframe width="560" height="315" src="https://www.youtube.com/embed/XklH4Z6YWpo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
      </div>

      <div class="row p-1 pt-4 justify-content-center">
        <h2>
          Technical Demo Video
        </h2>
      </div>
      <div class="row justify-content-center">
        <div class="col-sm-10 col-md-8 col-lg-6 col text-center">
          <iframe width="560" height="315" src="https://www.youtube.com/embed/96l0huLxel4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
        </div>
      </div>

      <!-- Put your links here -->
      <div class="row p-1 pt-4 justify-content-center">
        <h2>
          Project Links
        </h2>
      </div>
      <div class="row justify-content-center">
        <div class="col-lg text-center">
          <ul>
            <li><a href="https://github.com/michaelschuff/NWAPW_2020_Chess/tree/master">GitHub Page</a></li>
            <li><a href="http://chessgame.us-west-2.elasticbeanstalk.com/">Chess Website</a></li>
          </ul>
        </div>
      </div>
    </div>
  </body>
</html>