Skip to content

Commit 978124d

Browse files
author
SAMIR PAUL
authored
Add files via upload
1 parent dc87d64 commit 978124d

File tree

4 files changed

+528
-2
lines changed

4 files changed

+528
-2
lines changed

‎README.md

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,3 @@
1-
# CodeforcesVisualizer
2-
Made a codeforces visualizer . User can input any Username and can see particular user rating as well as other informations in the form of tables and graph.(Html,Css,Jquery,JS charts,Codeforces APi)
1+
# codeforces-stats-analyzer
2+
can analyze an user profile
3+
<a href="https://prashantsinghrajput8759.github.io/codeforces-stats-analyzer/">here the link</a>

‎index.html

Lines changed: 97 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,97 @@
1+
<!doctype html>
2+
<html class="no-js" lang="en">
3+
4+
<head>
5+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8+
<!-- The above 3 meta tags *must* come first in the head -->
9+
10+
<!-- SITE TITLE -->
11+
<title>analyze the stats </title>
12+
<meta name="description" content="" />
13+
<meta name="keywords" content="NIT DURGAPUR " />
14+
<meta name="author" content="striver290" />
15+
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
16+
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
17+
<link href="https://fonts.googleapis.com/css?family=Luckiest+Guy" rel="stylesheet">
18+
<link rel="stylesheet" type="text/css" href="mystyle.css">
19+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.min.js"></script>
20+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
21+
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
22+
crossorigin="anonymous"></script>
23+
<script src="script.js"></script>
24+
25+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
26+
</head>
27+
28+
<body>
29+
<div id="statistics">
30+
<section class="ratng" id="ratng">
31+
<div class="contentbx">
32+
<h5>Enter Codeforces Handle</h5>
33+
<div class="input-group mb-3">
34+
35+
<input type="text" class="form-control" placeholder="Username" id="btn" name="username">
36+
</div>
37+
38+
39+
<a href="#stats" id="stat"><button type="button" class="btn btn-info">Submit</button></a>
40+
41+
<div class="developer">
42+
<hr class="solid">
43+
<h6>design and developed by :</h6>
44+
<div class="develop">
45+
<p><strong><a href="https://codeforces.com/profile/striver290"
46+
alt="visit profile">Striver290</a></strong></p>
47+
</div>
48+
</div>
49+
</div>
50+
51+
</section>
52+
<div id="data">
53+
<div id="tabl"></div>
54+
55+
56+
57+
<div id="chrt"></div>
58+
</div>
59+
</div>
60+
61+
<!--- <section id="stats">
62+
63+
64+
65+
66+
67+
68+
</section>-->
69+
70+
71+
72+
73+
74+
75+
76+
77+
78+
79+
80+
81+
82+
83+
84+
85+
86+
87+
88+
</body>
89+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
90+
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
91+
crossorigin="anonymous"></script>
92+
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
93+
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
94+
crossorigin="anonymous"></script>
95+
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
96+
97+
</html>

‎mystyle.css

