-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontest.html
130 lines (125 loc) · 6.42 KB
/
contest.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<title>Contest</title>
</head>
<body>
<div class=loadingCont><div class="loading center">Loading</div></div>
<!-- <h2 class="header">Players</h2> -->
<div class="main center">
<div class="p-forms">
<div class="form-1">
<h3>Player One</h3>
<form autocomplete="off" id="p2-form">
<div>
<input type="text" id="user1" placeholder="Enter Git Username1" required/>
</div>
<div><button id="cont1-btn">Continue</button></div>
</form>
</div>
<!-- <div id="result" style="display: block"></div>
<div id="bat"></div> -->
<div class="form-2 hideClass">
<h3>Player Two</h3>
<form autocomplete="off" id="p1-form">
<div>
<input type="text" id="user2" placeholder="Enter Git Username2" required />
</div>
<!-- <button id="res-btn" onClick="window.location.reload();">Reselect Players1</button> -->
<button id="back-btn">Back</button>
<button id="cont2-btn">Continue</button>
</form>
<!-- <div id="result" style="display: block"></div>
<div id="bat"></div> -->
</div>
</div>
<div class="container">
<div class="results-container">
<!-- change to Result when score is calculated -->
<!-- <h1 id="confirm">Confirm Players</h1> -->
<div id="results" class="results grid centered container-sm">
<div class="card-content top-content user-card player-1" style="display: none;">
<div class="user-result1">Player 1</div>
<h2 class="info-1 hideClass">35</h2>
<div class="user-image-container">
<img src="" alt="User1" class="user-image">
</div>
<div class="user-info">
<ul class="column pad-md">
<li class="user-info-1 result-det">
<div class="user-inf-desc pname medium"></div>
<span class="user-info-text small">NAME</span>
</li>
<li class="user-info-2 result-det">
<div class="user-inf-desc username medium"></div>
<span class="user-info-text small">USERNAME</span>
</li>
<li class="user-info-3 result-det">
<div class="user-inf-desc location medium"></div>
<span class="user-info-text small">LOCATION</span>
</li>
<li class="user-info-4 result-det">
<div class="user-inf-desc followers medium"></div>
<span class="user-info-text small">FOLLOWERS</span>
</li>
<li class="user-info-5 result-det">
<div class="user-inf-desc following medium"></div>
<span class="user-info-text small">FOLLOWING</span>
</li>
<li class="user-info-6 result-det">
<div class="user-inf-desc repos medium"></div>
<span class="user-info-text small">PUBLIC REPOS</span>
</li>
</ul>
</div>
</div>
<div class=" card-content top-content user-card player-2" style="display: none;">
<div class="user-result2">Player 2</div>
<h2 class="info-2 hideClass"></h2>
<div class="user-image-container">
<img src="" alt="" class="user-image userimg">
</div>
<div class="user-info">
<ul class="column pad-md">
<li class="user-info-1 result-det">
<div class="user-inf-desc pname1 medium"></div>
<span class="user-info-text small">NAME</span>
</li>
<li class="user-info-2 result-det">
<div class="user-inf-desc username1 medium"></div>
<span class="user-info-text small">USERNAME</span>
</li>
<li class="user-info-3 result-det">
<div class="user-inf-desc location1 medium"></div>
<span class="user-info-text small">LOCATION</span>
</li>
<li class="user-info-4 result-det">
<div class="user-inf-desc followers1 medium"></div>
<span class="user-info-text small">FOLLOWERS</span>
</li>
<li class="user-info-5 result-det">
<div class="user-inf-desc following1 medium"></div>
<span class="user-info-text small">FOLLOWING</span>
</li>
<li class="user-info-6 result-det">
<div class="user-inf-desc repos1 medium"></div>
<span class="user-info-text small">PUBLIC REPOS</span>
</li>
</ul>
</div>
</div>
</div>
<div class="initiate-btn center hideClass" id="init-btn">
<button onClick="localStorage.clear(); window.location.reload();" style="display: inline-block;">Reselect Players</button>
<button id="btn-initiate" style="display: inline-block;">Initiate Battle</button>
<button onClick="localStorage.clear();" id="btn-reset" style="display: inline-block;"><a href="index.html">Start Over</a></button>
</div>
</div>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="index.js"></script>
</body>
</html>