From 4da880540b64a23899d76f5108991c4448ba9564 Mon Sep 17 00:00:00 2001
From: Joseph Kantel <josephkanel@gmail.com>
Date: Tue, 10 Oct 2017 21:31:40 -0400
Subject: [PATCH] Adding a link to spnati.net on the warning screen

---
 index.html | 227 +++++++++++++++++++++++++++--------------------------
 1 file changed, 115 insertions(+), 112 deletions(-)

diff --git a/index.html b/index.html
index 72ab24cabe7..5cbe1ad5537 100644
--- a/index.html
+++ b/index.html
@@ -12,11 +12,11 @@
 </head>
 <body onload="initialSetup()">
 
-    
+
 <!-- Warning Screen -->
 <div id="warning-screen" class="screen-container" hidden>
   <div class="screen">
-		
+
     <!-- Banner Flair -->
     <button id="title-settings-button" class="bordered smooth-button smooth-button-red" onclick="showGameSettingsModal()">
       <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
@@ -24,56 +24,59 @@
     <button id="title-version-button" class="bordered smooth-button smooth-button-red banner-flair" onclick="showVersionModal()">
       v11.43.0
     </button>
-      
+
     <button id="title-credits-button" class="bordered smooth-button smooth-button-red banner-flair" onclick="showCreditModal()">
       Credits
     </button>
     <a class="bordered reddit-button smooth-button smooth-button-red" href="https://www.reddit.com/r/spnati/">
       <img class="reddit-logo" src="img/reddit.png"/>
     </a>
-    
+
     <!-- Banner -->
     <div class="title-banner-container">
       <div class="bordered title-banner-area">
         <img class="bordered title-banner" src="img/title.png">
       </div>
     </div>
-    
+
     <!-- Content -->
     <div class="main-title-container">
-      
+
         <div class="warning-text">
             <p>This game contains material that is only suitable for adults. <b style="color:#DD3333">If you are under the age of 18, please leave now.</b></p>
 
             <br>
-            
+
             <p><b style="color:#DD3333">Strip Poker Night at the Inventory</b> is a free, open source, and community run project. All characters represented within are 18+ and the property of their original owners.</p>
-            
-            <br><br><br><br><br><br><br>
-            
+
+            <p>The lastest version of the game can be played at
+            <br><a href="https://spnati.net"><b>spnati.net</b></a></p>
+
+            <br><br><br><br><br><br>
+
             <p>By clicking the button below, you are confirming that you are an adult and such material is legal in your region.</p>
-            
+
         </div>
-        
-        
+
+
       <!-- Start Button -->
       <div id='title-start-edge' class='bordered'>
         <button id='title-start-button' class='bordered smooth-button smooth-button-red' onclick="enterTitleScreen()">
           <img class='title-entrance-image' src='img/enter.png'/>
         </button>
       </div>
-      
+
     </div>
-    
-    
+
+
   </div>
 </div>
-    
+
 
 <!-- Title Screen -->
 <div id="title-screen" class="screen-container" hidden>
   <div class="screen">
-		
+
     <!-- Banner Flair -->
     <button id="title-settings-button" class="bordered smooth-button smooth-button-red" onclick="showGameSettingsModal()">
       <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
@@ -81,28 +84,28 @@
     <button id="title-version-button" class="bordered smooth-button smooth-button-red banner-flair" onclick="showVersionModal()">
       v11.43.0
     </button>
-      
+
     <button id="title-credits-button" class="bordered smooth-button smooth-button-red banner-flair" onclick="showCreditModal()">
       Credits
     </button>
     <a class="bordered reddit-button smooth-button smooth-button-red" href="https://www.reddit.com/r/spnati/">
       <img class="reddit-logo" src="img/reddit.png"/>
     </a>
-    
+
     <!-- Banner -->
     <div class="title-banner-container">
       <div class="bordered title-banner-area">
         <img class="bordered title-banner" src="img/title.png">
       </div>
     </div>
-    
+
     <!-- Title Candy -->
     <img id="left-title-candy" class="title-candy" src=""/>
     <img id="right-title-candy" class="title-candy" src=""/>
-    
+
     <!-- Content -->
     <div class="main-title-container">
-      
+
       <!-- Player Name -->
       <div id="title-name-block">
         <div class="title-label">Who are you?</div>
