diff --git a/README.md b/README.md
index e99b8a2..224c58d 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
 ics.js
 ============
 
-A browser firendly .ics/.vcs file generator written entirely in JavaScript!
+A browser friendly .ics/.vcs file generator written entirely in JavaScript!
 
 Now you can make calendar friendly files client-side.  It outputs .ics files, so the files are compatible with all modern calendar software (Outlook, Apple Calendar, Google, etc.)
 
diff --git a/demo/demo.js b/demo/demo.js
deleted file mode 100644
index 2f5a43c..0000000
--- a/demo/demo.js
+++ /dev/null
@@ -1,20 +0,0 @@
-// Demo
-var cal = ics();
-cal.addEvent('Christmas', 'Christian holiday celebrating the birth of Jesus Christ', 'Bethlehem', '12/25/2013', '12/25/2013');
-cal.addEvent('Christmas', 'Christian holiday celebrating the birth of Jesus Christ', 'Bethlehem', '12/25/2014', '12/25/2014');
-cal.addEvent('New Years', 'Watch the ball drop!', 'New York', '01/01/2015', '01/01/2015');
-cal.addEvent('New Years', 'Watch the ball drop!', 'New York', '01/01/2016', '01/01/2016');
-
-var cal_single = ics();
-cal_single.addEvent('Best Day', 'This is the best day to demonstrate a single event.', 'New York', '11/12/1987', '11/12/1987');
-
-
-// You can use this for easy debugging
-var makelogs = function(obj) {
-	console.log('Events Array');
-	console.log('=================');
-	console.log(obj.events());
-	console.log('Calendar With Header');
-	console.log('=================');
-	console.log(obj.calendar());
-}
\ No newline at end of file
diff --git a/demo/style.css b/demo/style.css
new file mode 100644
index 0000000..bb50526
--- /dev/null
+++ b/demo/style.css
@@ -0,0 +1,45 @@
+html,
+body {
+  height: 100%;
+  width: 100%;
+}
+
+.wrap {
+  margin: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  height: 50px;
+  width: 100px;
+}
+
+a {
+  margin-top: 5px;
+  margin-bottom: 5px;
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.428571429;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -o-user-select: none;
+  cursor: pointer;
+  color: #ffffff;
+  text-decoration: none;
+  font-weight: bold;
+  background-color: #428bca;
+  border-color: #357ebd;
+  font-family: sans-serif;
+  width: 120px;
+}