~ubuntu-branches/ubuntu/trusty/cardstories/trusty-proposed

« back to all changes in this revision

Viewing changes to static/cardstories.html

  • Committer: Bazaar Package Importer
  • Author(s): Loic Dachary (OuoU)
  • Date: 2011-08-28 00:22:32 UTC
  • mfrom: (1.1.5 upstream)
  • Revision ID: james.westby@ubuntu.com-20110828002232-m882t5uwjmsmaq0j
Tags: 1.0.6-1
upstream release

Show diffs side-by-side

added added

removed removed

Lines of Context:
 
1
<!DOCTYPE html>
 
2
<html>
 
3
<head>
 
4
        <title>Cardstories</title>
 
5
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
 
6
        <script type="text/javascript" src="js/jquery/jquery-1.6.2.js"></script>
 
7
        <script type="text/javascript" src="js/supplant.js"></script>
 
8
        <link rel="stylesheet" href="css/tablesorter.css" type="text/css" media="screen">
 
9
        <script type="text/javascript" src="tablesorter/jquery.tablesorter.js"></script>
 
10
        <script type="text/javascript" src="tablesorter/jquery.tablesorter.pager.js"></script>
 
11
        <script type="text/javascript" src="js/jquery.metadata.js"></script>
 
12
        <script type="text/javascript" src="js/jquery.cookie.js"></script>
 
13
        <link rel="stylesheet" href="css/all.css" type="text/css" media="screen">
 
14
 
 
15
        <script type="text/javascript" src="jscrollpane/jquery.jscrollpane.js"></script>
 
16
        <link rel="stylesheet" href="css/credits.css" type="text/css" media="screen">
 
17
 
 
18
        <script type="text/javascript" src="js/jquery.cardstories.js"></script>
 
19
        <script type="text/javascript" src="test/skin.js"></script>
 
20
        <script type="text/javascript" src="js/jquery.query-2.1.7.js"></script>
 
21
        <script type="text/javascript" src="js/jquery.placeholder-1.0.1.js"></script>
 
22
</head>
 
23
<body>
 
24
  <div class="cardstories_skin" style="display: none; position: absolute; top: 0; z-index: 1000">
 
25
    <a href="?skin=email">email</a>
 
26
    <a href="?skin=in_progress">in_progress</a>
 
27
    <a href="?skin=in_progress_one">in_progress one game</a>
 
28
    <a href="?skin=finished">finished</a>
 
29
    <a href="?skin=create_pick_card">create_pick_card</a>
 
30
    <a href="?skin=create_write_sentence">create_write_sentence</a>
 
31
    <a href="?skin=advertise">advertise</a>
 
32
    <a href="?skin=invitation_owner">invitation_owner</a>
 
33
    <a href="?skin=invitation_anonymous">invitation_anonymous</a>
 
34
    <a href="?skin=invitation_owner_ready">invitation_owner_ready</a>
 
35
    <a href="?skin=invitation_pick">invitation_pick</a>
 
36
    <a href="?skin=invitation_pick_wait">invitation_pick_wait</a>
 
37
    <a href="?skin=vote_voter">vote_voter</a>
 
38
    <a href="?skin=vote_voter_wait">vote_voter_wait</a>
 
39
    <a href="?skin=vote_viewer">vote_viewer</a>
 
40
    <a href="?skin=vote_owner">vote_owner</a>
 
41
    <a href="?skin=vote_owner_ready">vote_owner_ready</a>
 
42
    <a href="?skin=invitation_anonymous">vote_anonymous</a>
 
43
    <a href="?skin=confirm_results_publication">confirm_results_publication</a>
 
44
    <a href="?skin=complete">complete</a>
 
45
    <a href="?skin=complete_owner">complete owner</a>
 
46
    <a href="?skin=credits">credits</a>
 
47
  </div>
 
48
  <div class="cardstories_bg_outer">
 
49
    <div class="cardstories_bg_inner">
 
50
      <div class="cardstories">
 
51
        <div class="cardstories_game">
 
52
          <div class="cardstories_logo"></div>
 
53
          <a href="javascript:" class="cardstories_go_lobby"></a>
 
54
          <div class="cardstories_create">
 
55
            <div class="cardstories_pick_card">
 
56
              <div class="cardstories_bubble cardstories_bubble_pick_a_card"></div>
 
