From 4b75ea244b0bafcc030b596af26856264885aedc Mon Sep 17 00:00:00 2001
From: Ben Goldsworthy <me+git@bengoldsworthy.net>
Date: Sat, 9 Jan 2021 13:03:32 +0000
Subject: [PATCH 1/3] Update gitignore

---
 .gitignore | 18 +-----------------
 1 file changed, 1 insertion(+), 17 deletions(-)

diff --git a/.gitignore b/.gitignore
index 9792350..5a6064b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,18 +1,2 @@
 *.log
-wp-config.php
-wp-content/advanced-cache.php
-wp-content/backup-db/
-wp-content/backups/
-wp-content/blogs.dir/
-wp-content/cache/
-wp-content/upgrade/
-wp-content/uploads/
-wp-content/wp-cache-config.php
-wp-content/plugins/hello.php
-
-/.htaccess
-/license.txt
-/readme.html
-/sitemap.xml
-/sitemap.xml.gz
-
+plugins/

From f36252f56356e3718645a12cac41c32d741b3f61 Mon Sep 17 00:00:00 2001
From: Ben Goldsworthy <me+git@bengoldsworthy.net>
Date: Sat, 9 Jan 2021 13:04:43 +0000
Subject: [PATCH 2/3] Add experience Page Template

---
 page-experience-timeline.php | 145 +++++++++++++++++++++++++++++++++++
 style.css                    |   4 +
 taxonomy-company.php         |  14 ++--
 zzpage-experience.php        | 105 -------------------------
 4 files changed, 156 insertions(+), 112 deletions(-)
 create mode 100644 page-experience-timeline.php
 delete mode 100644 zzpage-experience.php

