-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
261 lines (246 loc) · 12.3 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
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="pragma" content="no-cache">
<title>PAD signature</title>
<link href="stylesheets/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
<link rel="stylesheet" href="resource/jcrop/css/jquery.Jcrop.min.css">
<link rel="stylesheet" href="stylesheets/customize.css?v=6.4.2RC1">
<link rel="stylesheet" href="javascripts/color-picker/colorPicker.css">
<script src="lib/bootstrap-select/bootstrap-select.min.js"></script>
<link rel="stylesheet" href="lib/bootstrap-select/bootstrap-select.min.css">
</head>
<body>
<header class="jumbotron subhead" id="header-container">
<div class="container">
<div class="page-header" id="page-header">
<h1>Puzzle & Dragon signature builder<small>v6.4.1Release3</small></h1>
<h2>龍族拼圖圖片簽名檔產生器</h2>
<small>
<div>Source code: <a href="http://github.com/alivedise/alvitr">http://github.com/alivedise/alvitr</a></div>
<div>Author: @alivedise (<a href="http://alivedise.github.io/">http://alivedise.github.io/</a>)</div>
<div>Graphics © Copyright by Gungho Online Entertainment, Inc.</div>
<div>Browser compability: <span class="label label-info">IE9+</span><span class="label label-warning">Firefox</span><span class="label label-important">Chrome</span></div>
</small>
<div class="alert alert-info" id="notification"><img src="resource/ajax-loader.gif" />Loading font and previous data.../字型以及前次設定載入中...</div>
</div>
</div>
</header>
<div class="container">
<form class="form-horizontal" id="templates-form">
<fieldset>
<!-- Select Basic -->
<div class="control-group" id="template-container">
<label class="control-label">Choose image prototype/選擇樣板</label>
<div class="controls">
<label class="radio">
<input type="radio" name="image-size" value="facebook-cover">
<div id="fb-cover-template" class="template clearfix"></div>
<p class="help-block">Facebook Cover/臉書個人封面: 851*315</p>
</label>
<label class="radio">
<input type="radio" name="image-size" value="signature">
<div id="signature-template" class="template clearfix"></div>
<p class="help-block">Signature/名片檔: 700*170</p>
</label>
<label class="radio">
<input type="radio" name="image-size" value="bahamut" checked="checked">
<div id="bahamut-template" class="template clearfix"></div>
<p class="help-block">Bahamut/巴哈姆特簽名檔: 660*125</p>
</label>
<label class="radio">
<input type="radio" name="image-size" value="medium">
<div id="medium-template" class="template clearfix"></div>
<p class="help-block">Medium: 600*100</p>
</label>
<label class="radio">
<input type="radio" name="image-size" value="thin">
<div id="thin-template" class="template clearfix"></div>
<p class="help-block">Thin: 450*64</p>
</label>
</div>
</div>
<!-- Text input-->
<div class="control-group">
<label class="control-label">Name/名稱</label>
<div class="controls">
<input class="inline" id="name" name="name" type="text" placeholder="name" class="input-xlarge" maxlength="20">
<label class="inline checkbox">
<input type="text" name="name-color" id="name-color" value="transparent">
Text color
</label>
<label class="inline checkbox">
<input type="text" name="name-border-color" id="name-border-color" value="transparent">
Text border color
</label>
<p class="help-block">Your PAD nickname/你的PaD暱稱</p>
</div>
</div>
<!-- Text input-->
<div class="control-group">
<label class="control-label">ID</label>
<div class="controls">
<input id="id" name="id" type="text" placeholder="000000000" class="input-xlarge" maxlength="9">
<p class="help-block">Your PAD ID/你的PaD ID</p>
</div>
</div>
<!-- Multiple Radios -->
<div class="control-group">
<label class="control-label">Choose background color/選擇底色</label>
<div class="controls">
<label class="radio">
<input type="text" name="background-color" id="background-color" value="transparent">
</label>
</div>
</div>
<!-- Multiple Radios -->
<div class="control-group" id="background-loader">
<label class="control-label">Choose background image/選擇背景圖</label>
<div class="pager"></div>
<div class="controls" id="image-selector">
<label class="radio visible" data-index="0">
<input id="none-background" type="radio" name="background-image" value="0" checked="checked">
<span class="background-image-container">None/無</span>
</label>
<!-- dynamically appended -->
</div>
</div>
<div class="control-group">
<label></label>
<div class="controls hidden">
<input type="text" value="-1" id="background-image-x" name="background-image-x">
<input type="text" value="-1" id="background-image-y" name="background-image-y">
<input type="text" value="-1" id="background-image-w" name="background-image-w">
<input type="text" value="-1" id="background-image-h" name="background-image-h">
<input type="text" value="-1" id="background-image-x2" name="background-image-x2">
<input type="text" value="-1" id="background-image-y2" name="background-image-y2">
</div>
<div class="controls">
<button class="btn btn-default" id="image-edit" name="image-edit">
Modify background image size and position/調整背景圖片位置及大小
</button>
</div>
</div>
<div id="image-edit-container" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Edit image/編輯圖片</h3>
</div>
<div class="modal-body">
<div class="well">
<h4 class="help-block">Cropping preview/圖片編輯預覽</h4>
<span id="image-preview">
<img class="img-polaroid" />
</span>
</div>
<div id="image-editor">
<img />
</div>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close/取消</button>
<button id="image-edit-done" class="btn btn-primary">Set/完成</button>
</div>
</div>
<!-- Multiple Radios -->
<div class="control-group">
<label class="control-label">Choose background image color transfomation/背景圖顏色轉化</label>
<div class="controls">
<label class="radio">
<input type="text" name="background-tint" id="background-tint" value="transparent">
</label>
</div>
</div>
<!-- Select Basic -->
<div class="control-group">
<label class="control-label">Main character icon/主要隊長</label>
<div class="controls">
<select id="character" name="character" class="input-xlarge selectpicker" data-monster="true">
<option value="0">---</option>
</select>
</div>
</div>
<!-- Select Multiple -->
<div class="control-group" id="selector-to-be-fork">
<label class="control-label" data-label="true">Leaders/常駐隊長</label>
<div class="controls" id="leaders-container">
</div>
</div>
<!-- Single select -->
<div class="control-group">
<label class="control-label">Support leaders/可支援隊長</label>
<div class="controls" id="functional-leaders-container">
<p class="help-block">Leaders to support/功能型寵物</p>
</div>
</div>
<!-- Multiple Checkboxes (inline) -->
<div class="control-group">
<label class="control-label" for="checkboxes">圖示陰影</label>
<div class="controls">
<label class="checkbox inline" for="checkboxes-0">
<input type="checkbox" name="icon-transparent" id="icon-transparent" value="1" checked=checked>
Semi-transparent icon shadow/圖示陰影半透明化
</label>
</div>
</div>
<!-- Text input-->
<div class="control-group">
<label class="control-label">Self-introduction or comment/自我介紹或註解</label>
<div class="controls">
<input class="inline" id="comment" name="comment" type="text" placeholder="Say something." class="input-xlarge" maxlength="50">
<label class="inline checkbox">
<input type="text" name="comment-color" id="comment-color" value="transparent">
Text color
</label>
<label class="inline checkbox">
<input type="text" name="comment-border-color" id="comment-border-color" value="transparent">
Text border color
</label>
<p class="help-block">Leave some description here./隨便寫段話</p>
</div>
</div>
</fieldset>
<fieldset>
<legend>Preview</legend>
<div id="preview">
<img id="previewImage"></img>
<span id="previewCanvas">
</span>
</div>
<!-- Button (Double) -->
<div class="control-group" id="uploader">
<label class="control-label" for="button1id"></label>
<div class="controls">
<button class="btn btn-default" id="image-edit2" name="image-edit">
Modify background image size and position/調整背景圖片位置及大小
</button>
<button id="upload" name="upload" class="btn btn-primary">Upload image to imgur/上傳名片檔到imgur</button>
<a id="link" name="link" class="btn btn-link" href="#" target="_blank"></a>
</div>
</div>
</fieldset>
</form>
</div>
<script src="resource/jcrop/js/jquery.color.js"></script>
<script src="resource/jcrop/js/jquery.Jcrop.min.js"></script>
<script src="javascripts/color-picker/jquery.colorPicker.js"></script>
<script src="javascripts/jstorage.js"></script>
<script src="javascripts/modernizr.custom.js"></script>
<script src="javascripts/jquery-bootstrap-pagination.js"></script>
<script src="javascripts/monster_model.js?v=6.4.2RC1"></script>
<script src="javascripts/client.js?v=6.4.2RC1"></script>
<script src="javascripts/generator.js?v=6.4.2RC1"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-29151691-6', 'alivedise.github.io');
ga('send', 'pageview');
</script>
</body>
</html>