57
              <div class="cardstories_progress_owner"></div>
 
58
              <div class="cardstories_card_confirm">
 
59
                <div class="cardstories_card_confirm_ok"></div>
 
60
                <div class="cardstories_card_confirm_cancel"></div>
 
61
              </div>
 
62
              <div class="cardstories_cards_hand">
 
63
                <div>
 
64
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
65
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
66
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
67
                </div>
 
68
                <div>
 
69
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
70
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
71
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
72
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
73
                </div>
 
74
              </div>
 
75
            </div>
 
76
            <div class="cardstories_write_sentence">
 
77
              <div class="cardstories_progress_owner"></div>
 
78
              <div class="cardstories_card_background">
 
79
                <div class="cardstories_card"></div>
 
80
              </div>
 
81
              <div class="cardstories_write">
 
82
                <div class="cardstories_write_title"></div>
 
83
                <div class="cardstories_write_box">
 
84
                    <div class="cardstories_write_top_box"></div>
 
85
                    <div class="cardstories_write_middle_box">
 
86
                      <form action="javascript:">
 
87
                        <textarea class="cardstories_sentence" cols="60" rows="3" name="sentence" placeholder="A sentence related to the card"></textarea>
 
88
                        <input class="cardstories_submit" type="submit" name="submit" value="" />
 
89
                      </form>
 
90
                    </div>
 
91
                    <div class="cardstories_write_bottom_box"></div>
 
92
                </div>
 
93
                <div class="cardstories_write_hint"></div>
 
94
              </div>
 
95
            </div>
 
96
          </div>
 
97
 
 
98
          <div class="cardstories_advertise cardstories_game">
 
99
            <div class="cardstories_progress_owner"></div>
 
100
            <div class="cardstories_hint"></div>
 
101
            <div class="cardstories_invitegirl"></div>
 
102
            <div class="cardstories_invitegirlshadow"></div>
 
103
            <div class="cardstories_frame">
 
104
              <div class="cardstories_frame_bordertop"></div>
 
105
              <div class="cardstories_text_label">Type in your friends emails here, separated by spaces:</div>
 
106
              <div class="cardstories_text_label_tiny">(We promise to never give or sell the emails to anyone. We hate spams just like you.)</div>
 
107
              <div class="cardstories_text_frame">
 
108
                <div class="cardstories_text_bordertop"></div>
 
109
                <div class="cardstories_text_container">
 
110
                  <textarea class="cardstories_text" name="sentence"></textarea>
 
111
                </div>
 
112
                <div class="cardstories_text_borderbottom"></div>
 
113
              </div>
 
114
              <div class="cardstories_frame_borderbottom"></div>
 
115
              <div class="cardstories_submit"></div>
 
116
              <div class="cardstories_back"></div>
 
117
            </div>
 
118
          </div>
 
119
 
 
120
          <div class="cardstories_invitation">
 
121
            <div class="cardstories_participate">
 
122
              <div class="cardstories_sentence"></div>
 
123
              <input class="cardstories_submit" type="submit" name="submit" value="participate" />
 
124
            </div>
 
125
            <div class="cardstories_invitation_anonymous">
 
126
              <div class="cardstories_progress_player"></div>
 
127
              <div class="cardstories_bubble_player_pick_a_card_wait"></div>
 
128
              <div class="cardstories_sentence"></div>
 
129
            </div>
 
130
            <div class="cardstories_pick">
 
131
              <div class="cardstories_progress_player"></div>
 
132
              <div class="cardstories_bubble_player_pick_a_card"></div>
 
133
              <div class="cardstories_pick_mask_chose_a_card"></div>
 
134
              <div class="cardstories_sentence"></div>
 
135
              <div class="cardstories_card_confirm" data="{middle:2}">
 
136
                <div class="cardstories_card_confirm_ok"></div>
 
137
                <div class="cardstories_card_confirm_cancel"></div>
 
138
              </div>
 
139
              <div class="cardstories_cards_hand">
 
140
                <div>
 
141
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
142
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
143
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
144
                </div>
 
145
                <div>
 
146
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
147
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
148
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
149
                </div>
 
150
              </div>
 
151
            </div>
 
152
            <div class="cardstories_pick_wait">
 
153
              <div class="cardstories_progress_player"></div>
 