@@ -141,13 +144,13 @@
           <input type='image' value='' id="male-clothing-option-2" class='bordered title-clothing-button title-content-button titleClothing2' src='player/male/shirt.png' onclick='selectClothing(2)'>
           <input type='image' value='' id="male-clothing-option-3" class='bordered title-clothing-button title-content-button titleClothing3' src='player/male/tshirt.png' onclick='selectClothing(3)'>
           <input type='image' value='' id="male-clothing-option-4" class='bordered title-clothing-button title-content-button titleClothing4' src='player/male/undershirt.png' onclick='selectClothing(4)'>
-          
+
           <input type='image' value='' id="male-clothing-option-5" class='bordered title-clothing-button title-content-button titleClothing5' src='player/male/headphones.png' onclick='selectClothing(5)'>
           <input type='image' value='' id="male-clothing-option-6" class='bordered title-clothing-button title-content-button titleClothing6' src='player/male/belt.png' onclick='selectClothing(6)'>
           <input type='image' value='' id="male-clothing-option-7" class='bordered title-clothing-button title-content-button titleClothing7' src='player/male/pants.png' onclick='selectClothing(7)'>
           <input type='image' value='' id="male-clothing-option-8" class='bordered title-clothing-button title-content-button titleClothing8' src='player/male/shorts.png' onclick='selectClothing(8)'>
           <input type='image' value='' id="male-clothing-option-9" class='bordered title-clothing-button title-content-button titleClothing9' src='player/male/boxers.png' onclick='selectClothing(9)'>
-          
+
           <input type='image' value='' id="male-clothing-option-10" class='bordered title-clothing-button title-content-button titleClothing10' src='player/male/tie.png' onclick='selectClothing(10)'>
           <input type='image' value='' id="male-clothing-option-11" class='bordered title-clothing-button title-content-button titleClothing11' src='player/male/gloves.png' onclick='selectClothing(11)'>
           <input type='image' value='' id="male-clothing-option-12" class='bordered title-clothing-button title-content-button titleClothing12' src='player/male/shoes.png' onclick='selectClothing(12)'>
@@ -162,13 +165,13 @@
           <input type='image' value='' id="female-clothing-option-2" class='bordered title-clothing-button title-content-button titleClothing2' src='player/female/shirt.png' onclick='selectClothing(2)'>
           <input type='image' value='' id="female-clothing-option-3" class='bordered title-clothing-button title-content-button titleClothing3' src='player/female/tanktop.png' onclick='selectClothing(3)'>
           <input type='image' value='' id="female-clothing-option-4" class='bordered title-clothing-button title-content-button titleClothing4' src='player/female/bra.png' onclick='selectClothing(4)'>
-          
+
           <input type='image' value='' id="female-clothing-option-5" class='bordered title-clothing-button title-content-button titleClothing5' src='player/female/headphones.png' onclick='selectClothing(5)'>
           <input type='image' value='' id="female-clothing-option-6" class='bordered title-clothing-button title-content-button titleClothing6' src='player/female/belt.png' onclick='selectClothing(6)'>
           <input type='image' value='' id="female-clothing-option-7" class='bordered title-clothing-button title-content-button titleClothing7' src='player/female/pants.png' onclick='selectClothing(7)'>
           <input type='image' value='' id="female-clothing-option-8" class='bordered title-clothing-button title-content-button titleClothing8' src='player/female/skirt.png' onclick='selectClothing(8)'>
           <input type='image' value='' id="female-clothing-option-9" class='bordered title-clothing-button title-content-button titleClothing9' src='player/female/panties.png' onclick='selectClothing(9)'>
-          
+
           <input type='image' value='' id="female-clothing-option-10" class='bordered title-clothing-button title-content-button titleClothing10' src='player/female/necklace.png' onclick='selectClothing(10)'>
           <input type='image' value='' id="female-clothing-option-11" class='bordered title-clothing-button title-content-button titleClothing11' src='player/female/gloves.png' onclick='selectClothing(11)'>
           <input type='image' value='' id="female-clothing-option-12" class='bordered title-clothing-button title-content-button titleClothing12' src='player/female/shoes.png' onclick='selectClothing(12)'>
@@ -190,8 +193,8 @@
     </div>
 
     </div>
-    
-    
+
+
   </div>
 </div>
 
