coronaindia
Version:
COVID19 India Tracker, predictive analytics and research. Built by engineers, data scientists, AI and medical professionals.
508 lines (503 loc) • 26.6 kB
HTML
<!--
#Project : COVID19
#Team : https://github.com/orgs/elComrades/people
#Author : github.com/prashantmi, github.com/deepandu
github.com/abhijatchaturvedi, github.com/siddharthsrivastava
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script data-ad-client="ca-pub-3584207319564393" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-161859093-2"></script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N2ZNT32');</script>
<!-- End Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-161859093-2');
</script>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content=" Dashboard for COVID-19 virus outbreak in INDIA">
<meta property="og:url" content="https://coronaindia.github.io/" />
<meta property="og:type" content="article" />
<meta property="og:title" content="COVID-19 INDIA Dashboard" />
<meta property="og:description" content="Dashboard for COVID-19 virus outbreak in INDIA">
<meta property="og:image" content="https://coronaindia.github.io//media/images/fsharevirus.png">
<title>COVID-19 INDIA Dashboard</title>
<!-- Tell the browser to be responsive to screen width -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Theme style -->
<link rel="stylesheet" href="dist/css/dashboardTheme.min.css">
<!--JQueryUI -->
<link href="media/jquery-ui/1.12.1/jquery-ui.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap -->
<link href="media/bootstrap/bootstrap-4.3.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap Datables -->
<link href="media/dataTables/DataTables-1.10.18/css/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!--Bootstrap Datables Responsive -->
<link href="media/dataTables/Responsive-2.2.2/css/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
<!--Fontawesome Icons---->
<link rel="stylesheet" href="media/fontawesome/5.10.1/css/all.css" />
<!--customBootstrap----->
<link rel="stylesheet" href="media/prashantUIUX/customBootstrap/css/customBootstrap.css" type="text/css" />
<!--Fonts--------------->
<link rel="stylesheet" href="media/prashantUIUX/fonts/webfontkit-averta-family/stylesheet.css" type="text/css" />
<!--Custom -->
<link rel="stylesheet" href="media/misc/css/indexDay.css" id="dayThemeCss" type="text/css" />
<link rel="stylesheet" href="media/misc/css/common.css" type="text/css">
<link rel="stylesheet" href="media/misc/css/themeSwitch.css" type="text/css" />
<link rel="stylesheet" href="media/misc/css/allAnimation.css" type="text/css" />
</head>
<body class="hold-transition sidebar-mini layout-fixed" id="pagescroll" ng-app="" ng-cloak>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N2ZNT32"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<input type="text" name="themeTypeElm" id="themeTypeElm" class="d-none themeTypeElm" value="1">
<div class="wrapper">
<!-- Navbar -->
<nav class="main-header-thsw main-header navbar navbar-expand navbar-light" id="">
<!-- Left navbar links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link nav-link-menuBtn" data-widget="pushmenu" href="#">
<i class="menu-thsw fas fa-bars text-danger" style="font-size:20px; font-weight: bold;"></i>
</a>
</li>
<li class="nav-item mt-2 ">
<a href="" class="text-nowrap"><b>COVID-19 Virus Outbreak in INDIA </b><img class="img" src="media/images/indianflag.svg" width="20px" height="20px"></a>
<div class="form-group d-flex text-nowrap flex-nowrap">
Day Mode
<i class="fas fa-cloud-sun text-warning" style=""></i>
<div class="custom-control custom-switch">
<input type="checkbox" class="custom-control-input themeSwitchChkBox" id="customSwitch1">
<label class="custom-control-label" for="customSwitch1"></label>
</div>
<i class="fas fa-cloud-moon text-primary" style=""> </i>
Night Mode
</div>
</li>
</ul>
<!-- Right navbar links -->
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<form class="form-inline">
<span style="cursor: pointer;"><span class="badge badge-secondary" data-widget="control-sidebar" data-slide="true">Ask Bot <i class="far fa-hand-point-right"></i></span><img class="direct-chat-img animated flip delay-0.2s"
data-widget="control-sidebar" data-slide="true" src="media/images/robot.svg" style="float: right;">
</span>
</form>
</li>
</ul>
</nav>
<!-- Main Sidebar Container -->
<aside class="main-Sidebar-thsw navbar-light main-sidebar elevation-4 shadow">
<!-- Brand Logo -->
<a href="" class="brand-link">
<img src="media/images/virus.svg" alt="CoronaIndia Logo" class="brand-image img-circle elevation-3">
<span class="brand-text-thsw brand-text font-weight-bold text-shadow brand-text-light" style="">COVID-19 INDIA</span>
</a>
<!-- Sidebar -->
<div class="sidebar">
<!-- Sidebar Menu -->
<nav class="mt-2">
<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
<!-- Add icons to the links using the .nav-icon class
with font-awesome or any other icon font library -->
<li class="nav-item">
<a href="" class="nav-link">
<i class="nav-icon fas fa-home"></i>
<p>
Home
</p>
</a>
</li>
<li class="nav-item">
<a href="../index.html" class="nav-link">
<i class="nav-icon fas fa-th"></i>
<p>
Stats- INDIA
</p>
</a>
</li>
<li class="nav-item">
<a href="worldwide.html" class="nav-link">
<i class="nav-icon fas fa-globe"></i>
<p>
Stats- WORLD
</p>
</a>
</li>
<li class="nav-item">
<a href="researchcentre.html" class="nav-link">
<i class="nav-icon fas fa-flask"></i>
<p>
Research Centre <span class="badge badge-danger new-text">New</span>
</p>
</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">
<i class="fa fa-info-circle nav-icon"></i>
<p>
About
</p>
</a>
</li>
</ul>
</nav>
</div>
</aside>
<!--Common navbar ends here-->
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper bg-white">
<!-- Content Header (Page header) -->
<div class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-5 col-md-5">
<h1 class="">Dashboard </h1>
</div>
<div class="col-7 col-md-3">
</div>
<div class="col-12 col-md-4">
<ol class="breadcrumb d-flex flex-row-reverse pt-3 pt-md-0">
<li class="nav-item mr-1">
<a class="fab fa-twitter shadow" title="Share via Twitter" target="_blank" href="https://twitter.com/elcomrades">
</a>
</li>
<li class="nav-item mr-1">
<a class="fab fa-linkedin shadow" title="Share via Linkedin" target="_blank"
href="https://www.linkedin.com/shareArticle?mini=true&url=https://coronaindia.github.io/&title=#indiafightscorona&source=https://coronaindia.github.io/"></a>
</li>
<li class="nav-item mr-1">
<a href="https://www.instagram.com/?url=https://coronaindia.github.io/" title="Share via Instagram" target="_blank" class="fab fa-instagram shadow"></a>
</li>
<li class="nav-item mr-1">
<a class="fab fa-facebook shadow" target="_blank" title="Share via Facebook" href="https://www.facebook.com/elcomrades"></a>
</li>
<li class="nav-item mr-1">
<a target="_blank" title="Share via Whatsapp" href="whatsapp://send?&text= COVID-19 INDIA Dashboard https://coronaindia.github.io/" class="fab fa-whatsapp shadow"></a>
</li>
</ol>
</div>
</div>
</div>
</div>
<!-- Main content -->
<section class="content" id="dashboardSection">
<div class="container-fluid">
<!-- Main row -->
<div class="row">
<section class="col-lg-12 connectedSortable">
<div class="card shadow" id="">
<div class="card-header border-0 mb-0">
<h3 class="card-title">
<i class="fas fa-globe mr-1" style="color:#20B4C4; font-size:20px;"></i>
Information
</h3>
<!-- card tools -->
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
<!-- /.card-tools -->
</div>
<div class="card-body mt-0 mb-0">
<div class="flexbox">
<ul class="list-group">
<li class="list-group-item-thsw list-group-item">
<b> Who are you and why are you doing this ?</b>
<br />
We are group of IT professionals who have closely worked with health informatics systems and want to make the world a better place through our skills. As the entire world is sufferring
we find it our responsibility to put our knowledge to a good use by providing relevant and easy to understand information on COVID19.
to the citizens.
</li>
<li class="list-group-item-thsw list-group-item">
<b> Is this an official dashboard ?</b>
<br />
No, this is a volunteer driven initiative.
</li>
<li class="list-group-item-thsw list-group-item">
<b> What is the source of data ? </b>
<br />
We source our data from <a href="https://www.mohfw.gov.in/" target="_blank">Ministry of Health and Family Welfare, Government of India</a>.
</li>
<li class="list-group-item-thsw list-group-item">
<b> Why do you use data only from Ministry of Health and Family Welfare ? </b>
<br />
We want to provide only the authentic and reliable data and do not want to leave even a minute scope for misinformation. Moreover, with intuitive analysis on this data we belive we can provide a clearer picture on the progress
of COVID19.
</li>
<li class="list-group-item-thsw list-group-item">
<b> How can I contribute ? </b>
<br />
If you want to contribute with coding, information or anything else, we will be glad to listen from you at <a href="mailto:elcomrades19@gmail.com?Subject=Hello%" target="_top">elcomrades19@gmail.com</a> or feel free to contribute
on <a href="https://github.com/siddharthsrivastava/coronaindia.github.io">Github</a>.
</li>
<li class="list-group-item-thsw list-group-item">
<b> How can I get in touch ? </b> <br />
Follow us about us on <a href="https://www.facebook.com/elcomrades/" target="_blank">Facebook</a> and
<a href="https://twitter.com/elcomrades" target="_blank">Twitter</a>.
Or drop us a few lines at <a href="mailto:elcomrades19@gmail.com?Subject=Hello%" target="_top">elcomrades19@gmail.com</a>.
</li>
</ul>
</div>
</div>
<!-- /.card-body-->
<div class="card-footer bg-transparent">
<!-- /.row -->
</div>
</div>
</section>
</div>
<div class="row">
<!-- Left col -->
<section class="col-lg-12 connectedSortable">
<div class="card shadow" id="">
<div class="card-header border-0 mb-0">
<h3 class="card-title">
<i class="fab fa-connectdevelop" style="color:#20B4C4; font-size: 20px; font-weight: bold;"></i>
Team
</h3>
<!-- card tools -->
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0">
<ul class="users-list clearfix">
<li>
<a class="" href="https://www.linkedin.com/in/prashantmi/">
<img class="teamImg" src="media/images/team/pm.jpg" alt="Prashant Mishra">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/prashantmi/">
<i class="text-nowrap">Prashant </i> <i class="text-nowrap">Mishra</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/prashantmi/" class="fab fa-linkedin"></a>
<a href="https://github.com/prashantmi" class="fab fa-github-square"></a>
</span>
</li>
<li>
<a class="" href="https://www.linkedin.com/in/deepandujain/">
<img class="teamImg" src="media/images/team/dj.jpg" alt="Deepandu Jain">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/deepandujain/">
<i class="text-nowrap">Deepandu </i> <i class="text-nowrap">Jain</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/deepandujain/" class="fab fa-linkedin"></a>
<a href="https://github.com/deepandu" class="fab fa-github-square"></a>
</span>
</li>
<li>
<a class="" href="https://www.linkedin.com/in/srivastavasiddharth/">
<img class="teamImg" src="media/images/team/ss.png" alt="Siddharth Srivastava">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/srivastavasiddharth/">
<i class="text-nowrap">Siddharth </i> <i class="text-nowrap">Srivastava</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/srivastavasiddharth/" class="fab fa-linkedin"></a>
<a href="https://github.com/siddharthsrivastava" class="fab fa-github-square"></a>
</span>
</li>
<li>
<a class="" href="https://www.linkedin.com/in/abhijat-chaturvedi-a9161725/">
<img class="teamImg" src="media/images/team/ac.jpg" alt="Abhijat Chaturvedi">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/abhijat-chaturvedi-a9161725/">
<i class="text-nowrap">Abhijat </i> <i class="text-nowrap">Chaturvedi</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/abhijat-chaturvedi-a9161725/" class="fab fa-linkedin"></a>
<a href="https://github.com/abhijatchaturvedi" class="fab fa-github-square"></a>
</span>
</li>
<li class="ml-1">
<a class="" href="https://www.linkedin.com/in/jatin-asija-b66908a4/">
<img class="teamImg" src="media/images/team/ja.jpg" alt="Jatin Asija">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/jatin-asija-b66908a4/">
<i class="text-nowrap">Jatin </i> <i class="text-nowrap">Asija</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/jatin-asija-b66908a4/" class="fab fa-linkedin"></a>
<a href="https://github.com/jatinasija93" class="fab fa-github-square"></a>
</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent text-center">
<a href="https://github.com/elComrades/coronaindia/graphs/contributors" class="">View All GitHub Collaborators</a>
</div>
<div class="card-footer bg-transparent">
</div>
</div>
</section>
<section class="col-lg-12 connectedSortable">
<div class="card shadow" id="">
<div class="card-header border-0 mb-0">
<h3 class="card-title">
<i class="fab fa-connectdevelop" style="color:#20B4C4; font-size: 20px; font-weight: bold;"></i>
Thanking for continously providing valuable suggestions
</h3>
<!-- card tools -->
<div class="card-tools">
<button type="button" class="btn btn-dark btn-sm" data-card-widget="collapse" data-toggle="tooltip" title="Collapse">
<i class="fas fa-minus"></i>
</button>
</div>
</div>
<div class="card-body mt-0 mb-0">
<ul class="users-list clearfix">
<li>
<a class="" href="#">
<img class="teamImg" src="media/images/advisors/pks.png" alt="Praveen Kumar Srivastava">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="">
<i class="text-nowrap">Praveen Kumar </i> <i class="text-nowrap">Srivastava</i><br/>
<i class="text-nowrap">Senior Director, CDAC Noida</i>
</a>
</li>
<li>
<a class="" href="#">
<img class="teamImg" src="media/images/advisors/ra.png" alt="Dr. Rajeev Arvindankshan">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="">
<i class="text-nowrap">Dr. Rajeev </i> <i class="text-nowrap">Arvindankshan</i><br/>
<i class="text-nowrap">All India Institute of Medical Sciences, Mangalagiri</i>
</a>
</li>
<li>
<a class="" href="https://www.linkedin.com/in/shaileshkumar1729/">
<img class="teamImg" src="media/images/advisors/sk.png" alt="Shailesh Kumar">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/shaileshkumar1729/">
<i class="text-nowrap">Shailesh</i> <i class="text-nowrap">Kumar</i>
<i class="text-nowrap">Associate Director, Interra Systems</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/shaileshkumar1729/" class="fab fa-linkedin"></a>
</span>
</li>
<li>
<a class="" href="https://www.linkedin.com/in/amarjeet-cheema-9202a1a2/">
<img class="teamImg" src="media/images/advisors/asc.png" alt="Amarjeet Singh Cheema">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/amarjeet-cheema-9202a1a2/">
<i class="text-nowrap">Amarjeet Singh</i> <i class="text-nowrap">Cheema</i>
<i class="text-nowrap">Joint Director, CDAC Noida</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/amarjeet-cheema-9202a1a2/" class="fab fa-linkedin"></a>
</span>
</li>
<li>
<a class="" href="https://www.linkedin.com/in/shaileshkumar1729/">
<img class="teamImg" src="media/images/advisors/ar.png" alt="Shailesh Kumar">
</a>
<a class="users-list-name-thsw users-list-name text-dark" style="font-weight: bold;" href="https://www.linkedin.com/in/astha-rai-5238881a7/">
<i class="text-nowrap">Astha</i> <i class="text-nowrap">Rai</i><br/>
<i class="text-nowrap">Joint Director, CDAC Noida</i>
</a>
<span class="text-nowrap">
<a href="https://www.linkedin.com/in/astha-rai-5238881a7/" class="fab fa-linkedin"></a>
</span>
</li>
</ul>
</div>
<div class="card-footer bg-transparent">
</div>
</div>
</section>
</div>
</div>
</section>
</div>
<footer class="main-footer ">
<div class="container-fluid">
<div class="row">
<div class="col-6 col-md-4">
<span class="flex-nowrap "><i class="far fa-envelope text-danger"></i><span style="color:#20B4C4;"> elcomrades19@gmail.com</span></span>
</div>
<div class="col-6 col-md-2">
<span class="flex-nowrap ">Visitor Count : <span class="badge badge-danger" id="visitorCount"><i class='fa fa-spinner fa-spin'></i></span></span>
</div>
<div class="col-8 col-md-4 pt-md-0 pt-2">
<span class="flex-nowrap">Designed & Developed By <a href="https://github.com/orgs/elComrades">elComrades</a></span>
</div>
<div class="col-4 col-md-2">
<span class="flex-nowrap"><a href="https://github.com/orgs/elComrades/people"><i class="fab fa-github" style="color:black;"></i> Authors</a></span>
</div>
</div>
</div>
</footer>
<aside class="control-sidebar" style="" id="newsscroll">
<div id="frame">
<div class="chatbot-frame-thsw content bg-white shadow" style="">
<div class="bot-header-thsw contact-profile shadow rounded ">
<img src="media/images/robot.svg" class="img animated flip delay-0.2s">
<h4><span class="animated fadeIn delay-0.2s ">Corona Bot</span></h4>
<div>
<h6 style="float:left;"><span class="badge badge-success" onclick="start_over();" style="cursor: pointer;"><i class="fas fa-sync-alt"></i> Start Again</span></h6>
<h6><span class="badge badge-danger" data-widget="control-sidebar" data-slide="true" style="cursor: pointer;"><i class="fas fa-times"></i> Close</span></h6>
</div>
</div>
<div class="messages shadow rounded border border-dark" id="mssg">
<ul>
<li class="replies">
<p>Hello I am Corona Bot. And I am here to help you during novel corona virus outbreak.</p>
</li>
<li class="replies">
<p>Warning: Do not take this as medical advise. Consult your doctor if you feel sick.</p>
</li>
<li class="sent">
<button type="button" class="btn btn-success" onclick="start()">Risk Analyzer. 🤒</button>
<button type="button" class="btn btn-danger" onclick="quiz()">Take Quiz. 🤓</button>
</li>
</ul>
</div>
</div>
</div>
</aside>
</div>
<!--JQuery -->
<script src="media/jquery/3.4.1/jquery-3.4.1.min.js" type="text/javascript"></script>
<!--JQueryUI -->
<script src="media/jquery-ui/1.12.1/jquery-ui.min.js" type="text/javascript"></script>
<!--Bootstrap -->
<script src="media/bootstrap/bootstrap-4.3.1/js/bootstrap.min.js" type="text/javascript"></script>
<!-- Json values and variables -->
<script src="media/misc/js/jsonNvars.js"> </script>
<!-- chart and map js -->
<script src="media/misc/js/themeSwitch.js"> </script>
<!--TextFit JS----->
<script type="text/javascript" src="media/textFit/2.4.0/textFit.min.js"></script>
<!--customBootstrap----->
<script type="text/javascript" src="media/prashantUIUX/customBootstrap/js/customBootstrap.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>
<!-- Chat bot js -->
<script src="media/chatbot/js/chatbot.js"> </script>
<!-- common js -->
<script src="media/misc/js/common.js"> </script>
<script src="examples/app.js"></script>
<script>
</script>
</body>
</html>