/
island.html
65 lines (47 loc) · 3.11 KB
/
island.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
{% extends "intervention/game.html" %}
{% block game_js %}
<script type="text/javascript" src="{{STATIC_URL}}js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="{{STATIC_URL}}js/jquery-ui.min.js"></script>
<script type="text/javascript" src="{{STATIC_URL}}js/underscore/underscore-min.js"></script>
<script type="text/javascript" src="{{STATIC_URL}}js/backbone/backbone-min.js"></script>
<script type="text/javascript" src="{{STATIC_URL}}island_game/js/islandview.js"></script>
{% endblock %}
{% block game_css %}
<link rel="stylesheet" href="{{STATIC_URL}}island_game/css/island.print.css" type="text/css" media="print" />
<link rel="stylesheet" href="{{STATIC_URL}}island_game/css/island.css" type="text/css" />
{% endblock %}
{% block game_content %}
<input type="hidden" id="static-url" value="{{STATIC_URL}}" />
<div id="mode">{{game_context.mode}}</div>
<div id="gender">{% ifequal participant.gender "male" %}M{%else%}F{%endifequal%}</div>
<div id="island_container" class="island-container">
<img src="{{STATIC_URL}}island_game/images/island_part1.png" id="island" alt="island"></img>
<img src="{{STATIC_URL}}island_game/images/water.png" id="water" alt="water"></img>
<img id="figure1" alt="figure" class="figure"></img>
<img id="figure2" alt="figure" class="figure"></img>
<div>
<div id="infection_label" class="slider_label infection"><br />oi</div>
<img src="{{STATIC_URL}}island_game/images/slider_bar.png" id="infection_slider" class="slider infection" />
<img src="{{STATIC_URL}}island_game/images/slider_handle.png" id="infection" class="slider_thumb infection" />
</div>
<div>
<div id="viral_load_label" class="slider_label viral_load">viral<br />load</div>
<img src="{{STATIC_URL}}island_game/images/slider_bar.png" id="viral_load_slider" class="slider viral_load" />
<img src="{{STATIC_URL}}island_game/images/slider_handle.png" id="viral_load" class="slider_thumb viral_load" />
</div>
<div>
<div id="cd4_count_label" class="slider_label cd4_count">cd4<br />count</div>
<img src="{{STATIC_URL}}island_game/images/slider_bar.png" id="cd4_count_slider" class="slider cd4_count" />
<img src="{{STATIC_URL}}island_game/images/slider_handle.png" id="cd4_count" class="slider_thumb cd4_count" />
</div>
<div>
<div id="good_adherence_label" class="slider_label adherence">good</br>adherence</div>
<img src="{{STATIC_URL}}island_game/images/slider_bar.png" id="adherence_slider" class="slider adherence" />
<img src="{{STATIC_URL}}island_game/images/slider_handle.png" id="adherence" class="slider_thumb adherence" />
<div id="no_adherence_label" class="slider_label adherence">no</br>adherence</div>
</div>
<div id="island_view_navigation">
<span id="island_view_label">BEFORE GOING ON ARVS</span>
</div>
</div>
{% endblock %}