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">
15
<script type="text/javascript" src="jscrollpane/jquery.jscrollpane.js"></script>
16
<link rel="stylesheet" href="css/credits.css" type="text/css" media="screen">
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>
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>
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>
62
<div class="cardstories_cards_hand">
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>
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>
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>
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="" />
91
<div class="cardstories_write_bottom_box"></div>
93
<div class="cardstories_write_hint"></div>
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>
112
<div class="cardstories_text_borderbottom"></div>
114
<div class="cardstories_frame_borderbottom"></div>
115
<div class="cardstories_submit"></div>
116
<div class="cardstories_back"></div>
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" />
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>
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>
139
<div class="cardstories_cards_hand">
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>
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>
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>
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">
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>
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>
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>
191
<div class="cardstories_self_card">
192
<div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
194
<div class="cardstories_cards_hand">
196
<div class="cardstories_card_bg"><div class="cardstories_card"></div></div>
197
<div class="cardstories_card_bg"><div class="cardstories_card"></div></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>
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>
216
<div class="cardstories_vote_anonymous">
217
<div class="cardstories_bubble_player_vote_wait"></div>
218
<div class="cardstories_sentence"></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>
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>
237
<div class="cardstories_column">
238
<div class="cardstories_card_bg">
239
<div class="cardstories_card"></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>
248
<div class="cardstories_column">
249
<div class="cardstories_card_bg">
250
<div class="cardstories_card"></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>
259
<div class="cardstories_column">
260
<div class="cardstories_card_bg">
261
<div class="cardstories_card"></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>
270
<div class="cardstories_column">
271
<div class="cardstories_card_bg">
272
<div class="cardstories_card"></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>
281
<div class="cardstories_column">
282
<div class="cardstories_card_bg">
283
<div class="cardstories_card"></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>
292
<div class="cardstories_column">
293
<div class="cardstories_card_bg">
294
<div class="cardstories_card"></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>
304
<div class="cardstories_finish"></div>
308
<div class="cardstories_confirm_results_publication">
309
<div class="cardstories_owner">
310
<div class="cardstories_progress_owner"></div>
312
<div class="cardstories_announce_confirm"></div>
313
<div class="cardstories_notyet_announce_results">
315
<div class="cardstories_announce_results">
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>
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>
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>
342
<div class="cardstories_column">
343
<div class="cardstories_card_bg">
344
<div class="cardstories_card"></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>
353
<div class="cardstories_column">
354
<div class="cardstories_card_bg">
355
<div class="cardstories_card"></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>
364
<div class="cardstories_column">
365
<div class="cardstories_card_bg">
366
<div class="cardstories_card"></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>
375
<div class="cardstories_column">
376
<div class="cardstories_card_bg">
377
<div class="cardstories_card"></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>
386
<div class="cardstories_column">
387
<div class="cardstories_card_bg">
388
<div class="cardstories_card"></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>
397
<div class="cardstories_column">
398
<div class="cardstories_card_bg">
399
<div class="cardstories_card"></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>
408
<div class="play_again">
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>
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">
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>
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>
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>
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>
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">
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>
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>
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>
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>
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="" />
502
<div class="cardstories_privacy_notice">We promise to never give or sell any emails to anyone. We hate spams just like you.</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">
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>
516
Use the <a href="http://cardstori.es/trac/">development web site</a> to report bugs or request features.
518
Copyright (c) 2011 Loic Dachary <loic@dachary.org> (software)
519
Copyright (c) 2011 Farsides (software, artwork, gameplay)
522
Loic Dachary <loic@dachary.org> (software)
523
Tartaruga Feliz (artwork)
524
Xavier Antoviaque (gameplay, software)
525
David Blanchard (gameplay)
527
cardstories server license:
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.
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.
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 <http://www.gnu.org/licenses/>.
544
cardstories javascript client license:
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.
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.
556
You should have received a copy of the GNU General Public License
557
along with this program. If not, see <http://www.gnu.org/licenses/>.
568
$(document).ready(function() {
569
var skin = $.query.get('skin');
571
$('.cardstories_skin').show();
572
$.cardstories.skin(skin, $('.cardstories'));
574
$('.cardstories').cardstories($.query.get('player_id'), $.query.get('game_id'));