@@ -199,7 +202,7 @@
 <!-- Main Select Screen -->
 <div id="main-select-screen" class="screen-container" hidden>
   <div class="screen">
-		
+
 
     <!-- Opponent Dialogues -->
     <div class="dialogue-bubble-row">
@@ -224,7 +227,7 @@
         </div>
       </div>
     </div>
-    
+
     <!-- Opponent Images -->
     <div class="image-row">
       <div class="farLeft opponent-image-area">
@@ -240,14 +243,14 @@
         <img id="select-image-4" class="opponent-image" src="opponents/lara/start.png">
       </div>
     </div>
-    
+
     <!-- Hide Button -->
     <button class='bordered hide-table-button' onclick="hideSelectionTable()">
       <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
     </button>
-    
+
     <div id="select-table">
-    
+
       <!-- Opponent Selections -->
       <div class="bordered left opponent-area">
         <div id="select-name-label-1" class="bordered opponent-name-label">Opponent 1</div>
@@ -299,7 +302,7 @@
         <button id='select-random-button' class='bordered main-select-button  smooth-button smooth-button-blue' onclick="clickedRandomFillButton()">
           Random Fill
         </button>
-          
+
         <button id='select-remove-all-button' class='bordered main-select-button  smooth-button smooth-button-red' onclick="clickedRemoveAllButton()">
           Remove All
         </button>
@@ -344,7 +347,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="individual-counts-1">
-              <span id="individual-line-count-label-1"></span> unique lines <br />  
+              <span id="individual-line-count-label-1"></span> unique lines <br />
               <span id="individual-pose-count-label-1"></span> poses
             </div>
           </div>
@@ -354,8 +357,8 @@
         <div id="individual-description-label-1">
         </div>
       </div>
-        
-      
+
+
       <div id="individual-stats-page-2-1" class="bordered halfLeft dialogue-bubble-area">
         <div class="stats-section">
           <div class="bordered stats-label">Name</div>
@@ -383,7 +386,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="individual-counts-2">
-              <span id="individual-line-count-label-2"></span> unique lines <br />  
+              <span id="individual-line-count-label-2"></span> unique lines <br />
               <span id="individual-pose-count-label-2"></span> poses
             </div>
           </div>
@@ -393,8 +396,8 @@
         <div id="individual-description-label-2">
         </div>
       </div>
-      
-      
+
+
       <div id="individual-stats-page-3-1" class="bordered center dialogue-bubble-area">
         <div class="stats-section">
           <div class="bordered stats-label">Name</div>
@@ -422,7 +425,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="individual-counts-3">
-              <span id="individual-line-count-label-3"></span> unique lines <br />  
+              <span id="individual-line-count-label-3"></span> unique lines <br />
               <span id="individual-pose-count-label-3"></span> poses
             </div>
           </div>
@@ -432,8 +435,8 @@
         <div id="individual-description-label-3">
         </div>
       </div>
-      
-      
+
+
       <div id="individual-stats-page-4-1" class="bordered farHalfLeft dialogue-bubble-area">
         <div class="stats-section">
           <div class="bordered stats-label">Name</div>
@@ -461,7 +464,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="individual-counts-4">
-              <span id="individual-line-count-label-4"></span> unique lines <br />  
+              <span id="individual-line-count-label-4"></span> unique lines <br />
               <span id="individual-pose-count-label-4"></span> poses
             </div>
           </div>
@@ -472,16 +475,16 @@
         </div>
       </div>
     </div>
-    
+
     <!-- Opponent Images -->
     <div class="image-row">
       <div class="farLeft opponent-image-area">
-        <img id="individual-image-1" class="opponent-image" src="opponents/elizabeth/start.png"> 
+        <img id="individual-image-1" class="opponent-image" src="opponents/elizabeth/start.png">
         <img id="individual-badge-1" class="badge-icon" src="opponents/epilogue_icon.png" hidden/>
         <img id="individual-layer-1" class="layer-icon" src="opponents/layers1.png" hidden/>
       </div>
       <div class="almostLeft opponent-image-area">
-        <img id="individual-image-2" class="opponent-image" src="opponents/lilith/start.png"> 
+        <img id="individual-image-2" class="opponent-image" src="opponents/lilith/start.png">
         <img id="individual-badge-2" class="badge-icon" src="opponents/epilogue_icon.png" hidden/>
         <img id="individual-layer-2" class="layer-icon" src="opponents/layers1.png" hidden/>
       </div>