154
              <div class="cardstories_bubble_player_pick_a_card_wait"></div>
 
155
              <div class="cardstories_pick_thanks"></div>
 
156
              <div class="cardstories_sentence"></div>
 
157
              <div class="cardstories_card_change"></div>
 
158
              <div class="cardstories_card_bg">
 
159
                <div class="cardstories_card"></div>
 
160
              </div>
 
161
            </div>
 
162
            <div class="cardstories_owner">
 
163
              <div class="cardstories_progress_owner"></div>
 
164
              <div class="cardstories_invite_friends"></div>
 
165
              <div class="cardstories_voting"></div>
 
166
              <div class="cardstories_bubble_owner_pick_a_card"></div>
 
167
              <div class="cardstories_sentence"></div>
 
168
              <div class="cardstories_cards_hand">
 
169
                <div>
 
170
                  <div><div class="cardstories_player_name"></div><div class="cardstories_card_bg"><div class="cardstories_card"></div></div></div>
 
171
                  <div><div class="cardstories_player_name"></div><div class="cardstories_card_bg"><div class="cardstories_card"></div></div></div>
 
172
                  <div><div class="cardstories_player_name"></div><div class="cardstories_card_bg"><div class="cardstories_card"></div></div></div>
 
173
                </div>
 
174
                <div>
 
175
                  <div><div class="cardstories_player_name"></div><div class="cardstories_card_bg"><div class="cardstories_card"></div></div></div>
 
176
                  <div><div class="cardstories_player_name"></div><div class="cardstories_card_bg"><div class="cardstories_card"></div></div></div>
 
177
                  <div><div class="cardstories_player_name"></div><div class="cardstories_card_bg"><div class="cardstories_card"></div></div></div>
 
178
                </div>
 
179
              </div>
 
180
            </div>
 
181
          </div>
 
182
          <div class="cardstories_vote">
 
183
            <div class="cardstories_voter">
 
184
              <div class="cardstories_progress_player"></div>
 
185
              <div class="cardstories_bubble_player_vote_for_a_card"></div>
 
186
              <div class="cardstories_sentence"></div>
 
187
              <div class="cardstories_card_confirm">
 
188
                <div class="cardstories_card_confirm_ok"></div>
 
189
                <div class="cardstories_card_confirm_cancel"></div>
 
190
              </div>
 
191
              <div class="cardstories_self_card">
 
192
                <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
193
              </div>
 
194
              <div class="cardstories_cards_hand">
 
195
                <div>
 
196
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
197
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
198
                </div>
 
199
                <div>
 
200
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
201
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
202
                  <div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
 
203
                </div>
 
204
              </div>
 
205
            </div>
 
206
            <div class="cardstories_voter_wait">
 
207
              <div class="cardstories_progress_player"></div>
 
208
              <div class="cardstories_bubble_player_vote_wait"></div>
 
209
              <div class="cardstories_vote_thanks"></div>
 
210
              <div class="cardstories_sentence"></div>
 
211
              <div class="cardstories_card_change"></div>
 
212
              <div class="cardstories_card_bg">
 
213
                <div class="cardstories_card"></div>
 
214
              </div>
 
215
            </div>
 
216
            <div class="cardstories_vote_anonymous">
 
217
              <div class="cardstories_bubble_player_vote_wait"></div>
 
218
              <div class="cardstories_sentence"></div>
 
219
            </div>
 
220
            <div class="cardstories_owner">
 
221
              <div class="cardstories_progress_owner"></div>
 
222
              <div class="cardstories_sentence"></div>
 
223
              <div class="cardstories_monster"></div>
 
224
              <div class="cardstories_wall"></div>
 
225
              <div class="cardstories_votes">
 
226
                <div class="cardstories_column">
 
227
                  <div class="cardstories_card_bg">
 
228
                    <div class="cardstories_card"></div>
 
229
                  </div>
 
230
                  <div class="cardstories_player_name"></div>
 
231
                  <div class="cardstories_voter_name"></div>
 
232
                  <div class="cardstories_voter_name"></div>
 
233
                  <div class="cardstories_voter_name"></div>
 
234
                  <div class="cardstories_voter_name"></div>
 
235
                  <div class="cardstories_voter_name"></div>
 
236
                </div>
 
237
                <div class="cardstories_column">
 
