From 21a668c80e21de29c78cdfe1e79d25ef65bc3264 Mon Sep 17 00:00:00 2001
From: popomore <sakura9515@gmail.com>
Date: Wed, 27 Nov 2013 11:48:17 +0800
Subject: [PATCH 1/2] add age

---
 index.html | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index e769f9a..ff1218b 100644
--- a/index.html
+++ b/index.html
@@ -59,6 +59,7 @@ h1{
 	padding-top: 10px;
 	pointer-events: none;
 	font-weight: 300;
+	white-space: nowrap;
 }
 #life .event{
 	padding-right: 20px;
@@ -217,8 +218,11 @@ h1{
 
 			html = '';
 			var days = 0;
+
 			for (var y=firstYear; y<=nowYear+1; y++){
-				html += '<section class="year" style="left: ' + (days*dayLength) + 'px">' + y + '</section>';
+				html += '<section class="year" style="left: ' + (days*dayLength) + 'px">' +
+					y + ' (' + (y - firstYear) + ')' +
+					'</section>';
 				days += (y % 4 == 0) ? 366 : 365;
 			}
 			data.forEach(function(d){

From 3ffb8dd47b32cd8d5008d3c0f4087594a88c1ac9 Mon Sep 17 00:00:00 2001
From: popomore <sakura9515@gmail.com>
Date: Wed, 27 Nov 2013 21:03:05 +0800
Subject: [PATCH 2/2] use increment variable

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index ff1218b..83aa3ad 100644
--- a/index.html
+++ b/index.html
@@ -219,9 +219,9 @@ h1{
 			html = '';
 			var days = 0;
 
-			for (var y=firstYear; y<=nowYear+1; y++){
+			for (var y=firstYear, age = 0; y<=nowYear+1; y++, age++){
 				html += '<section class="year" style="left: ' + (days*dayLength) + 'px">' +
-					y + ' (' + (y - firstYear) + ')' +
+					y + ' (' + age + ')' +
 					'</section>';
 				days += (y % 4 == 0) ? 366 : 365;
 			}