/
home.html
57 lines (56 loc) · 2.6 KB
/
home.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
{% extends 'base.html' %}
{% block content %}
<div id="dice-controls">
<div class="wrapper">
<button id="d4" class="die" onclick="roll({'d4':get_die_count('d4')});">1d4</button><br />
<button class="dec" onclick="decrement_die_count('d4');">-</button>
<button class="inc" onclick="increment_die_count('d4');">+</button>
</div>
<div class="wrapper">
<button id="d6" class="die" onclick="roll({'d6':get_die_count('d6')});">1d6</button><br />
<button class="dec" onclick="decrement_die_count('d6');">-</button>
<button class="inc" onclick="increment_die_count('d6');">+</button>
</div>
<div class="wrapper">
<button id="d8" class="die" onclick="roll({'d8':get_die_count('d8')});">1d8</button><br />
<button class="dec" onclick="decrement_die_count('d8');">-</button>
<button class="inc" onclick="increment_die_count('d8');">+</button>
</div>
<div class="wrapper">
<button id="d10" class="die" onclick="roll({'d10':get_die_count('d10')});">1d10</button><br />
<button class="dec" onclick="decrement_die_count('d10');">-</button>
<button class="inc" onclick="increment_die_count('d10');">+</button>
</div>
<div class="wrapper">
<button id="d12" class="die" onclick="roll({'d12':get_die_count('d12')});">1d12</button><br />
<button class="dec" onclick="decrement_die_count('d12');">-</button>
<button class="inc" onclick="increment_die_count('d12');">+</button>
</div>
<div class="wrapper">
<button id="d20" class="die" onclick="roll({'d20':get_die_count('d20')});">1d20</button><br />
<button class="dec" onclick="decrement_die_count('d20');">-</button>
<button class="inc" onclick="increment_die_count('d20');">+</button>
</div>
<div class="wrapper">
<button id="dn" class="die" onclick="roll(COUNTS);">Roll all!</button><br />
</div>
<div style="clear:both;"></div>
</div>
<div id="toggle-advanced">
<a href="javascript:show_advanced_controls();">Show advanced controls</a>
</div>
<div id="rolling" style="display:none;">
...
</div>
<div id="results" style="display:none;">
<div class="roll">You rolled <span class="number"></span> on <span class="die"></span>.</div>
<div class="footnote">
Roll made <span class="age"></span>.<br />
<a href="http://twitter.com/" class="twitter-share-button" target="_blank">Tweet this roll</a>
</div>
</div>
{% endblock %}
{% block extra_foot %}
<script type="text/javascript" src="/js/iso8601.js"></script>
<script type="text/javascript" src="/js/roll.js"></script>
{% endblock %}