238
                  <div class="cardstories_card_bg">
 
239
                    <div class="cardstories_card"></div>
 
240
                  </div>
 
241
                  <div class="cardstories_player_name"></div>
 
242
                  <div class="cardstories_voter_name"></div>
 
243
                  <div class="cardstories_voter_name"></div>
 
244
                  <div class="cardstories_voter_name"></div>
 
245
                  <div class="cardstories_voter_name"></div>
 
246
                  <div class="cardstories_voter_name"></div>
 
247
                </div>
 
248
                <div class="cardstories_column">
 
249
                  <div class="cardstories_card_bg">
 
250
                    <div class="cardstories_card"></div>
 
251
                  </div>
 
252
                  <div class="cardstories_player_name"></div>
 
253
                  <div class="cardstories_voter_name"></div>
 
254
                  <div class="cardstories_voter_name"></div>
 
255
                  <div class="cardstories_voter_name"></div>
 
256
                  <div class="cardstories_voter_name"></div>
 
257
                  <div class="cardstories_voter_name"></div>
 
258
                </div>
 
259
                <div class="cardstories_column">
 
260
                  <div class="cardstories_card_bg">
 
261
                    <div class="cardstories_card"></div>
 
262
                  </div>
 
263
                  <div class="cardstories_player_name"></div>
 
264
                  <div class="cardstories_voter_name"></div>
 
265
                  <div class="cardstories_voter_name"></div>
 
266
                  <div class="cardstories_voter_name"></div>
 
267
                  <div class="cardstories_voter_name"></div>
 
268
                  <div class="cardstories_voter_name"></div>
 
269
                </div>
 
270
                <div class="cardstories_column">
 
271
                  <div class="cardstories_card_bg">
 
272
                    <div class="cardstories_card"></div>
 
273
                  </div>
 
274
                  <div class="cardstories_player_name"></div>
 
275
                  <div class="cardstories_voter_name"></div>
 
276
                  <div class="cardstories_voter_name"></div>
 
277
                  <div class="cardstories_voter_name"></div>
 
278
                  <div class="cardstories_voter_name"></div>
 
279
                  <div class="cardstories_voter_name"></div>
 
280
                </div>
 
281
                <div class="cardstories_column">
 
282
                  <div class="cardstories_card_bg">
 
283
                    <div class="cardstories_card"></div>
 
284
                  </div>
 
285
                  <div class="cardstories_player_name"></div>
 
286
                  <div class="cardstories_voter_name"></div>
 
287
                  <div class="cardstories_voter_name"></div>
 
288
                  <div class="cardstories_voter_name"></div>
 
289
                  <div class="cardstories_voter_name"></div>
 
290
                  <div class="cardstories_voter_name"></div>
 
291
                </div>
 
292
                <div class="cardstories_column">
 
293
                  <div class="cardstories_card_bg">
 
294
                    <div class="cardstories_card"></div>
 
295
                  </div>
 
296
                  <div class="cardstories_player_name"></div>
 
297
                  <div class="cardstories_voter_name"></div>
 
298
                  <div class="cardstories_voter_name"></div>
 
299
                  <div class="cardstories_voter_name"></div>
 
300
                  <div class="cardstories_voter_name"></div>
 
301
                  <div class="cardstories_voter_name"></div>
 
302
                </div>
 
303
              </div>
 
304
              <div class="cardstories_finish"></div>
 
305
            </div>
 
306
          </div>
 
307
 
 
308
          <div class="cardstories_confirm_results_publication">
 
309
            <div class="cardstories_owner">
 
310
              <div class="cardstories_progress_owner"></div>
 
311
            </div>
 
312
            <div class="cardstories_announce_confirm"></div>
 
313
            <div class="cardstories_notyet_announce_results">
 
314
            </div>
 
315
            <div class="cardstories_announce_results">
 
316
            </div>
 
317
          </div>
 
318
 
 
319
          <div class="cardstories_complete">
 
320
            <div class="cardstories_progress_owner"></div>
 
321
            <div class="cardstories_progress_player"></div>
 
322
            <div class="cardstories_complete_explain">
 
323
              <div class="cardstories_unset_why">(Back to "Who won the game")</div>
 
324
              <div class="cardstories_set_why">(Why?)</div>
 