@@ -496,15 +499,15 @@
         <img id="individual-layer-4" class="layer-icon" src="opponents/layers1.png" hidden/>
       </div>
     </div>
-    
+
     <!-- Hide Button -->
     <button class='bordered hide-table-button' onclick="hideSingleSelectionTable()">
       <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
     </button>
-    
+
     <!-- Dock Area -->
     <div id="individual-select-table">
-      
+
       <!-- Opponent Selections -->
       <div class="bordered left small-opponent-area">
         <button id="select-slot-button-1" class="bordered smooth-button smooth-button-green full-select-slot-button" onclick="selectIndividualOpponent(1)">Select Opponent</button>
@@ -533,14 +536,14 @@
         <!-- Advance Button Casing -->
         <div class='bordered long-select-advance-top'> </div>
         <div class='bordered long-select-advance-bottom'> </div>
-        
+
         <!-- Page Selection -->
         <div class="select-page-display">
           <div class="bordered page-label">Page</div>
           <input id="individual-page-indicator" type="text" class="bordered page-indicator" value="" />
           <div id="individual-max-page-indicator" class="bordered of-label">of 1</div>
         </div>
-        
+
         <div class="select-page-selection">
           <button class="bordered smooth-button first-page-button" onclick="changeIndividualPage(true, -1)">
             <span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
@@ -568,9 +571,9 @@
         </button>
 
       </div>
-      
+
     </div>
-    
+
   </div>
 </div>
 
@@ -608,7 +611,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="group-counts-1">
-              <span id="group-line-count-label-1"></span> unique lines <br />  
+              <span id="group-line-count-label-1"></span> unique lines <br />
               <span id="group-pose-count-label-1"></span> poses
             </div>
           </div>
@@ -618,8 +621,8 @@
         <div id="group-description-label-1">
         </div>
       </div>
-      
-      
+
+
       <div id="group-stats-page-2-1" class="bordered halfLeft dialogue-bubble-area">
         <div class="stats-section">
           <div class="bordered stats-label">Name</div>
@@ -647,7 +650,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="group-counts-2">
-              <span id="group-line-count-label-2"></span> unique lines <br />  
+              <span id="group-line-count-label-2"></span> unique lines <br />
               <span id="group-pose-count-label-2"></span> poses
             </div>
           </div>
@@ -657,8 +660,8 @@
         <div id="group-description-label-2">
         </div>
       </div>
-      
-      
+
+
       <div id="group-stats-page-3-1" class="bordered center dialogue-bubble-area">
         <div class="stats-section">
           <div class="bordered stats-label">Name</div>
@@ -686,7 +689,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="group-counts-3">
-              <span id="group-line-count-label-3"></span> unique lines <br />  
+              <span id="group-line-count-label-3"></span> unique lines <br />
               <span id="group-pose-count-label-3"></span> poses
             </div>
           </div>
@@ -696,8 +699,8 @@
         <div id="group-description-label-3">
         </div>
       </div>
-      
-      
+
+
       <div id="group-stats-page-4-1" class="bordered farHalfLeft dialogue-bubble-area">
         <div class="stats-section">
           <div class="bordered stats-label">Name</div>
@@ -725,7 +728,7 @@
           <div class="bordered stats-label">Stats</div>
           <div class="bordered stats-content">
             <div id="group-counts-4">
-              <span id="group-line-count-label-4"></span> unique lines <br />  
+              <span id="group-line-count-label-4"></span> unique lines <br />
               <span id="group-pose-count-label-4"></span> poses
             </div>
           </div>
@@ -736,7 +739,7 @@
         </div>
       </div>
     </div>
-    
+
     <!-- Opponent Images -->
     <div class="image-row">
       <div class="farLeft opponent-image-area">
@@ -760,15 +763,15 @@
         <img id="group-layer-4" class="layer-icon" src="opponents/layers1.png" hidden/>
       </div>
     </div>
-    
+
     <!-- Hide Button -->
     <button id="group-hide-button" class='bordered' onclick="hideGroupSelectionTable()">
       <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
     </button>
-    
+
     <!-- Dock Area -->
     <div id="group-select-table">
