Rebase of cheeaun#34 onto current master

This is just updating @michaelowen's original pull request. Here's a copy of his
description:

---

This simple modification will allow for optional tags by adding it at the end of your event, like so:

```
@USERNAME's life
===============

- 24/02/1955 Born
- ~1968 Summer job #job
- 03/1976 Built a computer #life #job
- 01/04/1976 Started a [company](http://en.wikipedia.org/wiki/Apple_Inc. "Apple Inc.") #job
- 04/1976-2011 Whole bunch of interesting events
```

These can then be easily styled with a custom css:

```css
    border: 4px solid #1abc9c;
}

    border: 4px solid #3498db;
}
```

To see this working, I have it running myself currently and works like a charm:
http://timeline.owens.nl/

Author: Colin Shea

config.example.json

@@ -1,5 +1,6 @@
 {
 	"customStylesheetURL": null,
 	"yearLength": 120,
-	"hideAge": false
-}
+	"hideAge": false,
+	"hideTags": false
+}

index.html

@@ -121,6 +121,7 @@ <h1 id="title">Life</h1>
 		config: {
 			yearLength: 120, // 120px per year
 			hideAge: false, // Hide age from year axis
+			hideTags: false, // Hide tags from entries
 			customStylesheetURL: null // Custom stylesheet
 		},
 		start: function(){
@@ -170,10 +171,15 @@ <h1 id="title">Life</h1>
 			list.forEach(function(l){
 				var matches = l.match(/\-\s+([\d\/\-\~]+)\s(.*)/i);
 				var time = matches[1];
-				var text = matches[2];
+        var tags = [];
+        var text = matches[2].replace(/#(\w+)/gi, function (hashtag, cleantag) {
+                tags.push('tag-' + cleantag);
+                return (life.config.hideTags ? '' : hashtag);
+        });
 				data.push({
 					time: life.parseTime(time),
-					text: text
+					text: text,
+					tags: tags
 				});
 			});
 			return data;
@@ -267,7 +273,8 @@ <h1 id="title">Life</h1>
 				d.text = d.text.replace(link[0], "<a href='" + link[2] + "'" + link_attr + ">" + link[1] + "</a>");
 			}
 
-			return '<div class="event" style="margin-left: ' + offset.toFixed(2) + 'px">'
+			return '<div class="event ' + d.tags.join(' ') + '" style="margin-left: '
+				+ offset.toFixed(2) + 'px">'
 				+ '<div class="time" style="width: ' + width.toFixed(2) + 'px"></div>'
 				+ '<b>' + d.time.title + '</b> ' + d.text + '&nbsp;&nbsp;'
 				+ '</div>';