-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
105 lines (103 loc) · 5.03 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<title>Planning Poker timer</title>
<script src="javascripts/prototype.js" type="text/javascript"></script>
<script src="javascripts/scriptaculous.js" type="text/javascript"></script>
<script src="javascripts/planning_poker_timer.js" type="text/javascript"></script>
<link href="stylesheets/style.css" rel="stylesheet" type="text/css" />
</head>
<body id="body" class="green">
<h1 id="time"> </h1>
<div id="info">
<h2>Planning Poker Timer</h2>
<h3>By <a href="http://blog.aslakhellesoy.com/">Aslak Hellesøy</a></h3>
<noscript>
<h2 class="black">Javascript is disabled. It must be enabled!</h2>
</noscript>
<div class="tip-container">
<div class="tip">
<h3 class="yellow">FAST PLANNING</h3>
Keeps developers focussed on estimating fast.<br />
Read the full story <a href="http://blog.aslakhellesoy.com/2007/10/17/planning-poker-timer">here</a>.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="black">ADJUSTABLE</h3>
You can set a <a href="?precision=10&time=180">different time and precision</a> in the URL.
Use a precision of 10 to avoid distracting people.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="red">VISIBLE/AUDIBLE NOTIFICATION</h3>
Rings a bell and turns the screen red (unless you specify other colours) when time is up.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="blue">COLOUR TRANSITIONS</h3>
Make the colours <a href="?precision=1&time=8&initialColour=0000ff&colours[4]=ff0000&colours[0]=000000">start
at blue, go red at 4 seconds and black at 0 seconds</a> or use your imagination to let people know time
is running out.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="cyan">RESTART</h3>
You can make the timer <a href="?precision=1&time=5&restartAt=-2">restart automatically</a>
at a certain time. Hitting the spacebar will also restart the timer
<span class="bold">(and make all of this text go away)</span>.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="orange">VERSATILE</h3>
Use it to keep folks focussed on time in other situations - like
<a href="http://en.wikipedia.org/wiki/Lightning_Talk">lightning talks</a>,
where you can use <a href="?precision=10&time=600&restartAt=-120&colours[120]=ff0000&colours[0]=000000">these settings</a>.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="purple">FULL SCREEN</h3>
Make the text bigger to fill the whole screen. This is CMD+ or CTRL+ in most browsers - or via the menu if you're using IE.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="brown">DOWNLOAD</h3>
Due to popular demand, you can now <a href="http://aslakhellesoy.com/planning_poker_timer.zip">download</a> the timer use it offline. Just
unzip the file and double-click the index.html file inside.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="green">FREE</h3>
<a class="cc" rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
<img class="cc" alt="Creative Commons License" src="http://i.creativecommons.org/l/by-sa/3.0/88x31.png"/>
</a>
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" />
</a>
<br/>
This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 Unported License</a>.
</div>
</div>
<div class="tip-container">
<div class="tip">
<h3 class="white">CONTACT ME</h3>
Suggestions, questions or patches? Send them to
<script type="text/javascript"language="javascript">{coded="[email protected]";cipher="aZbYcXdWeVfUgThSiRjQkPlOmNnMoLpKqJrIsHtGuFvEwDxCyBzA1234567890";shift=coded.length;link="";for(i=0;i<coded.length;i++){if(cipher.indexOf(coded.charAt(i))==-1){ltr=coded.charAt(i);link+=(ltr)}else{ltr=(cipher.indexOf(coded.charAt(i))-shift+cipher.length)%cipher.length;link+=(cipher.charAt(ltr))}};document.write("<a href='mailto:"+link+"'>"+link+"</a>")}</script><noscript><p>Sorry,but a Javascript-enabled browser is required to email me.</p></noscript>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1083003-3";
urchinTracker();
</script>
</body>
</html>