-      
+
       <!-- Opponent Selections -->
       <div id="group-select-area" class="bordered opponent-area">
         <div id="group-name-label" class="bordered opponent-name-label">Opponent 1</div>
@@ -789,14 +792,14 @@
         <!-- Advance Button Casing -->
         <div class='bordered long-select-advance-top'> </div>
         <div class='bordered long-select-advance-bottom'> </div>
-        
+
         <!-- Page Selection -->
         <div class="select-page-display">
           <div class="bordered page-label">Page</div>
           <input id="group-page-indicator" type="text" class="bordered page-indicator" value="" />
           <div id="group-max-page-indicator" class="bordered of-label">of 1</div>
         </div>
-        
+
         <div class="select-page-selection">
           <button class="bordered smooth-button first-page-button" onclick="changeGroupPage(true, -1)">
             <span class="glyphicon glyphicon-fast-backward" aria-hidden="true"></span>
@@ -824,9 +827,9 @@
         </button>
 
       </div>
-      
+
     </div>
-    
+
   </div>
 </div>
 
@@ -879,8 +882,8 @@
 <!-- Start of Search Modal -->
 <div id="search-modal" class="modal table-modal fade"> 	<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">Search Options</h4> 			</div> 			<div class="modal-body">                 <table style="width:100%">                     <!-- Table Style -->                     <tr>                         <td style="width:25%"><h4 class="modal-title modal-left">Name Filter</h4></td>                         <td>                             <input type="text" id="search-name" class='bordered wide-textbox'/>                         </td>                     </tr>                     <tr>                         <td style="width:25%"><h4 class="modal-title modal-left">Sex Filter</h4></td>                         <td>                             <nav>                                 <ul class="pagination">                                     <li id="search-gender-1" class="active"><a href="#"  onclick="changeSearchGender(1)">All</a></li>                                     <li id="search-gender-2"><a href="#" onclick="changeSearchGender(2)">Male</a></li>                                     <li id="search-gender-3"><a href="#" onclick="changeSearchGender(3)">Female</a></li>                                 </ul>                             </nav>                         </td>                     </tr>                     <tr>                         <td style="width:25%"><h4 class="modal-title modal-left">Source Filter</h4></td>                         <td>                             <input type="text" id="search-source" class='bordered wide-textbox'/>                         </td>                     </tr>                     <tr hidden>                         <td style="width:25%"><h4 class="modal-title modal-left">Tag Filter</h4></td>                         <td>                             <input type="text" id="search-tag" class='bordered wide-textbox'/>                         </td>                     </tr>                     <tr>                         <td style="width: 25%"><h4 class="modal-title modal-left">Sort By</h4></td>                         <td>                             <div class="dropdown">                                 <button id="sort-dropdown" class="bordered btn btn-sm dropdown-toggle wide-dropdown"                                   type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">                                     <span id="sort-dropdown-selection">Featured</span>                                     <span class="caret"></span>                                 </button>                                 <ul class="dropdown-menu sort-dropdown-options" aria-labelledby="sort-option">                                   <li><a href="#">Featured</a></li>                                   <li><a href="#">Newest</a></li>                                   <li><a href="#">Oldest</a></li>                                   <li><a href="#">Most Layers</a></li>                                   <li><a href="#">Fewest Layers</a></li>                                 </ul>                             </div>                         </td>                     </tr>                 </table>                 				<div class="modal-body-container" style="padding-top:4%;"> 					<button class="bordered smooth-button modal-button" data-dismiss="modal" onclick="closeSearchModal()">Search</button> 				</div> 			</div> 		</div> 		<!-- End of Modal Content --> 	</div> 	</div> 	</div> 	</div> </div> <!-- End of Search Modal -->
 
-    
-    
+
+
 <!-- Start of Restart Modal -->
 <div id="restart-modal" class="modal table-modal fade">
 	<div class="modal-table-container">
@@ -936,7 +939,7 @@
 </div>
 <!-- End of Stripping Modal -->
 
-    
+
 <!-- Start of Game Settings Modal -->
 <div id="game-settings-modal" class="modal table-modal fade" role="dialog">
 	<div class="modal-table-container">
@@ -951,7 +954,7 @@
 			<div class="modal-body">
 				<div class="modal-body-container" style="width:100%">
 					<table style="width:100%">
