From 87a1b93fa063caa323c91218a3ea35c1b1dfda1e Mon Sep 17 00:00:00 2001
From: Kautilya <kautilyasave@gmail.com>
Date: Wed, 4 Jul 2018 17:36:07 +0530
Subject: [PATCH 1/2] Fixed Bar chart not appearing on the screen. It was issue
 of API data not being load properly.

---
 index.html | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index a296ef5..f56a659 100755
--- a/index.html
+++ b/index.html
@@ -576,7 +576,9 @@ <h1>
 
             <div class="twelveC columns collapsed">
                 <h1>Check out Time Usage.</h1>
-
+                <h1>
+                    <span>Rescue Time Analysis.</span>
+                </h1>
                 <div class="six columns header-col">
                     <h1>
                         <span>Rescue Time Analysis.</span>
@@ -2795,8 +2797,10 @@ <h4 class="widget-title">Latest Tweets</h4>
 
                     console.log("end of Rescue Time call");
 
-                    rescueTimeChart();
-                    rescueTimeChartBar();
+                    // rescueTimeChart();
+                    console.log("end of Rescue Time call 1 rescueTimeChart ");
+                    // rescueTimeChartBar();
+                    console.log("end of Rescue Time call 1 rescueTimeChartBar ");
 
                 }
 
@@ -2821,7 +2825,7 @@ <h4 class="widget-title">Latest Tweets</h4>
 
 
         function rescueTimeChart() {
-
+            console.log("start of rescueTimeChart");
             var rescueData2 = new google.visualization.DataTable();
             rescueData2.addColumn('string', 'Topping');
             rescueData2.addColumn('number', 'Slices');
@@ -2844,10 +2848,14 @@ <h4 class="widget-title">Latest Tweets</h4>
             var rescueTimeChart2 = new google.visualization.PieChart(document.getElementById(
                 'rescueTimeChartPie_div3'));
             rescueTimeChart2.draw(rescueData2, rescueTimeOptions);
+            console.log("end of rescueTimeChart");
+
+            //Call the bar Function on load.
+            rescueTimeChartBar()
         }
 
         function rescueTimeChartBar() {
-
+            console.log("start of rescueTimeChartBar");
             var rescueDataBar2 = new google.visualization.DataTable();
             rescueDataBar2.addColumn('string', 'Topping');
             rescueDataBar2.addColumn('number', 'Slices');
@@ -2860,7 +2868,7 @@ <h4 class="widget-title">Latest Tweets</h4>
                 ['Distracting', rTdistracting_percentage],
                 ['Very Distracting', rTvery_distracting_percentage]
             ]);
-            console.log("In drawChart3 google 23 piechart");
+            console.log("In drawChart3 google 23 barchart");
             var rescueTimeBarOptions = {
                 'title': 'How Much Time I utilize yesterday.',
                 'width': 600,
@@ -2870,6 +2878,7 @@ <h4 class="widget-title">Latest Tweets</h4>
             var rescueTimeChartBar2 = new google.visualization.BarChart(document.getElementById(
                 'rescueTimeChartBar_div3'));
             rescueTimeChartBar2.draw(rescueDataBar2, rescueTimeBarOptions);
+            console.log("end of rescueTimeChartBar");
         }
     </script>
     <!-- RescueTime + Google Charts end

From f0c9052ea405e9a6f4ae3e55cd716a80fe3c042f Mon Sep 17 00:00:00 2001
From: Kautilya <kautilyasave@gmail.com>
Date: Wed, 4 Jul 2018 17:48:00 +0530
Subject: [PATCH 2/2] Proper H1 tags & Mobile friendly a bit.

---
 index.html | 24 +++++++-----------------
 1 file changed, 7 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index f56a659..b617bdb 100755
--- a/index.html
+++ b/index.html
@@ -575,32 +575,20 @@ <h1>
         <div class="row skill" id="developer">
 
             <div class="twelveC columns collapsed">
-                <h1>Check out Time Usage.</h1>
                 <h1>
                     <span>Rescue Time Analysis.</span>
                 </h1>
                 <div class="six columns header-col">
-                    <h1>
-                        <span>Rescue Time Analysis.</span>
-                    </h1>
-                    <h1> Yesterday Analysis</h1>
+                    <h1> Pie Chart</h1>
                     <div id="rescueTimeChartPie_div3"></div>
                     <!-- end skill-bars -->
 
-
-
                 </div>
                 <div class="six columns header-col">
-                    <h1>
-                        <span>Rescue Time Analysis2.</span>
-                    </h1>
-                    <h1> Overall Analysis</h1>
+                    <h1> Bar Chart</h1>
 
                     <div id="rescueTimeChartBar_div3"></div>
                     <!-- end skill-bars -->
-
-
-
                 </div>
 
 
@@ -2841,8 +2829,9 @@ <h4 class="widget-title">Latest Tweets</h4>
             console.log("In drawChart3 google 23 piechart");
             var rescueTimeOptions = {
                 'title': 'How Much Time I utilize yesterday.',
-                'width': 600,
                 'height': 400
+                // 'width': 600,
+
             };
 
             var rescueTimeChart2 = new google.visualization.PieChart(document.getElementById(
@@ -2858,7 +2847,7 @@ <h4 class="widget-title">Latest Tweets</h4>
             console.log("start of rescueTimeChartBar");
             var rescueDataBar2 = new google.visualization.DataTable();
             rescueDataBar2.addColumn('string', 'Topping');
-            rescueDataBar2.addColumn('number', 'Slices');
+            rescueDataBar2.addColumn('number', 'Percent');
             // rescueData2.addColumn('number', 'Percentage');
 
             rescueDataBar2.addRows([
@@ -2871,8 +2860,9 @@ <h4 class="widget-title">Latest Tweets</h4>
             console.log("In drawChart3 google 23 barchart");
             var rescueTimeBarOptions = {
                 'title': 'How Much Time I utilize yesterday.',
-                'width': 600,
                 'height': 400
+                // 'width': 600,
+
             };
 
             var rescueTimeChartBar2 = new google.visualization.BarChart(document.getElementById(