Newer
Older
</div> <!-- End of Player Tags Modal -->
<!-- Import/Export Modal -->
<div id="io-modal" class="modal table-modal fade" role="dialog">
<div class="modal-table-container">
<div class="modal-cell-container">
<div class="bordered modal-dialog wide-modal-dialog">
<div class="bordered modal-dialog-surface">
<!-- Start of Modal Content -->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-center">Save or Restore Your Progress</h4>
<h5 class='text-center'>When playing in Incognito Mode, your progress will not be preserved upon closing the browser.<br/>Copy the code below to store off your progress for a later session.<br/>Paste a code into the box and click Import to restore your progress.</h5>
</div>
<div class="modal-body">
<form id='load'>
<textarea class="form-control" id='export-code' rows="15"></textarea>
</form>
<div class="modal-body-container" style="padding-top:4%;">
<div class="import-restriction-warning">
Please play through at least one full game before loading a save code.
</div>
<button class="bordered smooth-button modal-button" data-dismiss="modal">Close</button>
<button id="import-progress" class="bordered smooth-button modal-button" data-dismiss="modal">Import</button>
</div>
</div>
</div>
<!-- End of Modal Content -->
</div>
</div>
</div>
</div>
</div>
<!-- shhhh -->
<script>document.addEventListener('keyup',function(){var i=0;var c=[2,2,0,0,3,1,3,1,5,4].map(function(j){return ['ArrowDown','ArrowRight','ArrowUp','ArrowLeft',String.fromCharCode(97),String.fromCharCode(98)][j]});return function(e){if(inGame) return;if(e.key === c[i]){i++;if(i>=c.length){codeImportEnabled=true;i=0;showImportModal()}} else i=0}}(),false);</script>
<!-- End of Import/Export Modal -->
2038
2039
2040
2041
2042
2043
2044
2045
2046
2047
2048
2049
2050
2051
2052
2053
2054
2055
2056
2057
2058
2059
2060
2061
2062
2063
2064
2065
2066
<!-- DevMode Export Modal -->
<div id="dev-export-modal" class="modal table-modal fade" role="dialog">
<div class="modal-table-container">
<div class="modal-cell-container">
<div class="bordered modal-dialog wide-modal-dialog">
<div class="bordered modal-dialog-surface">
<!-- Start of Modal Content -->
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title text-center">Export Dev Mode Edits</h4>
<h5 class='text-center'>This code will allow you to import any edits you've made to your character's dialogue into the Character Editor.</h5>
</div>
<div class="modal-body">
<form>
<textarea class="form-control" id='export-edit-log' rows="15" readonly></textarea>
</form>
<div class="modal-body-container" style="padding-top:4%;">
<button class="bordered smooth-button modal-button" data-dismiss="modal">Close</button>
</div>
</div>
</div>
<!-- End of Modal Content -->
</div>
</div>
</div>
</div>
</div>
<!-- End of DevMode Export Modal -->
<div id="game-screen" class="screen-container ui-minimal" hidden>
<div class="screen">
<!-- Dialogue Bubbles -->
<div class="dialogue-bubble-row">
<div id="game-bubble-1" class="bordered left dialogue-bubble-area" data-slot="1">
<div class="dialogue-bubble arrow-down">
<span id="game-dialogue-1" class="dialogue"></span>
<textarea class="dialogue-edit dialogue-edit-entry"></textarea>
<div class="dialogue-edit dialogue-edit-status"></div>
<div class="edit-options-row">
<button type="button" class="bordered smooth-button dialogue-entry-button edit-confirm"><span class="glyphicon glyphicon-ok"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-cancel"><span class="glyphicon glyphicon-remove"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-preview"><span class="glyphicon glyphicon-eye-open"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-respond-button"><span class="glyphicon glyphicon-comment"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-edit-button"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-pose">Pose...</button>
</div>
<div class="bordered edit-pose-row">
<input type="text" class="dialogue-pose-entry" list="edit-pose-list-1">
<datalist id="edit-pose-list-1" class="edit-pose-list"></datalist>
<div id="game-bubble-2" class="bordered halfLeft dialogue-bubble-area" data-slot="2">
<div class="dialogue-bubble arrow-down">
<span id="game-dialogue-2" class="dialogue"></span>
<textarea class="dialogue-edit dialogue-edit-entry"></textarea>
<div class="dialogue-edit dialogue-edit-status"></div>
<div class="edit-options-row">
<button type="button" class="bordered smooth-button dialogue-entry-button edit-confirm"><span class="glyphicon glyphicon-ok"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-cancel"><span class="glyphicon glyphicon-remove"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-preview"><span class="glyphicon glyphicon-eye-open"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-respond-button"><span class="glyphicon glyphicon-comment"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-edit-button"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-pose">Pose...</button>
</div>
<div class="bordered edit-pose-row">
<input type="text" class="dialogue-pose-entry" list="edit-pose-list-2">
<datalist id="edit-pose-list-2" class="edit-pose-list"></datalist>
<div id="game-bubble-3" class="bordered center dialogue-bubble-area" data-slot="3">
<div class="dialogue-bubble arrow-down">
<span id="game-dialogue-3" class="dialogue"></span>
<textarea class="dialogue-edit dialogue-edit-entry"></textarea>
<div class="dialogue-edit dialogue-edit-status"></div>
<div class="edit-options-row">
<button type="button" class="bordered smooth-button dialogue-entry-button edit-confirm"><span class="glyphicon glyphicon-ok"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-cancel"><span class="glyphicon glyphicon-remove"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-preview"><span class="glyphicon glyphicon-eye-open"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-respond-button"><span class="glyphicon glyphicon-comment"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-edit-button"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-pose">Pose...</button>
</div>
<div class="bordered edit-pose-row">
<input type="text" class="dialogue-pose-entry" list="edit-pose-list-3">
<datalist id="edit-pose-list-3" class="edit-pose-list"></datalist>
<div id="game-bubble-4" class="bordered farHalfLeft dialogue-bubble-area" data-slot="4">
<div class="dialogue-bubble arrow-down">
<span id="game-dialogue-4" class="dialogue"></span>
<textarea class="dialogue-edit dialogue-edit-entry"></textarea>
<div class="dialogue-edit dialogue-edit-status"></div>
<div class="edit-options-row">
<button type="button" class="bordered smooth-button dialogue-entry-button edit-confirm"><span class="glyphicon glyphicon-ok"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-cancel"><span class="glyphicon glyphicon-remove"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-preview"><span class="glyphicon glyphicon-eye-open"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-respond-button"><span class="glyphicon glyphicon-comment"></span></button>
<button type="button" class="bordered smooth-button dialogue-init-button dialogue-edit-button"><span class="glyphicon glyphicon-pencil"></span></button>
<button type="button" class="bordered smooth-button dialogue-entry-button edit-pose">Pose...</button>
</div>
<div class="bordered edit-pose-row">
<input type="text" class="dialogue-pose-entry" list="edit-pose-list-4">
<datalist id="edit-pose-list-4" class="edit-pose-list"></datalist>
<!-- Opponent Images -->
<div class="image-row">
<div id="game-image-area-1" class="farLeft opponent-image-area">
ReformCopyright
committed
<img id="game-image-1" class="opponent-image" hidden>
<div id="game-image-area-2" class="almostLeft opponent-image-area">
ReformCopyright
committed
<img id="game-image-2" class="opponent-image" hidden>
<div id="game-image-area-3" class="almostRight opponent-image-area">
ReformCopyright
committed
<img id="game-image-3" class="opponent-image" hidden>
<div id="game-image-area-4" class="farRight opponent-image-area">
ReformCopyright
committed
<img id="game-image-4" class="opponent-image" hidden>
<!-- Option Buttons -->
<button class='bordered hide-table-button' onclick="toggleTableVisibility()">
<span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
</button>
<button class='bordered table-bug-report-button' onclick="showBugReportModal()">
<span class="glyphicon glyphicon-warning-sign" aria-hidden="true"></span>
</button>
<button id="debug-button-0" class="bordered player-debug-button" onclick="selectDebug(0)" hidden>
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
<div class="btn-group dropup game-menu-dropup" data-toggle="tooltip" data-placement="right" title="Game Menu">
<button type="button" class="bordered smooth-button smooth-button-red dropdown-toggle menu-dropdown-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-th-list" aria-hidden="true"></span></button>
<ul class="dropdown-menu">
<button id="game-dev-export-button" class="dropdown-button-item bordered smooth-button smooth-button-red" onclick="showDevExportModal()">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
<span class="game-menu-label">Export Dialogue Edits</span>
</button>
<button id="game-log-button" class="dropdown-button-item bordered smooth-button smooth-button-red" onclick="showHelpModal()">
<span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
<span class="game-menu-label">Help and FAQ</span>
</button>
<button id="game-log-button" class="dropdown-button-item bordered smooth-button smooth-button-red" onclick="showLogModal()">
<span class="glyphicon glyphicon-comment" aria-hidden="true"></span>
<span class="game-menu-label">Dialogue Log</span>
</button>
<button id="game-home-button" class="dropdown-button-item bordered smooth-button smooth-button-red" onclick="showRestartModal()"><!-- doEpilogueModal -->
<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
<span class="game-menu-label">Return to Title</span>
</button>
<button id="game-settings-button" class="dropdown-button-item bordered smooth-button smooth-button-red" onclick="showOptionsModal()">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
<span class="game-menu-label">Options</span>
</button>
</ul>
</div>
<!-- Game Table -->
<div id="game-table">
<div id="game-opponent-area-1" class="optional-bordered left opponent-area">
<div id="game-name-label-1" class="bordered opponent-name-label">Opponent 1</div>
<div class="opponent-card-area">
<img id="player-1-card-1" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-1-card-2" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-1-card-3" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-1-card-4" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-1-card-5" class="bordered small-card-image" src="img/blankcard.jpg">
</div>
<button id="dev-select-button-1" class="bordered dev-select-button" onclick="setDevModeTarget(1)" hidden>
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</button>
<button id="debug-button-1" class="bordered debug-button" onclick="selectDebug(1)" hidden>
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
FarawayVision
committed
<button id="collectible-button-1" class="bordered collectible-button">
<img src="img/gallery.svg" alt="Collectible unlocked! Click to view.">
</button>
<div id="game-opponent-area-2" class="optional-bordered halfLeft opponent-area">
<div id="game-name-label-2" class="bordered opponent-name-label">Opponent 2</div>
<div class="opponent-card-area">
<img id="player-2-card-1" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-2-card-2" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-2-card-3" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-2-card-4" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-2-card-5" class="bordered small-card-image" src="img/blankcard.jpg">
</div>
<button id="dev-select-button-2" class="bordered dev-select-button" onclick="setDevModeTarget(2)" hidden>
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</button>
<button id="debug-button-2" class="bordered debug-button" onclick="selectDebug(2)" hidden>
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
FarawayVision
committed
<button id="collectible-button-2" class="bordered collectible-button" >
<img src="img/gallery.svg" alt="Collectible unlocked! Click to view.">
</button>
<div id="game-opponent-area-3" class="optional-bordered halfRight opponent-area">
<div id="game-name-label-3" class="bordered opponent-name-label">Opponent 3</div>
<div class="opponent-card-area">
<img id="player-3-card-1" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-3-card-2" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-3-card-3" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-3-card-4" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-3-card-5" class="bordered small-card-image" src="img/blankcard.jpg">
</div>
<button id="dev-select-button-3" class="bordered dev-select-button" onclick="setDevModeTarget(3)" hidden>
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</button>
<button id="debug-button-3" class="bordered debug-button" onclick="selectDebug(3)" hidden>
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
FarawayVision
committed
<button id="collectible-button-3" class="bordered collectible-button">
<img src="img/gallery.svg" alt="Collectible unlocked! Click to view.">
</button>
<div id="game-opponent-area-4" class="optional-bordered right opponent-area">
<div id="game-name-label-4" class="bordered opponent-name-label">Opponent 4</div>
<div class="opponent-card-area">
<img id="player-4-card-1" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-4-card-2" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-4-card-3" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-4-card-4" class="bordered small-card-image" src="img/blankcard.jpg">
<img id="player-4-card-5" class="bordered small-card-image" src="img/blankcard.jpg">
</div>
<button id="dev-select-button-4" class="bordered dev-select-button" onclick="setDevModeTarget(4)" hidden>
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
</button>
<button id="debug-button-4" class="bordered debug-button" onclick="selectDebug(4)" hidden>
<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
</button>
FarawayVision
committed
<button id="collectible-button-4" class="bordered collectible-button">
<img src="img/gallery.svg" alt="Collectible unlocked! Click to view.">
</button>
<!-- Player Clothing and Label -->
<div id="player-game-clothing-area" class="bordered">
<div class="left player-clothing-container">
<img class="bordered clothing-float-left small-clothing-image player-0-clothing-7" src="img/blankcard.jpg">
<img class="bordered clothing-float-left small-clothing-image player-0-clothing-6" src="img/blankcard.jpg">
<img class="bordered clothing-float-left small-clothing-image player-0-clothing-5" src="img/blankcard.jpg">
<img class="bordered clothing-float-left small-clothing-image player-0-clothing-8" src="img/blankcard.jpg">
</div>
<div class="right player-clothing-container">
<img class="bordered clothing-float-right small-clothing-image player-0-clothing-2" src="img/blankcard.jpg">
<img class="bordered clothing-float-right small-clothing-image player-0-clothing-3" src="img/blankcard.jpg">
<img class="bordered clothing-float-right small-clothing-image player-0-clothing-4" src="img/blankcard.jpg">
<img class="bordered clothing-float-right small-clothing-image player-0-clothing-1" src="img/blankcard.jpg">
<div class="game-name-label-0 bordered player-name-label">Player</div>
<div id="game-clothing-label" class="bordered">Your Clothing</div>
</div>
<div id="player-game-clothing-area-minimal" class="">
<div class="minimal-clothing-area-row">
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-8" src="img/blankcard.jpg" data-slot="8"></div>
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-7" src="img/blankcard.jpg" data-slot="7"></div>
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-6" src="img/blankcard.jpg" data-slot="6"></div>
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-5" src="img/blankcard.jpg" data-slot="5"></div>
</div>
<div class="minimal-clothing-area-row">
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-4" src="img/blankcard.jpg" data-slot="4"></div>
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-3" src="img/blankcard.jpg" data-slot="3"></div>
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-2" src="img/blankcard.jpg" data-slot="2"></div>
<div class="small-clothing-image-container"><img class="bordered small-clothing-image player-0-clothing-1" src="img/blankcard.jpg" data-slot="1"></div>
<div id="player-game-card-area" class="optional-bordered player-card-area">
<input type="image" id="player-0-card-1" class="bordered large-card-image" src="img/blankcard.jpg" onclick="selectCard(0)"/>
<input type="image" id="player-0-card-2" class="bordered large-card-image" src="img/blankcard.jpg" onclick="selectCard(1)"/>
<input type="image" id="player-0-card-3" class="bordered large-card-image" src="img/blankcard.jpg" onclick="selectCard(2)"/>
<input type="image" id="player-0-card-4" class="bordered large-card-image" src="img/blankcard.jpg" onclick="selectCard(3)"/>
<input type="image" id="player-0-card-5" class="bordered large-card-image" src="img/blankcard.jpg" onclick="selectCard(4)"/>
</div>
<!-- Main Game Button -->
<div id="game-hidden-area" class="centred-deck-area">
<img class="bordered dock-card large-card-image" src="img/unknown.jpg">
<img id="hidden-large-card" class="bordered large-card-image dock-card hidden-large-card" src="img/unknown.jpg">
</div>
<div id="player-countdown" class="bordered" hidden>1</div>
<button id="main-game-button" class="bordered smooth-button smooth-button-red" onclick="advanceGame()">Deal</button>
<div class="player-name-label-container">
<div class="game-name-label-0 bordered player-name-label-minimal">Player</div>
</div>
</div>
</div>
<!-- Start of Epilogue Screen -->
<div id="epilogue-screen" role="dialog" hidden>
<div id='epilogue-container' data-background='-1' data-scene='-1'>
<div id="epilogue-spinner" class="spinner" style="display: none">
<div class="spinner-pip"></div>
<div class="spinner-pip"></div>
<div class="spinner-pip"></div>
<div id="epilogue-progress">0%</div>
</div>
<div id='epilogue-buttons'>
<button type="button" id='epilogue-next' class="bordered smooth-button">
Next
</button>
<button type="button" id='epilogue-previous' class="bordered smooth-button">
Previous
</button>
<button type="button" id='epilogue-restart' class="bordered smooth-button">
Restart?
</button>
</div>
</div>
<!-- End of Epilogue Screen -->
<!-- Start of Epilogue Choice Modal -->
<div id="epilogue-modal" class="modal table-modal fade" role="dialog">
<div class="modal-table-container">
<div class="modal-cell-container">
<div class="bordered modal-dialog">
<div class="bordered modal-dialog-surface">
<!-- Start of Modal Content -->
<div class="modal-content">
<div class="modal-header">
<h3 class="modal-title text-center">The game is now over...</h3>
<h5 id="epilogue-header-text" class="modal-title text-center"></h5>
</div>
<div class="modal-body">
<div class="modal-body-container" style="width:100%">
</div>
</div>
<div class="modal-footer">
<button id="epilogue-modal-accept-button" class="bordered smooth-button modal-button epilogue-modal-button" onclick="doEpilogue()">Choose</button>
</div>
<div class="modal-footer">
<button id="epilogue-modal-restart-button" class="bordered smooth-button modal-button epilogue-modal-button" onclick="showRestartModal()" data-dismiss="modal">Restart?</button>
</div>
</div>
<!-- End of Modal Content -->
</div>
</div>
</div>
</div>
</div>
<!-- End of Options Modal -->
<!-- Third Party JavaScript -->
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
metodLD
committed
<script src="js/js.cookie.js"></script>
<script src="js/pako.min.js"></script>
<!-- JavaScript Definitions -->
<script src="js/player.js"></script>
<script src="js/table.js"></script>
metodLD
committed
<script src="js/save.js"></script>
<!-- My JavaScript -->
<script src="js/spniCore.js"></script>
<script src="js/spniDevMode.js"></script>
<script src="js/spniTitle.js"></script>
<script src="js/spniSelect.js"></script>
<script src="js/spniGame.js"></script>
<script src="js/spniPoker.js"></script>
<script src="js/spniClothing.js"></script>
<script src="js/spniForfeit.js"></script>
<script src="js/spniBehaviour.js"></script>
<script src="js/spniAI.js"></script>
<script src="js/spniOption.js"></script>
<script src="js/spniEpilogue.js"></script>
metodLD
committed
<script src="js/spniGallery.js"></script>
<!-- shhhh -->
<script>document.addEventListener('keyup',function(){var i=0;var c=[2,2,0,0,3,1,3,1,5,4].map(function(j){return ['ArrowDown','ArrowRight','ArrowUp','ArrowLeft',String.fromCharCode(97),String.fromCharCode(98)][j]});return function(e){if(inGame) return;if(e.key === c[i]){i++;if(i>=c.length){codeImportEnabled=true;i=0;showImportModal()}} else i=0}}(),false);</script>