325
              <div class="cardstories_winners"></div>
 
326
              <div class="cardstories_sentence"></div>
 
327
            </div>
 
328
            <div class="cardstories_monster"></div>
 
329
            <div class="cardstories_wall"></div>
 
330
            <div class="cardstories_votes">
 
331
              <div class="cardstories_column">
 
332
                <div class="cardstories_card_bg">
 
333
                  <div class="cardstories_card"></div>
 
334
                </div>
 
335
                <div class="cardstories_player_name"></div>
 
336
                <div class="cardstories_voter_name"></div>
 
337
                <div class="cardstories_voter_name"></div>
 
338
                <div class="cardstories_voter_name"></div>
 
339
                <div class="cardstories_voter_name"></div>
 
340
                <div class="cardstories_voter_name"></div>
 
341
              </div>
 
342
              <div class="cardstories_column">
 
343
                <div class="cardstories_card_bg">
 
344
                  <div class="cardstories_card"></div>
 
345
                </div>
 
346
                <div class="cardstories_player_name"></div>
 
347
                <div class="cardstories_voter_name"></div>
 
348
                <div class="cardstories_voter_name"></div>
 
349
                <div class="cardstories_voter_name"></div>
 
350
                <div class="cardstories_voter_name"></div>
 
351
                <div class="cardstories_voter_name"></div>
 
352
              </div>
 
353
              <div class="cardstories_column">
 
354
                <div class="cardstories_card_bg">
 
355
                  <div class="cardstories_card"></div>
 
356
                </div>
 
357
                <div class="cardstories_player_name"></div>
 
358
                <div class="cardstories_voter_name"></div>
 
359
                <div class="cardstories_voter_name"></div>
 
360
                <div class="cardstories_voter_name"></div>
 
361
                <div class="cardstories_voter_name"></div>
 
362
                <div class="cardstories_voter_name"></div>
 
363
              </div>
 
364
              <div class="cardstories_column">
 
365
                <div class="cardstories_card_bg">
 
366
                  <div class="cardstories_card"></div>
 
367
                </div>
 
368
                <div class="cardstories_player_name"></div>
 
369
                <div class="cardstories_voter_name"></div>
 
370
                <div class="cardstories_voter_name"></div>
 
371
                <div class="cardstories_voter_name"></div>
 
372
                <div class="cardstories_voter_name"></div>
 
373
                <div class="cardstories_voter_name"></div>
 
374
              </div>
 
375
              <div class="cardstories_column">
 
376
                <div class="cardstories_card_bg">
 
377
                  <div class="cardstories_card"></div>
 
378
                </div>
 
379
                <div class="cardstories_player_name"></div>
 
380
                <div class="cardstories_voter_name"></div>
 
381
                <div class="cardstories_voter_name"></div>
 
382
                <div class="cardstories_voter_name"></div>
 
383
                <div class="cardstories_voter_name"></div>
 
384
                <div class="cardstories_voter_name"></div>
 
385
              </div>
 
386
              <div class="cardstories_column">
 
387
                <div class="cardstories_card_bg">
 
388
                  <div class="cardstories_card"></div>
 
389
                </div>
 
390
                <div class="cardstories_player_name"></div>
 
391
                <div class="cardstories_voter_name"></div>
 
392
                <div class="cardstories_voter_name"></div>
 
393
                <div class="cardstories_voter_name"></div>
 
394
                <div class="cardstories_voter_name"></div>
 
395
                <div class="cardstories_voter_name"></div>
 
396
              </div>
 
397
              <div class="cardstories_column">
 
398
                <div class="cardstories_card_bg">
 
399
                  <div class="cardstories_card"></div>
 
400
                </div>
 
401
                <div class="cardstories_player_name"></div>
 
402
                <div class="cardstories_voter_name"></div>
 
403
                <div class="cardstories_voter_name"></div>
 
404
                <div class="cardstories_voter_name"></div>
 
405
                <div class="cardstories_voter_name"></div>
 
406
                <div class="cardstories_voter_name"></div>
 
407
              </div>
 
408
              <div class="play_again">
 
409
                Play again
 
410
              </div>
 
411
            </div>
 
412
          </div>
 
413
        </div>
 
414
 
 
415
        <div class="cardstories_lobby">
 
416
          <div class="cardstories_logo"></div>
 