-                        
+
 						<!-- Background Selection -->
 						<tr>
 							<td style="width:25%"><h4 class="modal-title modal-left">Background</h4></td>
@@ -981,7 +984,7 @@
 								</nav>
 							</td>
 						</tr>
-						
+
 						<!-- Player Masturbation Timer -->
 						<tr>
 							<td style="width:25%"><h4 class="modal-title modal-left">How long do you... last?</h4></td>
@@ -989,7 +992,7 @@
 								<input type="text" id="player-masturbation-timer-box" onkeyup="changeMasturbationTimer()">&nbsp;Phases
 							</td>
 						</tr>
-						
+
 						<tr id='masturbation-warning-label'>
 							<td><!-- blank table entry --></td>
 							<td>
@@ -1011,7 +1014,7 @@
 	</div>
 </div>
 <!-- End of Title Settings Modal -->
-    
+
 
 <!-- Start of Options Modal -->
 <div id="options-modal" class="modal table-modal fade" role="dialog">
@@ -1038,7 +1041,7 @@
 								</nav>
 							</td>
 						</tr>
-                        
+
                         <!-- Auto Fade -->
 						<tr>
 							<td style="width:25%"><h4 class="modal-title modal-left">Auto Table Fade</h4></td>
@@ -1051,7 +1054,7 @@
 								</nav>
 							</td>
 						</tr>
-						
+
 						<!-- Card Suggest -->
 						<tr>
 							<td style="width:25%"><h4 class="modal-title modal-left">Card Suggest</h4></td>
@@ -1064,7 +1067,7 @@
 								</nav>
 							</td>
 						</tr>
-					
+
 						<!-- AI Turn Time -->
 						<tr>
 							<td style="width:25%"><h4 class="modal-title modal-left">AI Turn Time</h4></td>
@@ -1080,7 +1083,7 @@
 								</nav>
 							</td>
 						</tr>
-						
+
 						<!-- Deal Animation -->
 						<tr>
 							<td style="width:25%"><h4 class="modal-title modal-left">Deal Animation</h4></td>
@@ -1095,7 +1098,7 @@
 								</nav>
 							</td>
 						</tr>
-						
+
 						<!-- Auto Forfeit -->
 						<tr>
 							<td style="width:25%"><h4 class="modal-title modal-left">Auto Forfeit Mode</h4></td>
@@ -1139,7 +1142,7 @@
             </div>
 			<div class="modal-body">
 				<strong>Strip Poker Night at the Inventory</strong><br><br>
-				
+
 				<i>Primary designer and coder:</i> Joseph Kantel<br>
 				<i>Characters:</i> click the Credits button on the character screen to see author and artist information<br>
 				<i>Backgrounds ("Street", "Green Screen", "Arcade", "Club"):</i> DrankeyKrang<br>
@@ -1157,7 +1160,7 @@
 </div>
 <!-- End of Credits Modal -->
 
-    
+
 <!-- Start of Version Modal -->
 <div id="version-modal" class="modal table-modal fade" role="dialog">
 	<div class="modal-table-container">
@@ -1171,31 +1174,31 @@
 			</div>
 			<div class="modal-body">
 				<table class="modal-body-stretch-container" style="margin: 0 auto;">
-                    
+
                     <tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.43.0
                     </td>
                     <td style="width:5%"></td>
                     <td style="width:85%; padding-bottom: 1.5%">
-                        Shego, Zizou, Sola, Rinkah, Palutena and Videl have joined the game! 
+                        Shego, Zizou, Sola, Rinkah, Palutena and Videl have joined the game!
                     </td></tr>
-                    
+
                     <tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.42.0
                     </td>
                     <td style="width:5%"></td>
                     <td style="width:85%; padding-bottom: 1.5%">
-                        Blake Belladonna, Yang Xiao Long, Sayla Mass, and Marinette Dupain-Cheng have joined the game! 
+                        Blake Belladonna, Yang Xiao Long, Sayla Mass, and Marinette Dupain-Cheng have joined the game!
                     </td></tr>
-                    
+
                     <tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.41.0
                     </td>
                     <td style="width:5%"></td>
                     <td style="width:85%; padding-bottom: 1.5%">
