Minor fixes. Bower.json added

bower.json

@@ -0,0 +1,38 @@
+{
+  "name": "timesheet.js",
+  "version": "1.0.0",
+  "homepage": "https://sbstjn.github.io/timesheet.js/",
+  "authors": [
+    "sbstjn <mail@sbstjn.com>"
+  ],
+  "description": "With Timesheet.js you can easily create simple time and data sheets or timelines using HTML5, JavaScript and CSS3. Yep, it's a Vanilla JS library!",
+  "main": ["dist/timesheet.js", "dist/timesheet.css"],
+  "moduleType": [
+    "amd"
+  ],
+  "keywords": [
+    "timeline",
+    "timesheet",
+    "timebar",
+    "line",
+    "bar",
+    "graph",
+    "visualize",
+    "chart"
+  ],
+  "license": "MIT",
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests",
+    "screen.png",
+    "source",
+    "config.rb",
+    "Gruntfile.js",
+    "Gemfile",
+    "Gemfile.lock",
+    "package.json"
+  ]
+}

source/index.haml

@@ -6,7 +6,7 @@
 
     #timesheet-default
 
-    %p Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by mighty you.
+    %p Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customized by almighty you.
 
     %code
       %pre
@@ -36,4 +36,4 @@
 
     %p It's that simple to use <span>Timesheet.js</span>. So, have a nice day, thank you for smoking and maybe try using Timesheet.js with custom styles …
 
-    %p.footer Timesheet.js is licensed under MIT License<br />Cheers to <a href="https://twitter.com/cheeaun">Cheeaun</a> and <a href="https://twitter.com/igrigorik/">Ilya</a><br /><br /><br /><span><a href="https://github.com/semu/timesheet.js">❤</a></span><br /><br /><a href="#dark" id="switch-dark">dark</a> | <a href="#light" id="switch-light">light</a>
+    %p.footer Timesheet.js is licensed under <a href="https://github.com/sbstjn/timesheet.js/blob/master/LICENSE.md">MIT License</a><br />Cheers to <a href="https://twitter.com/cheeaun">Cheeaun</a> and <a href="https://twitter.com/igrigorik/">Ilya</a><br /><br /><br /><span><a href="http://S11K.com">❤</a></span><br /><br /><a href="#dark" id="switch-dark">dark</a> | <a href="#light" id="switch-light">light</a>

source/javascripts/main.js

@@ -5,8 +5,6 @@
 (function(){
   'use strict';
 
-  var body = document.querySelector('body');
-
   Lib.ready(function() {
     /* jshint -W031 */
     new Timesheet('timesheet-default', 2002, 2013, [
@@ -24,11 +22,11 @@
     ]);
 
     document.querySelector('#switch-dark').addEventListener('click', function() {
-      body.className = 'index black';
+      document.querySelector('body').className = 'index black';
     });
 
     document.querySelector('#switch-light').addEventListener('click', function() {
-      body.className = 'index white';
+      document.querySelector('body').className = 'index white';
     });
   });
 })();

source/layouts/layout.haml

@@ -4,17 +4,17 @@
     %meta{:charset => 'utf-8'}
     %meta{:content => 'IE=edge,chrome=1', 'http-equiv' => 'X-UA-Compatible'}
     %meta{:property => 'og:title', :content => 'Timesheet.js'}
-    %meta{:property => 'og:description', :content => 'With Timesheet.js you can create simple time and data sheets using HTML5, JavaScript and CSS3.'}
-    %meta{:property => 'og:url', :content => 'https://semu.github.io/timesheet.js/'}
+    %meta{:property => 'og:description', :content => 'With Timesheet.js you can easily create simple time and data sheets or timelines using HTML5, JavaScript and CSS3. Yep, it\'s a Vanilla JS library!'}
+    %meta{:property => 'og:url', :content => 'https://sbstjn.github.io/timesheet.js/'}
     %meta{:property => 'og:image', :content => 'https://raw.githubusercontent.com/semu/timesheet.js/master/screen.png'}
     %meta{:property => 'fb:admins', :content => '669118929'}
 
     %title Timesheet.js - Open time tables with HTML, JavaScript and CSS …
 
     = javascript_include_tag 'timesheet.js', 'main.js'
-    = stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Oxygen+Mono:400,600,800'
-    = stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Open+Sans:400,600,800'
-    = stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Signika+Negative:300,400,600,700'
+    = stylesheet_link_tag '//fonts.googleapis.com/css?family=Oxygen+Mono:400,600,800'
+    = stylesheet_link_tag '//fonts.googleapis.com/css?family=Open+Sans:400,600,800'
+    = stylesheet_link_tag '//fonts.googleapis.com/css?family=Signika+Negative:300,400,600,700'
     = stylesheet_link_tag 'all.css'
     = yield_content :head
   %body.black{ :class => page_classes }

source/stylesheets/timesheet-white.css.sass

@@ -29,7 +29,7 @@
       background-color: rgba(67, 106, 224, 1)
     .bubble-dolor
       background-color: rgba(244, 210, 52, 1)
-    .bubble-set
+    .bubble-sit
       background-color: rgba(112, 125, 134, 1)
 
 
@@ -43,7 +43,6 @@
     section
       float: left
       width: 59px
-      text-align: center
       color: rgba(50, 50, 50, 0.8)
       font-family: 'Signika Negative'
       font-size: 13px

source/stylesheets/timesheet.css.sass

@@ -29,7 +29,7 @@
       background-color: rgba(67, 106, 224, 1)
     .bubble-dolor
       background-color: rgba(244, 210, 52, 1)
-    .bubble-set
+    .bubble-sit
       background-color: rgba(112, 125, 134, 1)
 
 
@@ -67,7 +67,6 @@
       line-height: 22px
       height: 21px
       display: block
-      cursor: pointer
       clear: both
       position: relative
       white-space: nowrap