-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
167 lines (156 loc) · 11 KB
/
Copy pathindex.html
File metadata and controls
167 lines (156 loc) · 11 KB
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
<link rel="stylesheet" type="text/css" href="js/jquery-mobile/jquery.mobile.min.css">
<script type="text/javascript" src="js/truerand.js"></script>
<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-mobile/jquery.mobile.min.js"></script>
<title>AloneRPG</title>
<style>
.myfieldset .ui-input-text {
float: left;
}
#tabs .ui-listview>.ui-li-static
{
padding: 0.1em 1em 0.1em 1em;
}
#tabs li.ui-li-static {
text-align: center;
}
.ui-controlgroup-controls button.vertical {
display: block !important;
text-align: center;
margin: 0 auto !important;
width: 253px !important;
}
.listviewbtns button
{
width: 100px !important;
}
</style>
</head>
<body>
<div data-role="page">
<div data-role="header">
<a href="#defaultpanel" class="ui-btn-right ui-btn ui-icon-bars ui-btn-icon-right ui-btn-inline ui-corner-all ui-mini"> </a>
<h4>Alone RPG</h4>
</div><!-- /header -->
<div data-role="panel" id="defaultpanel" data-position="right">
<br><br>
<a href="#demo-links" data-rel="close" class="ui-btn ui-shadow ui-corner-all ui-btn-a ui-icon-delete ui-btn-icon-left ui-btn-inline">Close panel</a>
</div><!-- /panel -->
<div role="main" class="ui-content" >
<div class="content">list</div>
</div><!-- /content -->
<div data-role="footer" data-position="fixed" data-fullscreen="true">
<div data-role="tabs" id="tabs">
<div data-role="navbar" style="display:inline">
<ul>
<li class="tab"><a href="#dash" class="ui-btn-active" data-ajax="false">Dashbrd</a></li>
<li class="tab"><a href="#story" data-ajax="false">Storyln</a></li>
<li class="tab"><a href="#action" data-ajax="false">Actions</a></li>
<li class="tab"><a href="#other" data-ajax="false">Otherthg</a></li>
</ul>
</div>
<div id="dash" style="height: 190px;">
<ul data-role="listview" data-inset="true">
<li>
<fieldset data-role="controlgroup" data-type="horizontal" style="zoom:0.8;">
<button class="odds ui-shadow ui-btn ui-corner-all" value="10">AI</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="20">VU</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="30">U</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="40">SU</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="50">50/50</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="60">SL</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="70">L</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="80">VL</button>
<button class="odds ui-shadow ui-btn ui-corner-all" value="90">ST</button>
</fieldset>
</li>
<li>
<fieldset class="myfieldset" style="margin: 0;" data-role="controlgroup" data-type="horizontal" data-mini="true">
<input style="float:left" type="text" name="textinput-2" id="dicerollerval" placeholder="Roll dice (1d4+2)" value="">
<button style="margin: 5px;0px;0px;5px;" class="ui-shadow ui-btn ui-corner-all" type="button" id="diceroller">Roll</button>
<span style="clear:both"></span>
</fieldset>
</li>
<li>
<button style="zoom: 0.9;" class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="damage">Damage</button>
</li>
<li>
<button style="zoom: 0.9;" class="ui-shadow ui-btn ui-corner-all" type="button" id="clear">Clear</button></li>
</ul>
</div>
<div id="story" style="height: 190px;">
<ul data-role="listview" data-inset="true" class="listviewbtns">
<li>
<br>
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-bottom: 0px;">
<button class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="quest">Quest</button>
<button class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="person">Person</button>
</fieldset>
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin: -1px 0px;">
<button class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="place">Place</button>
<button class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="opposition">Opposition</button>
</fieldset>
<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin: -1px 0px;">
<button class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="thing">Thing</button>
<button class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="skill">Skill</button>
</fieldset>
<br>
</li>
</ul>
</div>
<div id="action" style="height: 190px;">
<ul data-role="listview" data-inset="true" class="listviewbtns">
<li><br>
<fieldset data-role="controlgroup" data-mini="true">
<button class="getrand ui-shadow ui-btn ui-corner-all vertical" type="button" id="focus">Focus</button>
<button class="getrand ui-shadow ui-btn ui-corner-all vertical" type="button" id="action">Action</button>
<button class="getrand ui-shadow ui-btn ui-corner-all vertical" type="button" id="subject">Subject</button>
<fieldset style="margin-top: 0px;" data-role="controlgroup" data-type="horizontal">
<button style="border-bottom-width: 1px;" class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="complexdesc">Complex desc</button>
<button class="getrand ui-shadow ui-btn ui-corner-all" type="button" id="complexqst">Complex question</button>
</fieldset>
</fieldset>
</li>
</ul>
</div>
<div id="other" style="height: 190px;">
<ul data-role="listview" data-inset="true">
<li><br>
<fieldset data-role="controlgroup" data-mini="true">
<button class="getrand ui-shadow ui-btn ui-corner-all vertical" type="button" id="started">Started</button>
<button class="getrand ui-shadow ui-btn ui-corner-all vertical" type="button" id="setting">Setting</button>
<button class="getrand ui-shadow ui-btn ui-corner-all vertical" type="button" id="unenpc">UNE-NPC</button>
<a href="#popupLogin" data-rel="popup" data-position-to="window" class="ui-shadow ui-btn ui-corner-all vertical" id="cards" data-transition="pop">Cards</a>
</fieldset>
</li>
</ul>
</div>
</div>
</div><!-- /footer -->
<div data-role="popup" id="popupLogin" data-theme="a" class="ui-corner-all">
<div style="padding:10px 20px;">
<div class="ui-grid-b">
<div class="ui-block-a"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-a"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-a"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-b"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
<div class="ui-block-c"><div class="ui-bar ui-bar-a"><img src="img/magicimages/ace.png" style="width:100%"></div></div>
</div><!-- /grid-c -->
</div>
</div>
</div><!-- /page -->
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
</body>
</html>