-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
186 lines (165 loc) · 10.3 KB
/
index.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
<!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="style.css">
<link rel="shortcut icon" href="images/code.png" type="image/x-icon">
<title>CF-Solver</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css" integrity="sha384-SZXxX4whJ79/gErwcOYf+zWLeJdY/qpuqC4cAa9rOGUstPomtqpuNWT9wdPEn2fk" crossorigin="anonymous">
</head>
<body>
<h1>CF-Solver</h1>
<!-- Login Section -->
<div class="login-section">
<label>Enter Codeforces Username to start:</label>
<input type="text" name="" id="uname">
<button id="login">Enter</button>
</div>
<!-- Problems Section -->
<div class="container">
<div class="section">
<!-- Ratings Section -->
<div class="ratings-div">
<h3>Select Rating:</h3>
<div class="ratings-tab">
<div class="check"><input type="checkbox" name="800" id="rating">800</div>
<div class="check"><input type="checkbox" name="900" id="rating">900</div>
<div class="check"><input type="checkbox" name="1000" id="rating">1000</div>
<div class="check"><input type="checkbox" name="1100" id="rating">1100</div>
<div class="check"><input type="checkbox" name="1200" id="rating">1200</div>
<div class="check"><input type="checkbox" name="1300" id="rating">1300</div>
<div class="check"><input type="checkbox" name="1400" id="rating">1400</div>
<div class="check"><input type="checkbox" name="1500" id="rating">1500</div>
<div class="check"><input type="checkbox" name="1600" id="rating">1600</div>
<div class="check"><input type="checkbox" name="1700" id="rating">1700</div>
<div class="check"><input type="checkbox" name="1800" id="rating">1800</div>
<div class="check"><input type="checkbox" name="1900" id="rating">1900</div>
<div class="check"><input type="checkbox" name="2000" id="rating">2000</div>
<div class="check"><input type="checkbox" name="2100" id="rating">2100</div>
<div class="check"><input type="checkbox" name="2200" id="rating">2200</div>
<div class="check"><input type="checkbox" name="2300" id="rating">2300</div>
<div class="check"><input type="checkbox" name="2400" id="rating">2400</div>
<div class="check"><input type="checkbox" name="2500" id="rating">2500</div>
<div class="check"><input type="checkbox" name="2600" id="rating">2600</div>
<div class="check"><input type="checkbox" name="2700" id="rating">2700</div>
<div class="check"><input type="checkbox" name="2800" id="rating">2800</div>
<div class="check"><input type="checkbox" name="2900" id="rating">2900</div>
<div class="check"><input type="checkbox" name="3000" id="rating">3000</div>
<div class="check"><input type="checkbox" name="3100" id="rating">3100</div>
<div class="check"><input type="checkbox" name="3200" id="rating">3200</div>
<div class="check"><input type="checkbox" name="3300" id="rating">3300</div>
<div class="check"><input type="checkbox" name="3400" id="rating">3400</div>
<div class="check"><input type="checkbox" name="3500" id="rating">3500</div>
</div>
</div>
<!-- Tags Section -->
<div class="tags-div">
<h3>Select Tags:</h3>
<div class="tags-tab">
<div class="check"><input type="checkbox" name="2-sat" id="tags">2-sat</div>
<div class="check"><input type="checkbox" name="binary search" id="tags">binary search</div>
<div class="check"><input type="checkbox" name="bitmasks" id="tags">bitmasks</div>
<div class="check"><input type="checkbox" name="brute force" id="tags">brute force</div>
<div class="check"><input type="checkbox" name="chinese remainder theorem" id="tags">chinese remainder theorem</div>
<div class="check"><input type="checkbox" name="combinatorics" id="tags">combinatorics</div>
<div class="check"><input type="checkbox" name="data structures" id="tags">data structures</div>
<div class="check"><input type="checkbox" name="dfs and similar" id="tags">dfs and similar</div>
<div class="check"><input type="checkbox" name="divide and conquer" id="tags">divide and conquer</div>
<div class="check"><input type="checkbox" name="dp" id="tags">dp</div>
<div class="check"><input type="checkbox" name="dsu" id="tags">dsu</div>
<div class="check"><input type="checkbox" name="expression parsing" id="tags">expression parsing</div>
<div class="check"><input type="checkbox" name="fft" id="tags">fft</div>
<div class="check"><input type="checkbox" name="flows" id="tags">flows</div>
<div class="check"><input type="checkbox" name="games" id="tags">games</div>
<div class="check"><input type="checkbox" name="geometry" id="tags">geometry</div>
<div class="check"><input type="checkbox" name="graph matchings" id="tags">graph matchings</div>
<div class="check"><input type="checkbox" name="graphs" id="tags">graphs</div>
<div class="check"><input type="checkbox" name="greedy" id="tags">greedy</div>
<div class="check"><input type="checkbox" name="hashing" id="tags">hashing</div>
<div class="check"><input type="checkbox" name="implementation" id="tags">implementation</div>
<div class="check"><input type="checkbox" name="interactive" id="tags">interactive</div>
<div class="check"><input type="checkbox" name="math" id="tags">math</div>
<div class="check"><input type="checkbox" name="matrices" id="tags">matrices</div>
<div class="check"><input type="checkbox" name="meet-in-the-middle" id="tags">meet-in-the-middle</div>
<div class="check"><input type="checkbox" name="number theory" id="tags">number theory</div>
<div class="check"><input type="checkbox" name="probabilities" id="tags">probabilities</div>
<div class="check"><input type="checkbox" name="schedules" id="tags">schedules</div>
<div class="check"><input type="checkbox" name="shortest paths" id="tags">shortest paths</div>
<div class="check"><input type="checkbox" name="sortings" id="tags">sortings</div>
<div class="check"><input type="checkbox" name="string suffix structures" id="tags">string suffix structures</div>
<div class="check"><input type="checkbox" name="strings" id="tags">strings</div>
<div class="check"><input type="checkbox" name="ternary search" id="tags">ternary search</div>
<div class="check"><input type="checkbox" name="trees" id="tags">trees</div>
<div class="check"><input type="checkbox" name="two pointers" id="tags">two pointers</div>
</div>
</div>
<!-- Timer Section -->
<div class="timer">
<h3>Select Time:</h3>
<div class="timer-div">
<div class="timer-form">
<input type="text" name="hours" id="hour" value=0>
<label for="hour">hours</label>
</div>
<div class="timer-form">
<input type="text" name="minutes" id="minute" value=0>
<label for="minute">minutes</label>
</div>
<div class="timer-form">
<input type="text" name="seconds" id="second" value=0>
<label for="second">seconds</label>
</div>
</div>
</div>
</div>
<button id="solve">Click to start solving</button>
<div class="score">
<h4>Your Score: <span class="current">0</span></h4>
<!-- <h4>High Score: <span class="high">0</span></h4> -->
</div>
</div>
<!-- Overlay Section -->
<div class="overlay">
</div>
<div class="modal">
<h2>Time Left:</h2>
<h3 class="time-left"></h3>
<div class="btn-group">
<button id="done">Done</button>
<button id="giveup">Giveup</button>
</div>
</div>
<!-- Footer Section -->
<!-- <div class="footer before">
<p>Developed with ❤ by Abhishek Pratap Singh</p>
<div class="contact-links">
<a href="https://www.linkedin.com/in/abhishek-pratap-singh-33280a1b9/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/abhishek-singh31" target="_blank"><i class="fab fa-github"></i></a>
</div>
</div> -->
<!-- Modals Section -->
<!-- Time's Up -->
<div class="result timeup">
<i class="fas fa-hourglass-end"></i>
<p>Time's Up !!</p>
</div>
<!-- Problem Solved -->
<div class="result success">
<i class="fas fa-check-circle"></i>
<p>Problem Solved Successfully !!</p>
</div>
<!-- Problem Not Solved -->
<div class="result failure">
<i class="fas fa-times"></i>
<p>Problem Not Solved Successfully !!</p>
</div>
<!-- Giveup -->
<div class="result gaveup">
<i class="fas fa-exchange-alt"></i>
<p>You Gave up !!</p>
</div>
<script src="script.js"></script>
</body>
</html>