diff --git a/page-experience-timeline.php b/page-experience-timeline.php
new file mode 100644
index 0000000..d44e5bc
--- /dev/null
+++ b/page-experience-timeline.php
@@ -0,0 +1,145 @@
+<?php
+/*
+ * Template Name: Experience Timeline
+ * /
+ 
+/**
+ * The template for displaying all single posts and attachments
+ *
+ * @package WordPress
+ * @subpackage Twenty_Sixteen
+ * @since Twenty Sixteen 1.0
+ */
+get_header(); ?>
+
+<?php
+  function withinDates( $jSDate, $jEDate ) {
+    $endYear   = date( 'Y' );
+    $endDate   = $endYear . '-12-31';
+    $startDate = ( $endYear - 2 ) . '-01-01';
+    $jEDate    = ( ! $jEDate ) ? date( 'Y-m-d' ) : ( ( $jEDate > $endDate ) ? $endDate : $jEDate );
+    return ( ( ( strtotime( $jSDate ) < strtotime( $endDate ) ) && ( strtotime( $jSDate ) > strtotime( $startDate ) ) ) && ( strtotime( $jEDate ) > strtotime( $startDate ) ) );
+  }
+	$args = array(
+		'post_type' => array(
+			'job',
+		),
+		'posts_per_page' => -1,
+	);
+	$loop = new WP_Query( $args );
+?>
+		   
+<div id="experience-wrapper" class="content-area col-10 col-m-12">
+  <header class="post-header-title">
+    <h1 id="page-title">Experience</h1>
+    <h2 id="page-subtitle">or, a brief history of Ben</h2>
+  <?php
+    while ( have_posts() ) :
+    the_post();
+  ?>
+    <div class="entry-content tile" id="taxonomy-description">
+    <?php the_content(); ?>
+    </div>  
+    
+    <div style="width: 70%; margin: auto; margin-top: 20px; border: 2px dashed #020202; padding: 20px; border-radius: 25px;" class="entry-content tile" id="settings">
+        <h3 style="margin-bottom: 14px;" class="subheading">Settings</h3>
+        <form action="/experience-timeline" id="settings" method="GET">
+            <input class="checkbox" type="checkbox" id="separate" value="separate" checked="checked">
+            <label for="separate">Separate past and current roles</label>
+            <input class="ui-button ui-widget ui-corner-all" id="refresh" type="submit" value="Refresh">
+        </form>
+	 </div>
+  <?php endwhile; ?>
+  </header>  
+  
+  <div id="primary" class="content-area">
+    <main id="company-main" class="site-main" role="main">
+      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">   
+      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+      <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+      <script type="text/javascript">
+        jQuery(document).ready(function($) {
+          $('input:checkbox').checkboxradio();
+          $('.refresh').button();
+          
+          google.charts.load('current', {'packages':['timeline']});
+          google.charts.setOnLoadCallback(drawChart);
+          
+          $('input[type="checkbox"]').change(function() {
+            alert("Feature in progress");
+	        $('#refresh').css('border-width', '5px');
+          });
+        
+          $('#refresh').click(function(event) {
+		    $(this).css('border-width', '1px');
+		    event.preventDefault();
+		    drawChart();
+		  });
+		});
+        
+        function drawChart() {
+          var container = document.getElementById('timeline');
+          var chart = new google.visualization.Timeline(container);
+          var dataTable = new google.visualization.DataTable();
+          
+          dataTable.addColumn({ type: 'string', id: 'Type' });
+          dataTable.addColumn({ type: 'string', id: 'Role' });
+          dataTable.addColumn({ type: 'string', role: 'tooltip', 'p': {'html': true} });
+          dataTable.addColumn({ type: 'date', id: 'Start' });
+          dataTable.addColumn({ type: 'date', id: 'End' });
+          dataTable.addRows([
+          <?php
+          while ( $loop->have_posts() ) :
+            $loop->the_post();
+          ?>
+          <?php
+            $isCurrent = ( get_post_meta( get_the_ID(), 'end-date', true ) ) ? false : true;
+            $company   = wp_get_object_terms(
+              get_the_ID(),
+              'company',
+              array(
+                'fields' => 'names',
+              )
+            );
+            $title     = html_entity_decode( get_the_title() );
+            $start     = get_the_date();
+            $end       = ( ! get_post_meta( get_the_ID(), 'end-date', true ) ) ? date( 'c' ) : get_post_meta( get_the_ID(), 'end-date', true );
+          ?>
+            [
+              '<?php echo ( $isCurrent ) ? 'Current' : 'Past'; ?>',
+              '<?php echo $title . ', ' . html_entity_decode( $company[0] ); ?>',
+              '<div style="padding: 20px"><h1 class="timeline-entry-title"><?php echo $title; ?></h1><h2><?php echo html_entity_decode( $company[0] ); ?></h2><ul><li><?php echo $start; ?>&mdash;<?php echo ( $isCurrent ) ? 'present' : $end; ?></li></ul></div>',
+              new Date('<?php echo $start; ?>'),
+              new Date('<?php echo $end; ?>')
+            ],
+          <?php endwhile; ?>
+          ]);
+          
+          var rowHeight = 15;
+          var chartHeight = dataTable.getNumberOfRows() * rowHeight + 50;
+          var options = {
+            tooltip: {isHtml: true},
+            timeline: {
+              showRowLabels: true,
+            },
+            height: chartHeight,
+            width: window.innerWidth - 200,
+          };
+          
+          chart.draw(dataTable, options);
+        }         
+      </script>
+      
+      <div id="slider-range"></div>
+      <section id="timeline">
+        <div class="row">
+          <div id="timeline" class="col-12">
+            <img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">
+          </div>
+        </div>
+      </section>
+    </main>
+  </div>
+</div>
+<?php // get_sidebar(); ?>
+<?php get_footer(); ?>
diff --git a/style.css b/style.css
index 257ef60..46b0b2e 100644
--- a/style.css
+++ b/style.css
@@ -988,6 +988,10 @@ body > header h1 {
    }
 }
 
+#timeline h1.timeline-entry-title {
+  font-size: 1.2em;
+}
+
 #comments-list-title, #comments-reply-title {
    font-size: 1.6em;
    margin-bottom: 0.5em;
diff --git a/taxonomy-company.php b/taxonomy-company.php
index 870c8f5..ab7170e 100644
--- a/taxonomy-company.php
+++ b/taxonomy-company.php
@@ -32,13 +32,13 @@
 <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script type="text/javascript">
-   google.charts.load('current', {'packages':['timeline']});
+  google.charts.load('current', {'packages':['timeline']});
    
-   <?php if ( $loop->have_posts() ) : ?>
-   google.charts.setOnLoadCallback(drawChart);
-   <?php endif; ?>
+  <?php if ( $loop->have_posts() ) : ?>
+    google.charts.setOnLoadCallback(drawChart);
+  <?php endif; ?>
    
