Skip to content

E
Education in INDIA
You need to sign in or sign up before continuing.
Commit da4ee7fb authored by Shubham V's avatar Shubham V
Browse files
Options

refining dashboard

parent 2245ea91
Hide whitespace changes
Inline Side-by-side
Showing with 167 additions and 272 deletions
static/css/styles.css
View file @ da4ee7fb
/*
body {
min-height: 100vh;
} */
/*
li {
list-style: none;
} */
/* h1,
h2 {
color: #444;
} */
h3 { h3 {
color: rgba(92, 88, 88, 0.963); color: rgba(92, 88, 88, 0.963);
} }
/* .btn {
background: #f05462;
color: white;
padding: 5px 10px;
text-align: center;
}
.btn:hover {
color: #423839;
background: rgb(5, 0, 0);
padding: 3px 8px;
border: 2px solid #f05462;
} */
.title { .topcardinf {
display: flex; display: flex;
/* font-weight: 1000; */
font-size: 30px; font-size: 30px;
/* align-items: center; */
/* justify-content: space-around; */
justify-content: center; justify-content: center;
padding: 10px; padding: 10px;
/* border-bottom: 2px solid #999; */
/* height: 14vh; */
} }
table { table {
...@@ -53,31 +22,25 @@ td { ...@@ -53,31 +22,25 @@ td {
padding: 8px; padding: 8px;
} }
.side-menu { .nav-menu {
min-height: 100vh; min-height: 100vh;
background: #6AB187; background: #6AB187;
width: 20vw; width: 20vw;
position: fixed; position: fixed;
/* display: flex; */
/* flex-direction: column; */
} }
.side-menu .brand-name { .nav-menu .space_nav {
height:10vh; height:10vh;
/* display: flex;
align-items: center;
justify-content: center; */
} }
.side-menu a { .nav-menu a {
display: flex; display: flex;
color: white; color: white;
font-size:26px; font-size:26px;
padding:15px 40px; padding:15px 40px;
/* align-items: center; */
} }
.side-menu a:hover { .nav-menu a:hover {
color: #6AB187; color: #6AB187;
background: rgb(255, 255, 255); background: rgb(255, 255, 255);
...@@ -105,7 +68,7 @@ td { ...@@ -105,7 +68,7 @@ td {
height:12vh; height:12vh;
} }
.container .topbar .dashboard_title { .container .topbar .main_title {
align-items:center; align-items:center;
display:flex; display:flex;
height:14vh; height:14vh;
...@@ -114,24 +77,15 @@ td { ...@@ -114,24 +77,15 @@ td {
font-size:30px; font-size:30px;
} }
/* .title {
height:14vh;
font-size:30px;
font-weight:1000;
display:flex;
align-items:center;
justify-content:center;
} */
.container .content { .container .summarycard {
background:#f1efef; background:#f1efef;
position:relative; position:relative;
margin-top:12vh; margin-top:12vh;
/* min-height:90vh; */
} }
.container .content .cards { .container .summarycard .containercards {
display:flex; display:flex;
padding:15px 15px; padding:15px 15px;
flex-wrap:wrap; flex-wrap:wrap;
...@@ -140,7 +94,7 @@ td { ...@@ -140,7 +94,7 @@ td {
justify-content:space-between; justify-content:space-between;
} }
.container .content .cards .card { .container .summarycard .containercards .card {
display:flex; display:flex;
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4); box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4);
height:150px; height:150px;
...@@ -153,28 +107,25 @@ td { ...@@ -153,28 +107,25 @@ td {
} }
.container .content .content-2 { .container .summarycard .graphcontainer{
display:flex; display:flex;
justify-content:space-around; justify-content:space-around;
align-items:flex-start; align-items:flex-start;
flex-wrap:wrap; flex-wrap:wrap;
/* min-height:70vh; */
} }
.container .content .content-2 .recent-payments { .container .summarycard .graphcontainer .trend-graph {
min-height:100%; min-height:100%;
background:white; background:white;
/* margin:0 25px 25px 25px; */
box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);
display:flex; display:flex;
flex-direction:column; flex-direction:column;
/* margin:auto; */
margin-top:0px; margin-top:0px;
margin-bottom:20px; margin-bottom:20px;
} }
.container .content .content-2 .recent-payments { .container .summarycard .graphcontainer .trend-graph {
justify-content:center; justify-content:center;
align-items:center; align-items:center;
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.2); box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.2);
...@@ -184,83 +135,33 @@ td { ...@@ -184,83 +135,33 @@ td {
} }
.container .content .content-2 .recent-payments img{ .container .summarycard .graphcontainer .trend-graph img{
min-width:100%; min-width:100%;
min-height:100% min-height:100%
} }
.container .content .content-2 .new-students { .container .summarycard .graphcontainer .card-graph {
min-height:100%; min-height:100%;
background:white; background:white;
/* margin:0 25px 25px 25px; */
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4); box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4);
display:flex; display:flex;
flex-direction:column; flex-direction:column;
margin-bottom:5vh; margin-bottom:5vh;
/* margin-top:10vh; */
} }
.container .content .content-2 .new-students .performance{
display:flex;
min-height:100%;
flex-direction:column;
background:white;
/* margin:0 25px 25px 25px; */
box-shadow:0 6px 20px 0 rgba(0, 0, 0, 0.4);
/* margin-top:10vh; */
}
.container .content .content-2 .new-students table td:nth-child(1) img {
.container .summarycard .graphcontainer .card-graph table td:nth-child(1) img {
height:40px; height:40px;
width:40px; width:40px;
} }
/* @media screen and (max-width:1050px) {
.side-menu li {
font-size:18px;
}
}
@media screen and (max-width:940px) {
.side-menu li span {
display:none;
}
.side-menu {
align-items:center;
}
.side-menu li img {
width:40px;
height:40px;
}
.side-menu li:hover {
background:#f05462;
padding:8px 38px;
border:2px solid white;
}
}
@media screen and (max-width:536px) {
.brand-name h1 {
font-size:16px;
}
.container .content .cards {
justify-content:center;
}
.side-menu li img {
width:30px;
height:30px;
}
.container .content .content-2 .recent-payments table th:nth-child(2),
.container .content .content-2 .recent-payments table td:nth-child(2) {
display:none;
}
} */
a {text-decoration:none;} a {text-decoration:none;}
*{padding:0; *{padding:0;
/* box-sizing:border-box; */
font-family:Georgia; font-family:Georgia;
margin:0; margin:0;
} }
templates/classrooms.html
View file @ da4ee7fb
...@@ -15,27 +15,26 @@ ...@@ -15,27 +15,26 @@
</head> </head>
<body> <body>
<div class="side-menu"> <div class="nav-menu">
<div class="brand-name"> <div class="space_nav">
<h1>Navigation</h1>
</div> </div>
<ul> <ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li> <li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li> <li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li> <li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li> <li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li> <li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li> <li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul> </ul>
</div> </div>
<div class="container"> <div class="container">
<div class="topbar"> <div class="topbar">
<div class="dashboard_title"> <div class="main_title">
Classrooms Classrooms
</div> </div>
</div> </div>
<div class="content"> <div class="summarycard">
<div class="cards"> <div class="containercards">
<div class="card"> <div class="card">
<div class="box"> <div class="box">
<h1>{% print(classrooms_summary['total']) %}</h1> <h1>{% print(classrooms_summary['total']) %}</h1>
...@@ -73,9 +72,9 @@ ...@@ -73,9 +72,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="recent-payments"> <div class="trend-graph" >
<div class="title"> <div class="topcardinf">
Trend by state Trend by state
</div> </div>
<form method="POST" action="/get_trend_for_classrooms"> <form method="POST" action="/get_trend_for_classrooms">
...@@ -125,9 +124,9 @@ ...@@ -125,9 +124,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of Classroom condition: {% print(classroom_condition) %} --> <!-- Distribution across states of Classroom condition: {% print(classroom_condition) %} -->
Distribution across states by Classroom Condition Distribution across states by Classroom Condition
</div> </div>
...@@ -159,9 +158,9 @@ ...@@ -159,9 +158,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -183,8 +182,8 @@ ...@@ -183,8 +182,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
......
templates/facilities.html
View file @ da4ee7fb
...@@ -15,27 +15,26 @@ ...@@ -15,27 +15,26 @@
</head> </head>
<body> <body>
<div class="side-menu"> <div class="nav-menu">
<div class="brand-name"> <div class="space_nav">
<h1>Navigation</h1>
</div> </div>
<ul> <ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li> <li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li> <li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li> <li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li> <li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li> <li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li> <li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul> </ul>
</div> </div>
<div class="container"> <div class="container">
<div class="topbar"> <div class="topbar">
<div class="dashboard_title"> <div class="main_title">
Facilities Facilities
</div> </div>
</div> </div>
<div class="content"> <div class="summarycard">
<div class="cards"> <div class="containercards">
<div class="card"> <div class="card">
<div class="box"> <div class="box">
<h1>{% print(facilities_summary['enrolment_lt_50']) %}</h1> <h1>{% print(facilities_summary['enrolment_lt_50']) %}</h1>
...@@ -91,9 +90,9 @@ ...@@ -91,9 +90,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="recent-payments"> <div class="trend-graph" >
<div class="title"> <div class="topcardinf">
Trend by state Trend by state
</div> </div>
<form method="POST" action="/get_trend_for_schools_with_facilities"> <form method="POST" action="/get_trend_for_schools_with_facilities">
...@@ -143,9 +142,9 @@ ...@@ -143,9 +142,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of School Facilities: {% print(school_facility) %} --> <!-- Distribution across states of School Facilities: {% print(school_facility) %} -->
Distribution across states by Dimension Distribution across states by Dimension
</div> </div>
...@@ -180,9 +179,9 @@ ...@@ -180,9 +179,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -204,8 +203,8 @@ ...@@ -204,8 +203,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
......
templates/index.html
View file @ da4ee7fb
...@@ -15,27 +15,26 @@ ...@@ -15,27 +15,26 @@
</head> </head>
<body> <body>
<div class="side-menu"> <div class="nav-menu">
<div class="brand-name"> <div class="space_nav">
<h1>Navigation</h1>
</div> </div>
<ul> <ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li> <li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li> <li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li> <li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li> <li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li> <li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li> <li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul> </ul>
</div> </div>
<div class="container"> <div class="container">
<div class="topbar"> <div class="topbar">
<div class="dashboard_title"> <div class="main_title">
Education in INDIA Education in INDIA
</div> </div>
</div> </div>
<div class="content"> <div class="summarycard">
<div class="cards"> <div class="containercards">
<div class="card"> <div class="card">
<div class="box"> <div class="box">
<h1>{% print(index_summary['students']) %}</h1> <h1>{% print(index_summary['students']) %}</h1>
...@@ -73,9 +72,9 @@ ...@@ -73,9 +72,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="recent-payments"> <div class="trend-graph">
<div class="title"> <div class="topcardinf">
{% print(main_dimension_index) %} {% print(main_dimension_index) %}
</div> </div>
<form method="POST" action="/get_main_dimension_from_index"> <form method="POST" action="/get_main_dimension_from_index">
...@@ -92,9 +91,9 @@ ...@@ -92,9 +91,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Facilities Facilities
</div> </div>
<!-- <form method="POST" action="/get_facilities_from_index"> <!-- <form method="POST" action="/get_facilities_from_index">
......
templates/schools.html
View file @ da4ee7fb
...@@ -15,27 +15,26 @@ ...@@ -15,27 +15,26 @@
</head> </head>
<body> <body>
<div class="side-menu"> <div class="nav-menu">
<div class="brand-name"> <div class="space_nav">
<h1>Navigation</h1>
</div> </div>
<ul> <ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li> <li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li> <li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li> <li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li> <li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li> <li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li> <li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul> </ul>
</div> </div>
<div class="container"> <div class="container">
<div class="topbar"> <div class="topbar">
<div class="dashboard_title"> <div class="main_title">
Schools Schools
</div> </div>
</div> </div>
<div class="content"> <div class="summarycard">
<div class="cards"> <div class="containercards">
<div class="card"> <div class="card">
<div class="box"> <div class="box">
<h1>{% print(schools_summary['total']) %}</h1> <h1>{% print(schools_summary['total']) %}</h1>
...@@ -73,9 +72,9 @@ ...@@ -73,9 +72,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="recent-payments"> <div class="trend-graph">
<div class="title"> <div class="topcardinf">
Trend by state Trend by state
</div> </div>
<form method="POST" action="/get_trend_for_schools"> <form method="POST" action="/get_trend_for_schools">
...@@ -131,9 +130,9 @@ ...@@ -131,9 +130,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of Schools by {% print(school_category) %} category --> <!-- Distribution across states of Schools by {% print(school_category) %} category -->
Distribution across states by School Category Distribution across states by School Category
</div> </div>
...@@ -165,9 +164,9 @@ ...@@ -165,9 +164,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -189,8 +188,8 @@ ...@@ -189,8 +188,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
...@@ -214,9 +213,9 @@ ...@@ -214,9 +213,9 @@
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of Rural schools by {% print(rural_school_category) %} category --> <!-- Distribution across states of Rural schools by {% print(rural_school_category) %} category -->
Distribution across states by Rural Schools Distribution across states by Rural Schools
</div> </div>
...@@ -247,9 +246,9 @@ ...@@ -247,9 +246,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -271,8 +270,8 @@ ...@@ -271,8 +270,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
......
templates/students.html
View file @ da4ee7fb
...@@ -15,27 +15,26 @@ ...@@ -15,27 +15,26 @@
</head> </head>
<body> <body>
<div class="side-menu"> <div class="nav-menu">
<div class="brand-name"> <div class="space_nav">
<h1>Navigation</h1>
</div> </div>
<ul> <ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li> <li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li> <li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li> <li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li> <li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li> <li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li> <li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul> </ul>
</div> </div>
<div class="container"> <div class="container">
<div class="topbar"> <div class="topbar">
<div class="dashboard_title"> <div class="main_title">
Students Students
</div> </div>
</div> </div>
<div class="content"> <div class="summarycard">
<div class="cards"> <div class="containercards">
<div class="card"> <div class="card">
<div class="box"> <div class="box">
<h1>{% print(students_summary['total']) %}</h1> <h1>{% print(students_summary['total']) %}</h1>
...@@ -73,9 +72,9 @@ ...@@ -73,9 +72,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="recent-payments"> <div class="trend-graph">
<div class="title"> <div class="topcardinf">
Trend by state Trend by state
</div> </div>
<form method="POST" action="/get_trend_for_elementary_enrolment"> <form method="POST" action="/get_trend_for_elementary_enrolment">
...@@ -130,9 +129,9 @@ ...@@ -130,9 +129,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of Elementary Enrolment in {% print(elementary_enrolment_category) %} Schools --> <!-- Distribution across states of Elementary Enrolment in {% print(elementary_enrolment_category) %} Schools -->
Distribution across states by School Category Distribution across states by School Category
</div> </div>
...@@ -164,9 +163,9 @@ ...@@ -164,9 +163,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -188,8 +187,8 @@ ...@@ -188,8 +187,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
...@@ -213,9 +212,9 @@ ...@@ -213,9 +212,9 @@
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of Rural Enrolment in {% print(rural_enrolment_category) %} Schools --> <!-- Distribution across states of Rural Enrolment in {% print(rural_enrolment_category) %} Schools -->
Distribution across states by Rural Schools Distribution across states by Rural Schools
</div> </div>
...@@ -246,9 +245,9 @@ ...@@ -246,9 +245,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -270,8 +269,8 @@ ...@@ -270,8 +269,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
......
templates/teachers.html
View file @ da4ee7fb
...@@ -15,27 +15,26 @@ ...@@ -15,27 +15,26 @@
</head> </head>
<body> <body>
<div class="side-menu"> <div class="nav-menu">
<div class="brand-name"> <div class="space_nav">
<h1>Navigation</h1>
</div> </div>
<ul> <ul>
<li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/dashboard.png') }}" alt="">&nbsp; <span>Home</span></a></li> <li><a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='img/nav_home.png') }}" alt="">&nbsp; <span>Home</span></a></li>
<li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/students_navbar.png') }}" alt="">&nbsp;<span>Students</span></a></li> <li><a href="{{ url_for('students') }}"><img src="{{ url_for('static', filename='img/nav_student.png') }}" alt="">&nbsp;<span>Students</span></a></li>
<li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/teacher2.png') }}" alt="">&nbsp;<span>Teachers</span></a></li> <li><a href="{{ url_for('teachers') }}"><img src="{{ url_for('static', filename='img/nav_teacher.png') }}" alt="">&nbsp;<span>Teachers</span></a></li>
<li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/school.png') }}" alt="">&nbsp;<span>Schools</span></a></li> <li><a href="{{ url_for('schools') }}"><img src="{{ url_for('static', filename='img/nav_school.png') }}" alt="">&nbsp;<span>Schools</span></a></li>
<li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/payment.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li> <li><a href="{{ url_for('classrooms') }}"><img src="{{ url_for('static', filename='img/nav_classrooms.png') }}" alt="">&nbsp;<span>Classrooms</span></a></li>
<li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/help-web-button.png') }}" alt="">&nbsp; <span>Facilities</span></a></li> <li><a href="{{ url_for('facilities') }}"><img src="{{ url_for('static', filename='img/nav_facilities.png') }}" alt="">&nbsp; <span>Facilities</span></a></li>
</ul> </ul>
</div> </div>
<div class="container"> <div class="container">
<div class="topbar"> <div class="topbar">
<div class="dashboard_title"> <div class="main_title">
Teachers Teachers
</div> </div>
</div> </div>
<div class="content"> <div class="summarycard">
<div class="cards"> <div class="containercards">
<div class="card"> <div class="card">
<div class="box"> <div class="box">
<h1>{% print(teachers_summary['total']) %}</h1> <h1>{% print(teachers_summary['total']) %}</h1>
...@@ -73,9 +72,9 @@ ...@@ -73,9 +72,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="recent-payments"> <div class="trend-graph">
<div class="title"> <div class="topcardinf">
Trend by state Trend by state
</div> </div>
<form method="POST" action="/get_trend_for_teachers"> <form method="POST" action="/get_trend_for_teachers">
...@@ -130,9 +129,9 @@ ...@@ -130,9 +129,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of Teachers in {% print(teachers_category) %} Schools --> <!-- Distribution across states of Teachers in {% print(teachers_category) %} Schools -->
Distribution across states by School Category Distribution across states by School Category
</div> </div>
...@@ -164,9 +163,9 @@ ...@@ -164,9 +163,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -188,8 +187,8 @@ ...@@ -188,8 +187,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
...@@ -213,9 +212,9 @@ ...@@ -213,9 +212,9 @@
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
<!-- Distribution across states of Teachers by Educational Qualification: {% print(teachers_qualification) %} --> <!-- Distribution across states of Teachers by Educational Qualification: {% print(teachers_qualification) %} -->
Distribution across states by Educational Qualification Distribution across states by Educational Qualification
</div> </div>
...@@ -252,9 +251,9 @@ ...@@ -252,9 +251,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="content-2"> <div class="graphcontainer" >
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Top Performing States Top Performing States
</div> </div>
<table> <table>
...@@ -276,8 +275,8 @@ ...@@ -276,8 +275,8 @@
</tr> </tr>
</table> </table>
</div> </div>
<div class="new-students"> <div class="card-graph">
<div class="title"> <div class="topcardinf">
Worst Performing States Worst Performing States
</div> </div>
<table> <table>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment