-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
1 lines (1 loc) · 10.5 KB
/
index.html
1
<!DOCTYPE html><html><head> <title>COVID-19 Tracker</title> <meta name="og:title" property="og:title" content="CovidNearMe | Covid-19 tracker. Find corona virus near you"> <meta name="description" content="Covidnearme | Covid-19 tracker. Find corona virus near you"> <link rel="stylesheet" href="css/materialize.min.css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <script src='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.js'></script> <link href='https://api.mapbox.com/mapbox-gl-js/v1.8.1/mapbox-gl.css' rel='stylesheet'/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="main.js?ver=5.23"></script><script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"></script> <link rel="manifest" href="./manifest.webmanifest"> <meta name="theme-color" content="#212121"> <meta name="msapplication-navbutton-color" content="#212121"> <meta name="apple-mobile-web-app-status-bar-style" content="#212121"> <link rel="icon" href="css/icon.png"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-163252735-2"></script> <script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'UA-163252735-2'); </script></head><body onload="getLocation()" class="grey darken-4" style="overflow-x: hidden;"> <ul class="sidenav grey darken-4" id="mobile-demo"> <li><a href="analytics.html" class="teal-text">Analytics</a></li><li><a href="about.html" class="teal-text">About</a></li><li><a href="team.html" class="teal-text">Our Team</a></li></ul> <div class="navbar-fixed"> <nav> <div class="nav-wrapper grey darken-4 z-depth-3" style="z-index: 1;"> <a href="index.html"><img src="logo_1.png?ver=2" alt="" class="brand-logo hide-on-med-and-down show-on-large" width="16%" style="position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);"></a> <a href="index.html"><img class="left brand-logo hide-on-large-only hide-on-small-only show-on-med" src="logo_1.png?ver=2" alt="" width="26%" style="position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);"></a> <a href="index.html"><img src="logo_1.png?ver=2" alt="" class="left brand-logo hide-on-med-and-up show-on-small" width="50%" style="position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);"></a> <a href="#" data-target="mobile-demo" class="right teal-text sidenav-trigger"><i class="material-icons">menu</i></a> <ul id="nav-mobile" class="right hide-on-med-and-down teal lighten-2"> <li><a href="analytics.html">Analytics</a></li><li><a href="about.html">About</a></li><li><a href="team.html">Our Team</a></li></ul> </div></nav> </div><div id="error_location" style="display: none;"> <div class="row container" style="margin-top: 5%;"> <div class="col s12 m12 l12"> <center> <h4 style="color: #e3e3e3;"><i class="material-icons teal-text">pin_drop</i>LOCATION/GPS<br>Required</h4> <p class="grey-text">Error:<span id="loc_error_message"></span></p></center> <br><center> <p style="color: #e3e3e3;">Dear user, this website uses your location to find the number of corona cases near you</p><p style="color: #e3e3e3;"><b>We do not save your data</b></p><p><span style="color: #0cf7bc;">If your location settings are <b>off</b> then please <b>turn on</b> the settings and press the <b>button</b> below</span></b></p><button onclick="window.location.reload();" class="modal-close waves-effect waves-green btn-flat teal lighten-2 white-text z-depth-4">Refresh Page</button> </center> </div></div></div><div id="wrapper" style="overflow-x: hidden; display: block;"> <div id='map' style='top: 0; bottom: 0; width: 100%; height: 60vh;'> </div><div id="menu" style="color:white;z-index: 3;position: absolute; top: 10% ;background: rgba(126, 126, 126, 0.671);padding: 10px; font-family: 'Open Sans', sans-serif;"> <div>Zoom in/out to explore data<br><span class="tooltipped" data-position="bottom" data-tooltip="1) Use cards below for latest updates<br><span style='float:left; color: #959595'>2) Map data is now deprecated</span>"style="font-size: 0.7em; color: rgb(211, 211, 211);">Click here to know more</span></div></div><div id="modal1" class="modal"> <div class="modal-content grey darken-4"> <h6 class="grey-text" id="area_services_load">Please wait...</h6> <ul id="area_services"> </ul> </div><div class="modal-footer grey darken-4"><center> <a class="modal-close waves-effect waves-green btn-flat white-text grey darken-3" style="border-radius:5px;">Close</a></center> </div></div><div class="row" style="margin-top: 1.5%;"> <div class="col s12 m4 l4"> <div class="card-panel grey darken-3 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title" style="font-size: 1.5em;font-weight: lighter">Your District: <span class="user_city">loading...</span> <i class="material-icons tiny tooltipped grey-text" id='user_zone' data-position="top" data-tooltip="Please confirm district's zone<br>from local authorities">info_outline</i> </span><!-- <a class="right show-on-small hide-on-med-and-up" href="tel:+91-11-23978046" style="font-size: 0.9em;color: rgb(255, 255, 255);padding-left: 4%; padding-right: 4%; padding-top:2%; padding-bottom: 1.5%;background-color: #26a69a ;border-radius: 5px;">Call Helpline</a> --> <p style="font-size: 1.1em;"><span class="left">Confirmed: <span id="user_place_cnf">loading...</span> <span id="cnf_daily_dist"><span class="tooltipped" data-position="top" data-tooltip="Daily Confirmed Cases"><i class="material-icons" id="cnf_arrow_district" style="font-size: 0.7em;"></i><span id="increased_count_district_cnf" style="font-size: 0.8em; font-weight: 400;"></span></span></span></span> <span class="right">Active: <span id="user_place_act">loading...</span></span> </p><br><p style="font-size: 1.1em;"> <span class="left">Recovered: <span id="user_place_rec">loading...</span> <span id="rec_daily_dist"><span class="tooltipped" data-position="top" data-tooltip="Daily Recovered Cases"><i class="material-icons" id="rec_arrow_district" style="font-size: 0.7em;"></i><span id="increased_count_district_rec" style="font-size: 0.8em; font-weight: 400;"></span></span></span></span> <span class="right">Deaths: <span id="user_place_ded">loading...</span></span> <br><p> <a id="service_available" class="grey-text modal-trigger right" href="#modal1" style="font-size: 0.8em; display: none;">Tap for services</a> <a class="grey-text left" style="font-size: 0.8em;" href="tel:+91-11-23978046">Call Helpline</a></p><script>$(document).ready(function (){$('.tooltipped').tooltip();});</script> </p></div><script>$(document).ready(function (){$('.modal').modal();}); </script> </div></div><div class="col s12 m4 l4"> <div class="card-panel grey darken-3 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title" style="font-size: 1.5em;font-weight: lighter;">Your Region: <span class="user_region">loading...</span></span> <p style="font-size: 1.1em;"><span class="left">Confirmed: <span id="user_state_cnf">loading...</span> <span id="state_cnf_sig" class="tooltipped" data-position="top" data-tooltip="Daily Confirmed Cases"><i class="material-icons" id="cnf_arrow_state" style="font-size: 0.7em;"></i><span id="increased_count_state_c" style="font-size: 0.8em; font-weight: 400;"> </span></span></span> <span class="right" style="margin-top: -2px;">Active: <span id="user_state_act">loading...</span></span> </p><br><p style="font-size: 1.1em;"><span class="left">Recovered: <span id="user_state_rec">loading...</span> <span id="state_rec_sig" class="tooltipped" data-position="top" data-tooltip="Daily Recovered Cases"><i class="material-icons" id="rec_arrow_state" style="font-size: 0.7em;"></i><span id="increased_count_state_r" style="font-size: 0.8em; font-weight: 400;"> </span></span></span> <span class="right" style="margin-top: -0px;">Deaths: <span id="user_state_ded">loading...</span></span> </p><br></div></div></div><div class="col s12 m4 l4"> <div class="card-panel grey darken-3 z-depth-3" style="border-radius: 10px;"> <div class="card-content white-text"> <span class="card-title" style="font-size: 1.5em;font-weight: lighter;">Your Country: <span class="user_country">loading...</span> <span id="cnt_sig"><i class="tiny material-icons" id="cnf_arrow_home"></i><span id="increased_count" style="font-size: 0.8em; font-weight: 300;"> </span></span></span> <p style="font-size: 1.1em;"><span class="left">Confirmed: <span id="user_country_cnf">loading...</span></span> <span class="right" style="margin-top: -2px;">Active: <span id="user_country_act">loading...</span></span> </p><br><p style="font-size: 1.1em;"><span class="left">Recovered: <span id="user_country_rec">loading...</span></span> <span class="right" style="margin-top: -0px;">Deaths: <span id="user_country_ded">loading...</span></span> </p><br></div></div></div></div></div><div class="row hide-on-small-only show-on-med-and-up"> <div class="col m6 l6"> <center><a href="analytics.html" class="waves-effect waves-light btn z-depth-3 deep-purple darken-2" style="border-radius: 5px;width: 70%;"><i class="material-icons right" style="margin-right: 2%;">timeline</i>go to analytics</a></center> </div><div class="col m6 l6"> <center><a href="https://paytm.com/helpinghand/pm-cares-fund" class="waves-effect waves-light btn z-depth-3 pink" style="border-radius: 5px;width: 70%;"><i class="material-icons right" style="margin-right: 2%;">local_hospital</i>Donate to pm cares fund</a></center> </div></div><div class="row show-on-small hide-on-med-and-up"> <div class="col s12"> <center><a href="analytics.html" class="waves-effect waves-light btn z-depth-3 deep-purple darken-2" style="border-radius: 5px;width: 70%;"><i class="material-icons right" style="margin-right: 2%;">timeline</i>go to analytics</a></center> </div></div><div class="row show-on-small hide-on-med-and-up"> <div class="col s12"> <center><a href="https://paytm.com/helpinghand/pm-cares-fund" class="waves-effect waves-light btn z-depth-3 pink" style="border-radius: 5px;width: 70%;"><i class="material-icons right" style="margin-right: 2%;">local_hospital</i>Donate to pm cares fund</a></center> </div></div><footer class="page-footer grey darken-4"> <div class="footer-copyright grey darken-3 grey-text"> <div class="container"> <center>An initiative to find corona virus near you.</center> </div></div></footer> <script src="js/materialize.min.js"></script></body></html>