417
          <div class="cardstories_in_progress">
 
418
            <div class="cardstories_tab">
 
419
              <div class="cardstories_tab_in_progress"></div>
 
420
              <div class="cardstories_tab_finished"></div>
 
421
            </div>
 
422
            <div class="cardstories_stories_you_are_playing"></div>
 
423
            <div class="cardstories_start_story"></div>
 
424
            <div class="cardstories_solo"></div>
 
425
            <div class="cardstories_games_display_background">
 
426
              <div class="cardstories_games_display">
 
427
                <table class="cardstories_template">
 
428
                  <tbody>
 
429
                    <tr>
 
430
                      <td><div class="cardstories_lobby_role {role}"></div></td>
 
431
                      <td class="status"><div class="cardstories_lobby_state cardstories_lobby_{state}">{state}</div></td>
 
432
                      <td class="sentence"><div class="cardstories_lobby_sentence" data="{game_id:{game_id}}">{sentence}</div></td>
 
433
                    </tr>
 
434
                  </tbody>
 
435
                </table>
 
436
                <table class="cardstories_games tablesorter {sortlist: []}" cellspacing="1">
 
437
                  <thead><tr><th class="role"><div><div>Role</div><div class="tablesorter_arrow"></div></div></th><th><div><div>Status</div><div class="tablesorter_arrow"></div><div></th><th><div><div>Story</div><div class="tablesorter_arrow"></div></div></th></tr></thead>
 
438
                  <tbody></tbody>
 
439
                </table>
 
440
                <div class="cardstories_pager pager"> 
 
441
                  <div class="first"></div>  
 
442
                  <div class="prev"></div>  
 
443
                  <div class="next"></div>  
 
444
                  <div class="last"></div>  
 
445
                  <select class="pagesize">  
 
446
                    <option selected="selected" value="4">4</option>  
 
447
                    <option value="20">20</option>  
 
448
                    <option value="100">100</option>  
 
449
                  </select>  
 
450
                </div> 
 
451
              </div>
 
452
            </div>
 
453
          </div>
 
454
          <div class="cardstories_finished">
 
455
            <div class="cardstories_tab">
 
456
              <div class="cardstories_tab_in_progress"></div>
 
457
              <div class="cardstories_tab_finished"></div>
 
458
            </div>
 
459
            <div class="cardstories_start_story"></div>
 
460
            <div class="cardstories_solo"></div>
 
461
            <div class="cardstories_games_display_background">
 
462
              <div class="cardstories_games_display">
 
463
                <table class="cardstories_template">
 
464
                  <tbody>
 
465
                    <tr>
 
466
                      <td><div class="cardstories_lobby_role {role}"></div></td>
 
467
                      <td><div class="cardstories_lobby_sentence" data="{game_id:{game_id}}">{sentence}</div></td>
 
468
                    </tr>
 
469
                  </tbody>
 
470
                </table>
 
471
                <table class="cardstories_games tablesorter {widthFixed: true, sortlist: []}" cellspacing="1">
 
472
                  <thead><tr><th class="role"><div><div>Role</div><div class="tablesorter_arrow"></div></div></th><th><div><div>Story</div><div class="tablesorter_arrow"></div></div></th></tr></thead>
 
473
                  <tbody></tbody>
 
474
                </table>
 
475
                <div class="cardstories_pager pager"> 
 
476
                  <div class="first"></div>  
 
477
                  <div class="prev"></div>  
 
478
                  <div class="next"></div>  
 
479
                  <div class="last"></div>  
 
480
                  <select class="pagesize">  
 
481
                    <option selected="selected" value="4">4</option>  
 
482
                    <option value="20">20</option>  
 
483
                    <option value="100">100</option>  
 
484
                  </select>  
 
485
                </div>
 
486
              </div>
 
487
            </div>
 
488
          </div>
 
489
        </div>
 
490
 
 
491
        <div class="cardstories_extras">
 
492
          <div class="cardstories_subscribe">
 
493
            <div class="cardstories_logo_welcome"></div>
 
494
            <a href="http://farsides.com/" target="_blank">
 
495
              <div class="cardstories_logo_farsides"></div>
 
496
            </a>
 
497
            <div class="cardstories_bubble"></div>
 
498
            <form class="cardstories_emailform" method="get" action="javascript:">
 