Lines changed: 239 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,239 @@
1+
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
2+
*{
3+
margin:0;
4+
/* padding:0;*/
5+
box-sizing: border-box;
6+
font-family: 'poppins',sans-serif;
7+
8+
}
9+
/* fixed padding to all my sections */
10+
section{
11+
12+
overflow: hidden;
13+
justify-content: space-between;}
14+
hr.solid {
15+
border-top: 1px solid #bbb;
16+
width:40%;
17+
margin-left:30%;
18+
}
19+
button{
20+
font-size:16px;
21+
}
22+
.ratng{
23+
position:absolute;
24+
left:15%;
25+
top:20px;
26+
border-radius: 60px;
27+
min-height:45vh;
28+
29+
font-size:16px;
30+
width:70%;
31+
display:flex;
32+
justify-content: space-between;
33+
34+
background-color:rgba(32, 36, 33, 0.459);
35+
margin:auto;
36+
}
37+
38+
#statistics{
39+
min-height:100vh;
40+
41+
background-color:rgba(225,225,225,0.9);
42+
}
43+
44+
#head-container{
45+
46+
margin-bottom: 15px;
47+
text-align:center;
48+
font-weight:bold ;
49+
50+
51+
52+
}
53+
.content-table{
54+
55+
}
56+
a{
57+
color:white;
58+
}
59+
.contentbx{
60+
margin-top:15px;
61+
margin-left:25%;
62+
position:relative;
63+
top:20px;
64+
padding:10px;
65+
height:150px;
66+
font-size:10px;
67+
width:50%;
68+
background: rgba(225,225,225,0.6);
69+
border-radius: 20px;
70+
text-align:center;
71+
padding-top:10px;
72+
color:white;
73+
74+
75+
}
76+
.contentbx p{
77+
font-weight:500;
78+
}
79+
80+
81+
82+
.contentbx h3{
83+
font-weight:300;
84+
margin-bottom:10px;
85+
}
86+
#btn {
87+
margin-right:10px;
88+
}
89+
90+
.developer {
91+
92+
margin:auto;
93+
position:relative;
94+
95+
}
96+
.developer h6{
97+
font-size:small;
98+
}
99+
#data{
100+
position:absolute;
101+
top:50%;
102+
display:flex;
103+
padding:10px;
104+
justify-content: space-between;
105+
106+
height:40vh;
107+
width:100%;
108+
}
109+
#tabl{
110+
position:relative;
111+
height:200px;
112+
width:500px;
113+
padding:20px;
114+
margin:10px 80px;
115+
116+
117+
118+
}
119+
120+
#chrt{
121+
position:relative;
122+
height:450px;
123+
width:450px;
124+
margin-left:5%;
125+
margin-right:20%;
126+
margin-top:10px;
127+
}
128+
/*#myChart{
129+
130+
131+
align-items: right;
132+
/* position:absolute;
133+
top:63em;
134+
left:50em;
135+
border-collapse: collapse;
136+
border-radius:5px 5px 0 0;
137+
/*overflow:hidden;
138+
box-shadow:0 0 20px rgba(0,0,0,0.15);
139+
140+
}*/
141+
142+
canvas{
143+
144+
145+
}
146+
147+
148+
.content-table tr{
149+
150+
151+
color:black;
152+
text-align:left;
153+
font-weight:bold;
154+
}
155+
.content-table td{
156+
157+
padding:6px 10px;
158+
border-bottom:1px solid #dddddd;
159+
}
160+
.content-table tr:nth-of-type(even){
161+
162+
background-color: #009879;
163+
}
164+
.content-table tr:last-of-type{
165+
166+
border-bottom:1px solid #009879;
167+
}
168+
169+
170+
.content-table{
171+
172+
border-collapse: collapse;
173+
position:relative;
174+
width:450px;
175+
max-height:200px;
176+
font-size:10px;
177+
178+
border-radius:2px 2px 0 0;
179+
overflow:hidden;
180+
box-shadow:0 0 20px rgba(19, 8, 8, 0.15);
181+
182+
183+
184+
}
185+
@media (max-width: 768px)
186+
{
187+
#statistics{
188+
width:100%;
189+
}
190+
#data{
191+
display:block;
192+
}
193+
.content-table{
194+
width:100%;
195+
196+
}
197+
#tabl{
198+
width:90%;
199+
height:auto;
200+
201+
margin-left:5%;
202+
margin-top:0;
203+
padding:10px;
204+
}
205+
#chrt{
206+
width:90%;
207+
height:auto;
208+
margin-left:5%;
209+
position:relative;
210+
margin-top:10px;
211+
212+
}
213+
.contentbx h5{
214+
font-size:15px;
215+
}
216+
#btn{
217+
font-size: 12px;
218+
}
219+
#stat{
220+
font-size: 12px;
221+
border-radius: 10px;
222+
}
223+
hr{
224+
width:50%;
225+
}
226+
#ratng{
227+
margin-top:5px;
228+
width:70%;
229+
}
230+
}
231+
@media (max-width: 293px)
232+
{
233+
.contentbx h5{
234+
font-size:10px;
235+
}
236+
#stats{
237+
width:10%;
238+
}
239+
}

0 commit comments

Comments
 (0)