Skip to content
Snippets Groups Projects
Commit 54a357ef authored by Sabhariesh's avatar Sabhariesh
Browse files

Add dashboard

parent 8288aa2c
Branches
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
chartdata.js 0 → 100644
+ 91
− 0
View file @ 54a357ef
AmCharts.makeChart("chartdiv",
{
"type": "serial",
"categoryField": "Month",
"startDuration": 1,
"theme": "black",
"categoryAxis": {
"gridPosition": "start"
},
"trendLines": [],
"graphs": [
{
"balloonText": "[[title]] of [[Month]]:[[value]]",
"bullet": "round",
"id": "AmGraph-1",
"title": "graph 1",
"valueField": "Solved"
}
],
"guides": [],
"valueAxes": [
{
"id": "ValueAxis-1",
"title": "Solves"
}
],
"allLabels": [],
"balloon": {},
"legend": {
"enabled": true,
"useGraphSettings": true
},
"titles": [
{
"id": "Title-1",
"size": 15,
"text": "No. of Challenges Solved"
}
],
"dataProvider": [
{
"Month": "Jan",
"Solved": 8
},
{
"Month": "Feb",
"Solved": 6
},
{
"Month": "Mar",
"Solved": 2
},
{
"Month": "Apr",
"Solved": 1
},
{
"Month": "May",
"Solved": 2
},
{
"Month": "Jun",
"Solved": 3
},
{
"Month": "Jul",
"Solved": 6
},
{
"Month": "Aug",
"Solved": 2
},
{
"Month": "Sep",
"Solved": 3
},
{
"Month": "Oct",
"Solved": 4
},
{
"Month": "Nov",
"Solved": null
},
{
"Month": "Dec",
"Solved": null
}
]
}
);
css/style.css
+ 24
− 1
View file @ 54a357ef
...@@ -113,4 +113,27 @@ html { ...@@ -113,4 +113,27 @@ html {
font-size: 15px; font-size: 15px;
} }
<!------------------------------------------------------------------ --> <!------------------------------Dashboard------------------------------------ -->
#chartdiv {
width: 96%;
height: 475px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
}
.amcharts-graph-g1 .amcharts-graph-fill {
filter: url(#blur);
}
.amcharts-graph-g2 .amcharts-graph-fill {
filter: url(#blur);
}
.amcharts-cursor-fill {
filter: url(#shadow);
}
.solves-chart{
position: absolute;
}
dashboard.html 0 → 100644
+ 37
− 0
View file @ 54a357ef
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script>
<script src="https://www.amcharts.com/lib/3/serial.js"></script>
<script src="https://www.amcharts.com/lib/3/plugins/export/export.min.js"></script>
<link rel="stylesheet" href="https://www.amcharts.com/lib/3/plugins/export/export.css" type="text/css" media="all" />
<script src="https://www.amcharts.com/lib/3/themes/light.js"></script>
<script src="chartdata.js"></script>
<title>HODOR | Dashboard</title>
</head>
<body>
<div class="container-fluid">
<img src="img/hodor-logo4.png" id="hodor-logo">
<div id="sidenavbar" class="sidenavbar">
<a href="#" id="profile" data-toggle="modal" data-target="#profile-modal"><img src="img/img_avatar.png" alt="Avatar"><br>Sabhariesh<i class="fa fa-user fa-lg"></i></a><br><br>
<a href="dashboard.html" id="dashboard">Dashboard<i class="fa fa-home fa-lg"></i></a>
<a href="#" id="learn">Learn<i class="fa fa-laptop fa-lg"></i></a>
<a href="#" id="leaderboard">Leaderboard<i class="fa fa-bar-chart fa-lg"></i></a>
<a href="#" id="ctf">Capture the Flag<i class="fa fa-flag fa-lg"></i></a>
<a href="#" id="docs">Documentation & help &nbsp;&nbsp;&nbsp;<i class="fa fa-info fa-lg"></i></a><br>
<a href="#" id="logout">Logout<i style="color:#d9534f !important;" class="fa fa-power-off fa-lg"></i></a>
</div>
<div id="chartdiv" style="width: 50%; height: 300px; background-color: #FFFFFF; position: absolute; left: 10%; top: 15%;">
</div>
</div>
</body>
</html>
\ No newline at end of file
home.html
+ 3
− 2
View file @ 54a357ef
...@@ -8,13 +8,14 @@ ...@@ -8,13 +8,14 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<title>HODOR</title>
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="container-fluid">
<img src="img/hodor-logo2.png" id="hodor-logo"> <img src="img/hodor-logo4.png" id="hodor-logo">
<div id="sidenavbar" class="sidenavbar"> <div id="sidenavbar" class="sidenavbar">
<a href="#" id="profile" data-toggle="modal" data-target="#profile-modal"><img src="img/img_avatar.png" alt="Avatar"><br>Sabhariesh<i class="fa fa-user fa-lg"></i></a><br><br> <a href="#" id="profile" data-toggle="modal" data-target="#profile-modal"><img src="img/img_avatar.png" alt="Avatar"><br>Sabhariesh<i class="fa fa-user fa-lg"></i></a><br><br>
<a href="#" id="dashboard">Dashboard<i class="fa fa-home fa-lg"></i></a> <a href="dashboard.html" id="dashboard">Dashboard<i class="fa fa-home fa-lg"></i></a>
<a href="#" id="learn">Learn<i class="fa fa-laptop fa-lg"></i></a> <a href="#" id="learn">Learn<i class="fa fa-laptop fa-lg"></i></a>
<a href="#" id="leaderboard">Leaderboard<i class="fa fa-bar-chart fa-lg"></i></a> <a href="#" id="leaderboard">Leaderboard<i class="fa fa-bar-chart fa-lg"></i></a>
<a href="#" id="ctf">Capture the Flag<i class="fa fa-flag fa-lg"></i></a> <a href="#" id="ctf">Capture the Flag<i class="fa fa-flag fa-lg"></i></a>
......
img/hodor-logo4.png 0 → 100644
+ 0
− 0
View file @ 54a357ef
img/hodor-logo4.png

1.83 MiB

land.html
+ 64
− 50
View file @ 54a357ef
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<div class="loginform"> <div class="loginform">
<form class="login"> <form class="login">
<button type="button" id="login-button" data-toggle="modal" data-target="#login-modal">Log in</button> <button type="button" id="login-button" data-toggle="modal" data-target="#login-modal">Log in</button>
<button type="button" id="signup-button" data-toggle="modal" data-target="#login-modal">Register</button> <button type="button" id="signup-button" data-toggle="modal" data-target="#register-modal">Register</button>
</form> </form>
</div> </div>
...@@ -43,13 +43,8 @@ ...@@ -43,13 +43,8 @@
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<ul class="nav nav-pills nav-justified">
<li class="active"><a data-toggle="pill" href="#login">Login</a></li>
<li><a data-toggle="pill" href="#register">Register</a></li>
</ul>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div id="login" class="tab-pane fade">
<form class="form1"> <form class="form1">
<div class="form-group1"> <div class="form-group1">
<label for="usrname">Username</label> <label for="usrname">Username</label>
...@@ -65,8 +60,22 @@ ...@@ -65,8 +60,22 @@
</div> --> </div> -->
</form> </form>
</div> </div>
<div class="modal-footer">
<div id="register" class="tab-pane fade"> <a href="home.html">
<button type="submit" class="btn btn-success" style="align-self: center">Submit</button>
</a>
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<div id="register-modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
</div>
<div class="modal-body">
<form class="form2"> <form class="form2">
<div class="form-group2"> <div class="form-group2">
<label for="name">Name</label> <label for="name">Name</label>
...@@ -92,14 +101,19 @@ ...@@ -92,14 +101,19 @@
</div> --> </div> -->
</form> </form>
<!-- </div> -->
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="submit" class="btn btn-success">Submit</button> <a href="home.html">
<button type="submit" class="btn btn-success" style="align-self: center">Submit</button>
</a>
<button type="button" class="btn btn-danger" data-dismiss="modal">Close</button> <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
</div> </div>
</div> </div>
</div> </div>
</div>
</div>
</div>
</div> </div>
<!-- </div> <!-- </div>
</div> --> </div> -->
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment