Skip to content

Commit 488b4fd

Browse files
sbstjnsbstjn
committed
Update info site
1 parent d0379a9 commit 488b4fd

File tree

4 files changed

+68
-14
lines changed

4 files changed

+68
-14
lines changed

‎source/index.haml

Lines changed: 45 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,22 +2,59 @@
22
#box-inner
33
%h1
44
Timesheet<span>.js</span>
5-
%p Visualize events with pure <span>HTML5 and CSS3</span>. Create responsive time sheets with sneaky JavaScript. Generated based on HTML structure or just plain text.
5+
%p Visualize your data with sexy <span>HTML5</span> and <span>CSS3</span>. Create simple responsive time sheets with sneaky JavaScript. Style them with CSS3 and have mobile fun as well …
66

77
#timesheet
88

9-
%p Just include Timesheet.js and configure your data. No external dependencies, <span>no jQuery</span> needed and <span>no Angular.JS</span> as well! Just pure JavaScript generation, beautiful HTML5 layout and some realy delicious CSS3.
9+
%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.
1010

1111
%code
1212
%pre
13-
:escaped
14-
<script src="/javascripts/timesheet.js" type="text/javascript">
13+
= preserve do
14+
:escaped
15+
<script src="/javascripts/timesheet.js" type="text/javascript" />
1516

16-
%p Create your HTML structure. Or prepare your data in plain text or easily create Timesheets with pure JavaScripts
17+
%p Create a simple time sheet based on a JS array of events:
1718

1819
%code
1920
%pre
20-
:escaped
21-
<ul><li></li></ul>
21+
= preserve do
22+
:escaped
23+
new Timesheet('timesheet', 2002, 2013, [
24+
['2002', '09/2002', 'A freaking awesome time', 'lorem'],
25+
['06/2002', '09/2003', 'Some great memories', 'ipsum'],
26+
['2003', 'Had very bad luck'],
27+
['10/2003', '2006', 'At least had fun', 'dolor'],
28+
['02/2005', '05/2006', 'Enjoyed those times as well', 'ipsum'],
29+
['07/2005', '09/2005', 'Bad luck again', 'default'],
30+
['10/2005', '2008', 'For a long time nothing happened', 'dolor'],
31+
['01/2008', '05/2009', 'LOST Season #4', 'lorem'],
32+
['01/2009', '05/2009', 'LOST Season #4', 'lorem'],
33+
['02/2010', '05/2010', 'LOST Season #5', 'lorem'],
34+
['09/2008', '06/2010', 'FRINGE #1 & #2', 'ipsum']
35+
]);
2236

23-
%p Lorem ipsum dolor sit amet.
37+
%p Or let Timesheet.js parse your HTML structure. You now, for Google and all those spiders out there. Would be a shame if those events of yours don't get indexed!
38+
39+
%code
40+
%pre
41+
= preserve do
42+
:escaped
43+
<div id="timesheet"></div>
44+
45+
<ul class="timesheet-data" data-timesheet="timesheet">
46+
<li>
47+
<span class="date">2002-09/2002</span>
48+
<span class="label" data-tag="lorem">A freaking awesome time</span>
49+
</li>
50+
<li>
51+
<span class="date">06/2002-09/2003</span>
52+
<span class="label" data-tag="lorem">Some great memories</span>
53+
</li>
54+
<li>
55+
<span class="date">2003</span>
56+
<span class="label" data-tag="lorem">Had very bad luck</span>
57+
</li>
58+
</ul>
59+
60+
%p It's that simple to use <span>Timesheet.js</span>. So, have a nice day and thank you for smoking …

‎source/javascripts/main.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
new Timesheet('timesheet', 2002, 2013, [
1111
['2002', '09/2002', 'A freaking awesome time', 'lorem'],
1212
['06/2002', '09/2003', 'Some great memories', 'ipsum'],
13-
['09/2003', 'Had very bad luck'],
13+
['2003', 'Had very bad luck'],
1414
['10/2003', '2006', 'At least had fun', 'dolor'],
1515
['02/2005', '05/2006', 'Enjoyed those times as well', 'ipsum'],
1616
['07/2005', '09/2005', 'Bad luck again', 'default'],

‎source/layouts/layout.haml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
%head
44
%meta{:charset => 'utf-8'}
55
%meta{:content => 'IE=edge,chrome=1', 'http-equiv' => 'X-UA-Compatible'}
6+
%title Timesheet.js
67

78
= javascript_include_tag 'timesheet.js', 'main.js'
89
= stylesheet_link_tag 'http://fonts.googleapis.com/css?family=Oxygen+Mono:400,600,800'

‎source/stylesheets/all.css.sass

Lines changed: 21 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,22 @@ html, body
77
height: 100%
88
background-color: rgba(61, 61, 61, 1)
99

10-
#container
11-
height: 100%
10+
footer
11+
margin: 50px 0 80px
12+
clear: both
13+
text-align: center
14+
font-family: 'Open Sans'
15+
font-size: 10px
16+
font-weight: 300
17+
line-height: 16px
18+
color: rgba(140, 140, 140, 1)
19+
20+
a
21+
display: block
22+
text-decoration: none
23+
color: rgba(255, 145, 18, 1)
24+
font-size: 13px
25+
1226

1327
#box
1428
// display: table
@@ -61,11 +75,13 @@ p
6175
code
6276
pre
6377
margin: 0 auto
64-
width: 700px
78+
width: 670px
6579
background-color: rgba(100, 100, 100, 1)
66-
padding: 20px 10px
80+
color: rgba(190, 190, 190, 1)
81+
padding: 10px 8px
6782
font-family: 'Oxygen Mono'
68-
font-size: 10pt
83+
font-size: 11px
84+
font-weight: 600
6985

7086
code, pre
7187
text-align: left

0 commit comments

Comments
 (0)