-   function drawChart() {
+  function drawChart() {
 	  var container = document.getElementById('timeline');
 	  var chart = new google.visualization.Timeline(container);
 	  var dataTable = new google.visualization.DataTable();
@@ -66,7 +66,7 @@
 
 			$title = html_entity_decode( get_the_title() );
 			$start = get_the_date();
-			$end = ( ! get_post_meta( get_the_ID(), 'end-date', true ) ) ? date( 'D M d Y H:i:s O' ) : get_post_meta( get_the_ID(), 'end-date', true );
+			$end = ( ! get_post_meta( get_the_ID(), 'end-date', true ) ) ? date( 'c' ) : get_post_meta( get_the_ID(), 'end-date', true );
 			echo "[ '" . html_entity_decode( $companies[ $lowestDepthCompany ]->name ) . "', '$title', new Date('$start'), new Date('$end') ],\n";
 	  endwhile;
 		?>
@@ -75,7 +75,7 @@
 	  // Draws the table, then resizes the element height and re-draws it
 	  // to avoid needing to scroll vertically.
 	  chart.draw(dataTable);
-	  var realheight = parseInt(jQuery("#timeline div:first-child div:first-child div:first-child div svg").attr("height"))+70;
+	  var realheight = parseInt(jQuery("#timeline div:first-child div:first-child div:first-child svg").attr("height"))+70;
 	  var options = {};
 	  options.height = realheight;
 	  chart.draw(dataTable, options);
diff --git a/zzpage-experience.php b/zzpage-experience.php
deleted file mode 100644
index 8236b87..0000000
--- a/zzpage-experience.php
+++ /dev/null
@@ -1,105 +0,0 @@
-<?php
-	/**
-	 * The template for displaying all single posts and attachments
-	 *
-	 * @package WordPress
-	 * @subpackage Twenty_Sixteen
-	 * @since Twenty Sixteen 1.0
-	 */
-	get_header();
-?>
-<?php
-function withinDates( $jSDate, $jEDate ) {
-	$endYear   = date( 'Y' );
-	$endDate   = $endYear . '-12-31';
-	$startDate = ( $endYear - 2 ) . '-01-01';
-	$jEDate    = ( ! $jEDate ) ? date( 'Y-m-d' ) : ( ( $jEDate > $endDate ) ? $endDate : $jEDate );
-	return ( ( ( strtotime( $jSDate ) < strtotime( $endDate ) ) && ( strtotime( $jSDate ) > strtotime( $startDate ) ) ) && ( strtotime( $jEDate ) > strtotime( $startDate ) ) );
-}
-	$args = array(
-		'post_type' => array(
-			'job',
-		),
-		'posts_per_page' => -1,
-	);
-	$loop = new WP_Query( $args );
-	?>
-		   
-<header class="post-header-title">
-	<h1 id="page-title">Experience</h1>
-	<h2 id="page-subtitle">or, a brief history of Ben</h2>
-<?php
-while ( have_posts() ) :
-	the_post();
-	?>
-	<div class="entry-content tile" id="taxonomy-description">
-	<?php the_content(); ?>
-	</div>  
-<?php endwhile; ?>
-</header>  
-<div id="primary" class="content-area">
-	<main id="company-main" class="site-main" role="main">
-	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
-	<script type="text/javascript">
-		jQuery(document).ready(function($) {
-		$('#timeline').height($(window).height() - $('.post-header-title').height() - 50);
-		});
-		
-		google.charts.load('current', {'packages':['timeline']});
-		google.charts.setOnLoadCallback(drawChart);
-		
-		function drawChart() {
-		var container = document.getElementById('timeline');
-		var chart = new google.visualization.Timeline(container);
-		var dataTable = new google.visualization.DataTable();
-		
-		dataTable.addColumn({ type: 'string', id: 'Type' });
-		dataTable.addColumn({ type: 'string', id: 'Role' });
-		dataTable.addColumn({ type: 'string', role: 'tooltip', 'p': {'html': true} });
-		dataTable.addColumn({ type: 'date', id: 'Start' });
-		dataTable.addColumn({ type: 'date', id: 'End' });
-		dataTable.addRows([
-		<?php
-		while ( $loop->have_posts() ) :
-			$loop->the_post();
-			?>
-			<?php
-			$isCurrent = ( get_post_meta( get_the_ID(), 'end-date', true ) ) ? false : true;
-			$company   = wp_get_object_terms(
-				get_the_ID(),
-				'company',
-				array(
-					'fields' => 'names',
-				)
-			);
-			$title     = html_entity_decode( get_the_title() );
-			$start     = get_the_date();
-			$end       = ( ! get_post_meta( get_the_ID(), 'end-date', true ) ) ? date( 'D M d Y H:i:s O' ) : get_post_meta( get_the_ID(), 'end-date', true );
-			?>
-			[
-			'<?php echo ( $isCurrent ) ? 'Current' : 'Current'; ?>',
-			'<?php echo $title . ', ' . html_entity_decode( $company[0] ); ?>',
-			'<div style="padding: 20px"><h1><?php echo $title; ?></h1><h2><?php echo html_entity_decode( $company[0] ); ?></h2><ul><li><?php echo $start; ?>&mdash;<?php echo ( $isCurrent ) ? 'present' : $end; ?></li></ul></div>',
-			new Date('<?php echo $start; ?>'),
-			new Date('<?php echo $end; ?>')
-			],
-		<?php endwhile; ?>
-		]);
-		
-		var options = {
-			tooltip: {isHtml: true},
-			timeline: {
-			showRowLabels: true,
-			},
-		};
-		
-		chart.draw(dataTable, options);
-		}         
-	</script>
-	
-	<div id="slider-range"></div>
-	<div id="timeline"></div>
-	</main>
-</div>
-<?php // get_sidebar(); ?>
-<?php get_footer(); ?>

From 213ea4a7afcfb373ff01a7303197e0d18b7e1147 Mon Sep 17 00:00:00 2001
From: Ben Goldsworthy <me+git@bengoldsworthy.net>
Date: Sat, 9 Jan 2021 13:05:24 +0000
Subject: [PATCH 3/3] Lint

---
 page-experience-timeline.php | 218 +++++++++++++++++------------------
 taxonomy-company.php         |   2 +-
 2 files changed, 110 insertions(+), 110 deletions(-)

diff --git a/page-experience-timeline.php b/page-experience-timeline.php
index d44e5bc..c0244ef 100644
--- a/page-experience-timeline.php
+++ b/page-experience-timeline.php
@@ -2,7 +2,7 @@
 /*
  * Template Name: Experience Timeline
  * /
- 
+
 /**
  * The template for displaying all single posts and attachments
  *
@@ -13,13 +13,13 @@
 get_header(); ?>
 
 <?php
-  function withinDates( $jSDate, $jEDate ) {
-    $endYear   = date( 'Y' );
-    $endDate   = $endYear . '-12-31';
-    $startDate = ( $endYear - 2 ) . '-01-01';
-    $jEDate    = ( ! $jEDate ) ? date( 'Y-m-d' ) : ( ( $jEDate > $endDate ) ? $endDate : $jEDate );
-    return ( ( ( strtotime( $jSDate ) < strtotime( $endDate ) ) && ( strtotime( $jSDate ) > strtotime( $startDate ) ) ) && ( strtotime( $jEDate ) > strtotime( $startDate ) ) );
-  }
+function withinDates( $jSDate, $jEDate ) {
+	$endYear   = date( 'Y' );
+	$endDate   = $endYear . '-12-31';
+	$startDate = ( $endYear - 2 ) . '-01-01';
+	$jEDate    = ( ! $jEDate ) ? date( 'Y-m-d' ) : ( ( $jEDate > $endDate ) ? $endDate : $jEDate );
+	return ( ( ( strtotime( $jSDate ) < strtotime( $endDate ) ) && ( strtotime( $jSDate ) > strtotime( $startDate ) ) ) && ( strtotime( $jEDate ) > strtotime( $startDate ) ) );
+}
 	$args = array(
 		'post_type' => array(
 			'job',
@@ -27,118 +27,118 @@ get_header(); ?>
 		'posts_per_page' => -1,
 	);
 	$loop = new WP_Query( $args );
-?>
+	?>
 		   
 <div id="experience-wrapper" class="content-area col-10 col-m-12">
   <header class="post-header-title">
-    <h1 id="page-title">Experience</h1>
-    <h2 id="page-subtitle">or, a brief history of Ben</h2>
+	<h1 id="page-title">Experience</h1>
+	<h2 id="page-subtitle">or, a brief history of Ben</h2>
   <?php
-    while ( have_posts() ) :
-    the_post();
-  ?>
-    <div class="entry-content tile" id="taxonomy-description">
-    <?php the_content(); ?>
-    </div>  
-    
-    <div style="width: 70%; margin: auto; margin-top: 20px; border: 2px dashed #020202; padding: 20px; border-radius: 25px;" class="entry-content tile" id="settings">
-        <h3 style="margin-bottom: 14px;" class="subheading">Settings</h3>
-        <form action="/experience-timeline" id="settings" method="GET">
-            <input class="checkbox" type="checkbox" id="separate" value="separate" checked="checked">
-            <label for="separate">Separate past and current roles</label>
-            <input class="ui-button ui-widget ui-corner-all" id="refresh" type="submit" value="Refresh">
-        </form>
+	while ( have_posts() ) :
+		the_post();
+		?>
+	<div class="entry-content tile" id="taxonomy-description">
+		<?php the_content(); ?>
+	</div>  
+	
+	<div style="width: 70%; margin: auto; margin-top: 20px; border: 2px dashed #020202; padding: 20px; border-radius: 25px;" class="entry-content tile" id="settings">
+		<h3 style="margin-bottom: 14px;" class="subheading">Settings</h3>
+		<form action="/experience-timeline" id="settings" method="GET">
+			<input class="checkbox" type="checkbox" id="separate" value="separate" checked="checked">
+			<label for="separate">Separate past and current roles</label>
+			<input class="ui-button ui-widget ui-corner-all" id="refresh" type="submit" value="Refresh">
+		</form>
 	 </div>
   <?php endwhile; ?>
   </header>  
   
   <div id="primary" class="content-area">
-    <main id="company-main" class="site-main" role="main">
-      <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">   
-      <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
-      <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
-      <script type="text/javascript">
-        jQuery(document).ready(function($) {
-          $('input:checkbox').checkboxradio();
-          $('.refresh').button();
-          
-          google.charts.load('current', {'packages':['timeline']});
-          google.charts.setOnLoadCallback(drawChart);
-          
-          $('input[type="checkbox"]').change(function() {
-            alert("Feature in progress");
-	        $('#refresh').css('border-width', '5px');
-          });
-        
-          $('#refresh').click(function(event) {
-		    $(this).css('border-width', '1px');
-		    event.preventDefault();
-		    drawChart();
+	<main id="company-main" class="site-main" role="main">
+	  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">   
+	  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
+	  <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
+	  <script type="text/javascript">
+		jQuery(document).ready(function($) {
+		  $('input:checkbox').checkboxradio();
+		  $('.refresh').button();
+		  
+		  google.charts.load('current', {'packages':['timeline']});
+		  google.charts.setOnLoadCallback(drawChart);
+		  
+		  $('input[type="checkbox"]').change(function() {
+			alert("Feature in progress");
+			$('#refresh').css('border-width', '5px');
+		  });
+		
+		  $('#refresh').click(function(event) {
+			$(this).css('border-width', '1px');
+			event.preventDefault();
+			drawChart();
 		  });
 		});
-        
-        function drawChart() {
-          var container = document.getElementById('timeline');
-          var chart = new google.visualization.Timeline(container);
-          var dataTable = new google.visualization.DataTable();
-          
-          dataTable.addColumn({ type: 'string', id: 'Type' });
-          dataTable.addColumn({ type: 'string', id: 'Role' });
-          dataTable.addColumn({ type: 'string', role: 'tooltip', 'p': {'html': true} });
-          dataTable.addColumn({ type: 'date', id: 'Start' });
-          dataTable.addColumn({ type: 'date', id: 'End' });
-          dataTable.addRows([
-          <?php
-          while ( $loop->have_posts() ) :
-            $loop->the_post();
-          ?>
-          <?php
-            $isCurrent = ( get_post_meta( get_the_ID(), 'end-date', true ) ) ? false : true;
-            $company   = wp_get_object_terms(
-              get_the_ID(),
-              'company',
-              array(
-                'fields' => 'names',
-              )
-            );
-            $title     = html_entity_decode( get_the_title() );
-            $start     = get_the_date();
-            $end       = ( ! get_post_meta( get_the_ID(), 'end-date', true ) ) ? date( 'c' ) : get_post_meta( get_the_ID(), 'end-date', true );
-          ?>
-            [
-              '<?php echo ( $isCurrent ) ? 'Current' : 'Past'; ?>',
-              '<?php echo $title . ', ' . html_entity_decode( $company[0] ); ?>',
-              '<div style="padding: 20px"><h1 class="timeline-entry-title"><?php echo $title; ?></h1><h2><?php echo html_entity_decode( $company[0] ); ?></h2><ul><li><?php echo $start; ?>&mdash;<?php echo ( $isCurrent ) ? 'present' : $end; ?></li></ul></div>',
-              new Date('<?php echo $start; ?>'),
-              new Date('<?php echo $end; ?>')
-            ],
-          <?php endwhile; ?>
-          ]);
-          
-          var rowHeight = 15;
-          var chartHeight = dataTable.getNumberOfRows() * rowHeight + 50;
-          var options = {
-            tooltip: {isHtml: true},
-            timeline: {
-              showRowLabels: true,
-            },
-            height: chartHeight,
-            width: window.innerWidth - 200,
-          };
-          
-          chart.draw(dataTable, options);
-        }         
-      </script>
-      
-      <div id="slider-range"></div>
-      <section id="timeline">
-        <div class="row">
-          <div id="timeline" class="col-12">
-            <img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">
-          </div>
-        </div>
-      </section>
-    </main>
+		
+		function drawChart() {
+		  var container = document.getElementById('timeline');
+		  var chart = new google.visualization.Timeline(container);
+		  var dataTable = new google.visualization.DataTable();
+		  
+		  dataTable.addColumn({ type: 'string', id: 'Type' });
+		  dataTable.addColumn({ type: 'string', id: 'Role' });
+		  dataTable.addColumn({ type: 'string', role: 'tooltip', 'p': {'html': true} });
+		  dataTable.addColumn({ type: 'date', id: 'Start' });
+		  dataTable.addColumn({ type: 'date', id: 'End' });
+		  dataTable.addRows([
+		  <?php
+			while ( $loop->have_posts() ) :
+				$loop->the_post();
+				?>
+				<?php
+				$isCurrent = ( get_post_meta( get_the_ID(), 'end-date', true ) ) ? false : true;
+				$company   = wp_get_object_terms(
+					get_the_ID(),
+					'company',
+					array(
+						'fields' => 'names',
+					)
+				);
+				$title     = html_entity_decode( get_the_title() );
+				$start     = get_the_date();
+				$end       = ( ! get_post_meta( get_the_ID(), 'end-date', true ) ) ? date( 'c' ) : get_post_meta( get_the_ID(), 'end-date', true );
+				?>
+			[
+			  '<?php echo ( $isCurrent ) ? 'Current' : 'Past'; ?>',
+			  '<?php echo $title . ', ' . html_entity_decode( $company[0] ); ?>',
+			  '<div style="padding: 20px"><h1 class="timeline-entry-title"><?php echo $title; ?></h1><h2><?php echo html_entity_decode( $company[0] ); ?></h2><ul><li><?php echo $start; ?>&mdash;<?php echo ( $isCurrent ) ? 'present' : $end; ?></li></ul></div>',
+			  new Date('<?php echo $start; ?>'),
+			  new Date('<?php echo $end; ?>')
+			],
+			<?php endwhile; ?>
+		  ]);
+		  
+		  var rowHeight = 15;
+		  var chartHeight = dataTable.getNumberOfRows() * rowHeight + 50;
+		  var options = {
+			tooltip: {isHtml: true},
+			timeline: {
+			  showRowLabels: true,
+			},
+			height: chartHeight,
+			width: window.innerWidth - 200,
+		  };
+		  
+		  chart.draw(dataTable, options);
+		}         
+	  </script>
+	  
+	  <div id="slider-range"></div>
+	  <section id="timeline">
+		<div class="row">
+		  <div id="timeline" class="col-12">
+			<img class="loading" src="/wp-content/uploads/2016/12/ajax-loader.gif">
+		  </div>
+		</div>
+	  </section>
+	</main>
   </div>
 </div>
 <?php // get_sidebar(); ?>
diff --git a/taxonomy-company.php b/taxonomy-company.php
index ab7170e..fa46c19 100644
--- a/taxonomy-company.php
+++ b/taxonomy-company.php
@@ -35,7 +35,7 @@
   google.charts.load('current', {'packages':['timeline']});
    
   <?php if ( $loop->have_posts() ) : ?>
-    google.charts.setOnLoadCallback(drawChart);
+	google.charts.setOnLoadCallback(drawChart);
   <?php endif; ?>
    
   function drawChart() {