/
index.html
131 lines (129 loc) · 6.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rispen</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/rispen.css" />
<script src="js/jquery-1.6.4.min.js"></script>
<script type='text/javascript' src="js/jquery-ui-1.8.16.custom.min.js"></script>
<script type='text/javascript' src='js/jquery.the_final_countdown.js'></script>
<script type="text/javascript" src="js/jquery.timeago.js"></script>
<!-- As bossy as Bowser. -->
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
t.parentNode.insertBefore(s, t);
})();
/* ]]> */
</script>
</head>
<body>
<header>
<div class="container">
<h1 id="logo"><a href="#">Rispen</a></h1>
<ul id="primaryNavigation">
<li>Work</li>
<li>Stats</li>
<li>Settings</li>
</ul>
<span id="rispenId">
http://rispen.nl/
<input id="identifier" />
</span>
</div>
</header>
<div class="notification">
<div class="container">
<h2>You are using Rispen without Registration.</h2>
<p>That‘s fine with us, but you‘re missing out on some cool features!</p>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/all.js#xfbml=1&appId=187881831260963";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-login-button" data-perms="email,user_checkins">
Login with Facebook
</div>
<span id="noRegistration">Continue without registration</span>
</div>
</div>
<div class="container">
<div id="welcome">
<img src="img/rispen-logo.png" alt="Rispen" />
<h1>Helping you getting more efficient and keeping track of your work <br />with The Pomodoro-Technique®</h1>
<p>Rispen is a free and easy to use time-management application that is built upon the Pomodoro-Technique by Francesco Cirillo. The basic idea is to make you split big tasks into smaller parts, that you can complete in a time-frame of 25 minutes – called Pomodoro.<br /><br />
Every 25 minutes, you get a short break and every 5 Pomodoros, you get a long break. While the outcome is pretty much awesome, organizing your Pomodoros is a bag of hurt.<br />
That‘s why we created Rispen, to take away all the organizing from you and let you do stuff again.<br /><br />
Rispen is still in beta. We are working hard on bringing you new features every now and then that improve your work even more and go way beyond everything, you might have seen in other Pomodoro-timers.</p>
<h2>Interested? Get started right now!</h2>
</div>
<div id="actionContainer">
<div id="action">
<div id="progressBar"></div>
<div id="form" class="clearfix">
<input id="task" placeholder="What do you want to do?"/>
<a href="#" id="startStop" class="button">
<div>
<span>Start</span>
<span id="timer">13:37</span>
<span>Stop</span>
</div>
</a>
<div id="afterTask">
<textarea id="summaryTextarea" placeholder="Summary"></textarea>
<div id="mood">
<button id="moodPositive" class="button">Positive</button><button id="moodNeutral" class="button">Neutral</button><button id="moodNegative" class="button">Negative</button>
</div>
<button id="sendTask" class="button">Send</button>
</div>
</div>
<div id="shortBreak" class="breakAction"><p>Short Break. Grab yourself a bottle of Club-Mate.</p></div>
<div id="longBreak" class="breakAction"><p>Long Break. Do you know Nyan Cat, yet?</p></div>
</div>
</div>
<div id="historyContainer">
<h1>History<span class="quickStats">Breaks: 5</span><span class="quickStats">Pomodoros: 23</span></h1>
<ul id="history">
</ul>
</div>
<footer>
<p>Rispen is a project by <a href="http://twitter.com/phreeza">Thomas McColgan</a> and <a href="http://twitter.com/chrisgrabinski">Christopher Grabinski</a>.</p>
<ul>
<li class="clearfix">
<h3>Powered by</h3>
<span>
<a href="http://www.python.org/">Python</a>
</span>
<span>
<a href="http://code.google.com/appengine/">Google App Engine</a>
</span>
</li>
<li class="clearfix">
<h3>Social</h3>
<span id="socialFlattr">
<a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://rispen.nl"></a>
<noscript><a href="http://flattr.com/thing/430503/Rispen" target="_blank">
<img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a></noscript>
</span>
<span id="socialTwitter">
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://rispen.nl" data-text="Rispen helps you make your work more efficient." data-count="horizontal" data-via="rispenapp">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</span>
<span id="socialFacebook">
<div class="fb-like" data-href="https://www.facebook.com/pages/Rispen/229104117125263" data-send="false" data-layout="button_count" data-width="200" data-show-faces="false"></div>
</span>
</li>
</ul>
</footer>
</div>
<script src="js/rispen.js" type="text/javascript"></script>
<script src="js/rispen-old.js" type="text/javascript"></script>
</body>
</html>