update district data, small bug fixes

ishsngh · May 20, 2021 · 14c7ccf · 14c7ccf
1 parent d8893f7
commit 14c7ccf
Show file tree

Hide file tree

Showing 12 changed files with 727 additions and 432 deletions.
diff --git a/css/dark.css b/css/dark.css
@@ -234,4 +234,16 @@
 
 .dark .goog-te-gadget-simple  {
   background-color: #222!important;
+}
+
+.dark text.highcharts-title {
+	fill: #fff!important;
+}
+
+.dark table tbody {
+  color: #fff;
+}
+
+.dark table thead {
+  color: #fff;
 }
diff --git a/css/main.css b/css/main.css
@@ -2,14 +2,20 @@ html {
 	height: 100%;
 	box-sizing: border-box;
 	-webkit-text-size-adjust: 100%;
-	-webkit-tap-highlight-color: transparent
+	-webkit-tap-highlight-color: transparent;
+	overflow-x: hidden;	
 }
 
 @font-face {
   font-family: archia;
   src: url(../fonts/archia.woff);
 }
 
+@font-face {
+  font-family: gsans;
+  src: url(../fonts/gsans.ttf);
+}
+
 ::-webkit-scrollbar {
     width: 16px;
 }
@@ -21,7 +27,7 @@ html {
 }
 
 * {
-    font-family: "archia";
+    font-family: "KoHo";
 }
 
 ::-webkit-scrollbar-thumb {
@@ -147,7 +153,7 @@ object {
 	cursor: not-allowed
 }
 html {
-	font-size: 15px
+	font-size: 15px;
 }
 
 body {
@@ -426,7 +432,6 @@ background-color: rgba(108,117,125,.3);
 table {
   display: table;
   overflow-x: auto;
-  table-layout: fixed;
   margin-top: 4rem;
   margin-bottom: -10rem;
   width: 90%;
@@ -449,14 +454,15 @@ table thead {
   border-radius: 3px;
   font-size: 1rem;
   position: sticky;
-  top: 0;
+  top: 60px;
   z-index: 1;
 }
 
-tbody tr:nth-child(1){
+tbody td:nth-child(1){
   position: sticky;
-  left: 0;
+  /* left: 0; */
   z-index: 10;
+  font-weight: 900;
 }
 
 table thead th {
@@ -478,7 +484,7 @@ table thead th .heading-content {
 }
 
 table tbody {
-  color: #6c757d;
+  color: #343a40;
   border-radius: 3px;
 }
 
@@ -576,6 +582,7 @@ table tfoot td {
   font-size: 1.2rem;
   text-align: right;
   border-radius: 3px;
+  font-weight: 600;
 }
 
 table tfoot td:first-child {
@@ -950,6 +957,7 @@ tr .tdyl2 {
 
 .confirm {
 display: inline-block;
+font-weight: 900;
 }
 
 .switch1 {
@@ -1011,7 +1019,7 @@ input:checked + .slider:before {
 }
 
 .hide {
-	display:none;
+	display:none!important;
 }
 
 .click {
@@ -1101,6 +1109,7 @@ input:checked + .slider:before {
 	align-items: center;
 	border-radius: 5px;
 	padding-bottom: -10px;
+	font-weight: bold;
 }
 
 .bor {
@@ -1111,6 +1120,7 @@ input:checked + .slider:before {
 .dishead {
 	padding: 10px;
 	font-size: 20px;
+	font-weight: 900;
 }
 
 .disbut {
@@ -1507,3 +1517,20 @@ body {
 #goog-gt-tt {
 	display: none !important;
 }
+
+.goog-tooltip {
+    display: none !important;
+}
+.goog-tooltip:hover {
+    display: none !important;
+}
+.goog-text-highlight {
+    background-color: transparent !important;
+    border: none !important; 
+    box-shadow: none !important;
+}
+
+text.highcharts-title {
+	fill: #000!important;
+	font-weight: bold;
+}
diff --git a/faqs.html b/faqs.html
@@ -1,28 +1,41 @@
 <!DOCTYPE html>
 <html class="dark">
 <head>
-	<title>COVID-19 India</title>
-	<meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1"/>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title id="title">COVID-19 India</title>
+	<link href="https://fonts.googleapis.com/css?family=Product+Sans" rel="stylesheet" type="text/css">
+	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+	<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=KoHo&display=swap" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<script src="https://code.highcharts.com/highcharts.js"></script>
 <script type="text/javascript">
 function googleTranslateElementInit() {
   new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'bn,en,hi,mr,ml,pa,sd,ta,ur', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
 }
 </script>
 	<script type="text/javascript" src="https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
 	<meta name="google-translate-customization" content="cf4fd9d6a9e017d5-7c969e45eba53879-g303b6a4c71095c23-1c"></meta>
-    <link rel = "icon" href = "https://cdn4.iconfinder.com/data/icons/bacteria-and-viruses-filled/64/bacteria_virus-01-512.png" type = "image/x-icon" sizes="192x192">
-    <link rel="stylesheet" href="./css/main.css">
-    <link rel="stylesheet" href="./css/dark.css">
-    <script src="./js/darkmode.js"></script>
+	<link rel="stylesheet" href="./css/main.css">
+	<link rel="stylesheet" href="./css/dark.css">
+	<link rel="stylesheet" href="./css/bt.css">
+	<meta name="title" content="COVID-19 Updates | India">
+	<meta name="keywords" content="coronavirus,corona,covid,covid19,covid-19,covidindia,india,virus,china,wuhan,stats,live">
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
+	<meta name="description" content="Tracking of live coronavirus stats and cases in India">
+	<link rel="icon" href="https://cdn4.iconfinder.com/data/icons/bacteria-and-viruses-filled/64/bacteria_virus-01-512.png" type="image/x-icon" sizes="192x192">
+	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
+	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
+</head>
 	<style>
 .fq{
   padding-left: 15px;
   margin-top: 100px; 
   padding-right:15px;
 }
 	</style>
-</head>
 <body class="dark" style="animation-delay: 0.0s; transition: all .1s ease-in-out 0.1s;">
 <header>
   <nav class="navbar">

diff --git a/fonts/gsans.ttf b/fonts/gsans.ttf
diff --git a/index.html b/index.html
@@ -7,7 +7,10 @@
 	<title id="title">COVID-19 India</title>
 	<link href="https://fonts.googleapis.com/css?family=Product+Sans" rel="stylesheet" type="text/css">
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+	<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=KoHo&display=swap" rel="stylesheet">
 	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<script src="https://code.highcharts.com/highcharts.js"></script>
 <script type="text/javascript">
 function googleTranslateElementInit() {
   new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'bn,en,hi,mr,ml,pa,sd,ta,ur', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false}, 'google_translate_element');
@@ -28,7 +31,7 @@
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
 </head>
 <header>
-  <nav class="navbar">
+  <nav class="navbar"><b>
       <span class="inner-switch"></span>
 	  <li style="list-style-type: none; float: right;" id="google_translate_element"></li>
     <div class="sitenavigation">
@@ -47,7 +50,7 @@
         <li><a href="faqs">FAQs</a></li>
       </ul>
     </div>
-  </nav>
+  </nav></b>
 </header>
 <body style="animation-delay: 0.0s; transition: all .1s ease-in-out 0.1s;" class="dark">
 	<header>
@@ -92,13 +95,15 @@
 	<div id="covid3" class="date"><b> </b></div>
 	<div id="space">
 		<br>
-		<br>
 	</div>
 	<div id="mainback" class="hide">
-		<div id="goback" class="Level fadeInUp click back" onclick="dataempty()" style="animation-delay: 0.6s;">Go Back</div>
+		<div id="goback" class="Level fadeInUp click back" onclick="dataempty()" style="animation-delay: 0.6s;">Go Home</div>
+		<div id="goback1" class="Level fadeInUp click back hide" onclick="gostate()" style="animation-delay: 0.6s;">Go Back</div>
 	</div>
 	<div class='dis'>
-	<div id="coviddis" class="Level fadeInUp" style="animation-delay: 0.6s;"> </div></div>
+	<div id="coviddis" class="Level fadeInUp" style="animation-delay: 0.6s;"> </div></div><br>
+	<div id="dispage3" class='dis hide'>
+	<div id="coviddis1" class="Level fadeInUp" style="animation-delay: 0.6s;"> </div></div>
 	<div id="covid4" class="Level fadeInUp" style="animation-delay: 0.6s;"> </div>
 	<br>
 	<div id="world1" class="Level fadeInUp" style="animation-delay: 0.4s; overflow-x: hidden;">
@@ -109,6 +114,7 @@ <h1 align="center">World</h1>
 		</div>
 	</div>
 </header>
+<div id="tabletext">
 <br>
 <h1 align="center" style="margin-top: -25px;">Statistics by state</h1>
 <br>
@@ -120,12 +126,19 @@ <h3 align="center">Sort by today's records &nbsp; <label class="switch1">
 	  <span id="sortswitch" class="slider round"></span>
 	</label></h3>
 <br>
+</div>
+<div id="vacinetext" class="hide">
+<br>
+<h1 align="center" style="margin-top: -25px;">Today's vaccination info</h1>
+<br>
+<h3 align="center" style="margin-top: -20px;">Click on column name to sort</h3><br>
+</div>
 <table id="covid5">
 	<thead>
 		<tr id="tabletitle" class="sticky"> </tr>
 	</thead>
-	<tbody id="table"> </tbody>
-	<tfoot id="foot"> </tfoot>
+	<tbody id="table"></tbody>
+	<tfoot id="foot"></tfoot>
 </table>
 <h1 align="center">Donut Graphs</h1>
 <h4 align="center">Tap For the Data</h4>
@@ -138,13 +151,14 @@ <h1 align="center">Cases</h1>
 	<div class="chart">
 		<div id="covid"></div>
 	</div>
-	<div id="covidcases" class="Level fadeInUp" style="vertical-align: top;"></div>
 </div>
+<div>
+<div>
 <h1 align="center">Line Chart</h1>
 <h2 align="center">Total cases</h2>
+</div>
 <div class="chart" style="margin-top: -10px; display: flex; position: relative;">
 	<div id="curve_chart" style="position: static;"></div>
-	<div id="curvetext" style="overflow-x: auto;"></div>
 </div>
 </div>
 <section class="help">