499
              <input class="cardstories_email required email" type="text" name="email" value="" />
 
500
              <input class="cardstories_submit" type="submit" name="submit" value="" />
 
501
            </form>
 
502
            <div class="cardstories_privacy_notice">We promise to never give or sell any emails to anyone. We hate spams just like you.</div>
 
503
          </div>
 
504
        </div>
 
505
        <div class="cardstories_credits">
 
506
          <div class="cardstories_credits_short"><div class="cardstories_credits_short_left"></div><div class="cardstories_credits_short_middle">Powered by <span class="cardstories_credits_link">cardstories 1.0.6</span>. Download the <a href="http://cardstories.org/trac/browser/?rev=1.0.6">original</a> and <a href="../agpl">modified</a> sources.</div><div class="cardstories_credits_short_right"></div></div>
 
507
          <div class="cardstories_credits_long">
 
508
            <div class="cardstories_credits_long_bg_inner">
 
509
              <div class="cardstories_credits_close"></div>
 
510
              <div class="cardstories_credits_container">
 
511
                <div class="cardstories_credits_text">
 
512
                  <pre>
 
513
<a href="http://cardstori.es/">cardstories</a> is free software game published under <a href="http://www.gnu.org/licenses/agpl.txt">GNU AGPLv3+</a>. 
 
514
You are invited to <a href="http://cardstories.org/trac/browser/?rev=1.0.6">get the original sources</a> and the <a href="../agpl">modified server code</a> 
 
515
to build on it. 
 
516
Use the <a href="http://cardstori.es/trac/">development web site</a> to report bugs or request features.
 
517
 
 
518
   Copyright (c) 2011 Loic Dachary &lt;loic@dachary.org&gt;  (software)
 
519
   Copyright (c) 2011 Farsides (software, artwork, gameplay)
 
520
 
 
521
   Authors:
 
522
    Loic Dachary &lt;loic@dachary.org&gt; (software)
 
523
    Tartaruga Feliz (artwork)
 
524
    Xavier Antoviaque (gameplay, software)
 
525
    David Blanchard (gameplay)
 
526
 
 
527
cardstories server license:
 
528
 
 
529
  This software's license gives you freedom; you can copy, convey,
 
530
  propagate, redistribute and/or modify this program under the terms of
 
531
  the GNU Affero General Public License (AGPL) as published by the Free
 
532
  Software Foundation (FSF), either version 3 of the License, or (at your
 
533
  option) any later version of the AGPL published by the FSF.
 
534
 
 
535
  This program is distributed in the hope that it will be useful, but
 
536
  WITHOUT ANY WARRANTY; without even the implied warranty of
 
537
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU Affero
 
538
  General Public License for more details.
 
539
 
 
540
  You should have received a copy of the GNU Affero General Public License
 
541
  along with this program in a file in the toplevel directory called
 
542
  "AGPLv3".  If not, see &lt;http://www.gnu.org/licenses/&gt;.
 
543
 
 
544
cardstories javascript client license:
 
545
 
 
546
    This program is free software: you can redistribute it and/or modify
 
547
    it under the terms of the GNU General Public License as published by
 
548
    the Free Software Foundation, either version 3 of the License, or
 
549
    (at your option) any later version.
 
550
 
 
551
    This program is distributed in the hope that it will be useful,
 
552
    but WITHOUT ANY WARRANTY; without even the implied warranty of
 
553
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 
554
    GNU General Public License for more details.
 
555
 
 
556
    You should have received a copy of the GNU General Public License
 
557
    along with this program.  If not, see &lt;http://www.gnu.org/licenses/&gt;.
 
558
                  </pre>
 
559
                </div>
 
560
              </div>
 
561
            </div>
 
562
          </div>
 
563
        </div>
 
564
      </div>
 
565
    </div>
 
566
  </div>
 
567
  <script>
 
568
    $(document).ready(function() {
 
569
      var skin = $.query.get('skin');
 
570
      if(skin !== '') {
 
571
        $('.cardstories_skin').show();
 
572
        $.cardstories.skin(skin, $('.cardstories'));
 
573
      } else {
 
574
        $('.cardstories').cardstories($.query.get('player_id'), $.query.get('game_id'));
 
575
      }
 
576
    });
 
577
  </script>
 
578
</body>
 
579
</html>