-                        Orendi, Marceline, and Scarlet Witch have joined the game! 
+                        Orendi, Marceline, and Scarlet Witch have joined the game!
                     </td></tr>
-					
+
 					<tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.40.0
                     </td>
@@ -1203,7 +1206,7 @@
                     <td style="width:85%; padding-bottom: 1.5%">
                         The Extreme Exhibitionist Update! Added Mettaton, Moon, Captain Falcon, and Gay Spaghetti Chef. All four characters have epilogues, and epilogues are now available for Rosalina, Mercy, and Samus! Added three new backgrounds.
                     </td></tr>
-					
+
 					<tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.39.0
                     </td>
@@ -1211,7 +1214,7 @@
                     <td style="width:85%; padding-bottom: 1.5%">
                         Sharla and GoGo have joined the game! Added The Thong Table.
                     </td></tr>
-                    
+
                     <tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.38.0
                     </td>
@@ -1219,7 +1222,7 @@
                     <td style="width:85%; padding-bottom: 1.5%">
                         Evie the Ice Witch, Weiss, and Twilight Sparkle have joined the game!
                     </td></tr>
-                    
+
                     <tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.37.0
                     </td>
@@ -1227,7 +1230,7 @@
                     <td style="width:85%; padding-bottom: 1.5%">
                         Amy Rose has joined the game!
                     </td></tr>
-                    
+
                     <tr><td style="width:10%; padding-bottom: 1.5%">
                         v11.36.0
                     </td>
@@ -1235,7 +1238,7 @@
                     <td style="width:85%; padding-bottom: 1.5%">
                         Zone-tan and Arwen have joined the game!
                     </td></tr>
-                    
+
 				</table>
 			</div>
 			<div class="modal-footer">
@@ -1254,7 +1257,7 @@
 <!-- Game Screen -->
 <div id="game-screen" class="screen-container" hidden>
   <div class="screen">
-	
+
     <!-- Dialogue Bubbles -->
     <div class="dialogue-bubble-row">
       <div id="game-bubble-1" class="bordered left dialogue-bubble-area">
@@ -1278,7 +1281,7 @@
         </div>
       </div>
     </div>
-    
+
     <!-- Opponent Images -->
     <div class="image-row">
       <div class="farLeft opponent-image-area">
@@ -1294,7 +1297,7 @@
         <img id="game-image-4" class="opponent-image" src="opponents/lara/start.png">
       </div>
     </div>
-    
+
     <!-- Option Buttons -->
     <button class='bordered hide-table-button' onclick="toggleTableVisibility()">
       <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
@@ -1308,11 +1311,11 @@
     <button id="debug-button-0" class="bordered player-debug-button" onclick="selectDebug(0)" hidden>
       <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
     </button>
-    
-    
+
+
     <!-- Game Table -->
     <div id="game-table">
-    
+
       <!-- Opponent Areas -->
       <div id="game-opponent-area-1" class="bordered left opponent-area">
         <div id="game-name-label-1" class="bordered opponent-name-label">Opponent 1</div>
@@ -1366,7 +1369,7 @@
           <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
         </button>
       </div>
-      
+
       <!-- Player Clothing and Label -->
       <div id="player-game-clothing-area" class="bordered">
         <div class="left player-clothing-container">
@@ -1381,11 +1384,11 @@
           <img class="bordered clothing-float-right small-clothing-image" id="player-0-clothing-4" src="img/blankcard.jpg">
           <img class="bordered clothing-float-right small-clothing-image" id="player-0-clothing-1" src="img/blankcard.jpg">
         </div>
-        
+
         <div id="game-name-label-0" class="bordered player-name-label">Player</div>
         <div id="game-clothing-label" class="bordered">Your Clothing</div>
       </div>
-      
+
       <!-- Player Cards -->
       <div id="player-game-card-area" class="bordered player-card-area">
         <input type="image" id="player-0-card-1" class="bordered large-card-image" src="img/blankcard.jpg" onclick="selectCard(0)"/>
@@ -1394,9 +1397,9 @@
         <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>
-      
+
     </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">
@@ -1438,10 +1441,10 @@
 			</div>
 			<div class="modal-body">
 				<div class="modal-body-container" style="width:100%">
-					
+
 					<ul id="epilogue-list">
 					</ul>
-					
+
 				</div>
 			</div>
 			<div class="modal-footer">
-- 
GitLab