Skip to content

Backend Added #33

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
kbhyana wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Backend Added #33

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
8e6962f
added12
kbhyana Feb 1, 2019
883c6e6
tic tac toe
kbhyana Feb 1, 2019
cda3134
Delete index.html
kbhyana Feb 7, 2019
543be2d
Backend added
kbhyana Feb 7, 2019
6546e61
Backend added
kbhyana Feb 7, 2019
d1362ce
.gitignore fixed
kbhyana Feb 7, 2019
9b28b45
.gitignore fixed
kbhyana Feb 7, 2019
abb61a8
.gitignore fixed
kbhyana Feb 7, 2019
d20fdaa
UI improvement
kbhyana Feb 7, 2019
f86049d
UI improvement
kbhyana Feb 7, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
KaranINT013/tictactoe/.vs/
KaranINT013/tictactoe/packages/
KaranINT013/tictactoe/tictactoe/bin/
70 changes: 70 additions & 0 deletions KaranINT013/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
*{
margin: 0;

}

.btn2 {
margin: 5px;
}
.container-fluid{

display: flex;
align-content: center;
flex-direction: column;
margin-left: auto;
margin-right: auto;

}
.score{
display: flex;
align-content: space-between;
flex-direction: row;
margin-left: auto;

justify-content: space-around;
}
.input-group {
display: flex;
align-content: center;
flex-direction: row;
justify-content:space-around;
}
.container .start{
display: flex;
align-content: center;
flex-direction: column;
justify-content: center;
width: ;
}
h2{
margin: 10px;
display: flex;
align-content: center;
flex-direction: column;
justify-content: center;
}

.content{
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
background: black;
padding: .4vw;
}


.tic-box{
border: solid white 1px;
font-size: 100px;
text-align: center;
color: white;
height: 150px;
width: 100px;
}
.tic-box:hover{
background: #000000; /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #434343, #000000); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #434343, #000000); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
82 changes: 82 additions & 0 deletions KaranINT013/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,82 @@
<!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">
<link rel="stylesheet" href="index.css">
<!-- 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">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="index.js"></script>
<title>Tic-Tac-Toe</title>
</head>
<body>
<h1 align ="center">Tic-Tac-Toe</h1>
<div id="container" class ="container">
<div class="input-group mb-3">
<div class="input-group-prepend">
<h2 class="h" align="center">Player O</h2>
<span class="input-group-text" id="basic-addon1">@</span>
</div>
<input id="playero" type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1" >
<div class="input-group-prepend">
<h2 class="h" align="center">Player X</h2>
<span class="input-group-text" id="basic-addon1">@</span>
</div>
<input id="playerx" type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
</div>
<div class="score">
<p id="o">Score :</p>
<p id="x">Score :</p>
</div>
<div class="start">
<button type="button" id="start"class="btn btn-primary btn-lg " >Start Game !</button>
</div>
<div class="alert alert-danger" role="alert" >
<p id="alert" align ="center">Welcome! Please enter usernames to proceed. (Note: Usernames are case-sensitive!)</p>
<!--button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button-->
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-12 col-sm-6 content">
<div class="container-fluid tic-container">
<div class="row tic-row">
<div id="1" class="col-4 tic-box" ></div>
<div id="2" class="col-4 tic-box" > </div>
<div id="3" class="col-4 tic-box"> </div>
</div>
<div class="row tic-row">
<div id="4" class="col-4 tic-box"> </div>
<div id="5" class="col-4 tic-box"> </div>
<div id="6" class="col-4 tic-box"> </div>
</div>
<div class="row tic-row">
<div id="7" class="col-4 tic-box"> </div>
<div id="8" class="col-4 tic-box"> </div>
<div id="9" class="col-4 tic-box"> </div>
</div>
</div>
</div>
</div>

<button type="button" class="btn btn2 btn-dark" onclick="reset();"> Reset Game
</button>
<button type="button" class="btn btn2 btn-danger" onclick="location.reload();"> Reset Players
</button>
</div>


<!-- Optional JavaScript -->
<script>

</script>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>
Loading