asgrabowski · sandrobocon · Apr 20, 2020 · Apr 21, 2020 · Apr 22, 2020 · Apr 22, 2020
diff --git a/BE/be0.png b/BE/be0.png
diff --git a/BE/be1.png b/BE/be1.png
diff --git a/BE/be10.png b/BE/be10.png
diff --git a/BE/be11.png b/BE/be11.png
diff --git a/BE/be12.png b/BE/be12.png
diff --git a/BE/be15.png b/BE/be15.png
diff --git a/BE/be16.png b/BE/be16.png
diff --git a/BE/be17.png b/BE/be17.png
diff --git a/BE/be18.png b/BE/be18.png
diff --git a/BE/be19.png b/BE/be19.png
diff --git a/BE/be2.png b/BE/be2.png
diff --git a/BE/be20.png b/BE/be20.png
diff --git a/BE/be21.png b/BE/be21.png
diff --git a/BE/be22.png b/BE/be22.png
diff --git a/BE/be23.png b/BE/be23.png
diff --git a/BE/be24.png b/BE/be24.png
diff --git a/BE/be25.png b/BE/be25.png
diff --git a/BE/be26.png b/BE/be26.png
diff --git a/BE/be27.png b/BE/be27.png
diff --git a/BE/be28.png b/BE/be28.png
diff --git a/BE/be29.png b/BE/be29.png
diff --git a/BE/be3.png b/BE/be3.png
diff --git a/BE/be30.png b/BE/be30.png
diff --git a/BE/be4.png b/BE/be4.png
diff --git a/BE/be5.png b/BE/be5.png
diff --git a/BE/be6.png b/BE/be6.png
diff --git a/BE/be7.png b/BE/be7.png
diff --git a/BE/be8.png b/BE/be8.png
diff --git a/BE/be9.png b/BE/be9.png
diff --git a/BE/beBack.png b/BE/beBack.png
diff --git a/BE/beProfile.png b/BE/beProfile.png
diff --git a/SK/sk0.png b/SK/sk0.png
diff --git a/SK/sk1.png b/SK/sk1.png
diff --git a/SK/sk10.png b/SK/sk10.png
diff --git a/SK/sk11.png b/SK/sk11.png
diff --git a/SK/sk12.png b/SK/sk12.png
diff --git a/SK/sk13.png b/SK/sk13.png
diff --git a/SK/sk15.png b/SK/sk15.png
diff --git a/SK/sk16.png b/SK/sk16.png
diff --git a/SK/sk17.png b/SK/sk17.png
diff --git a/SK/sk18.png b/SK/sk18.png
diff --git a/SK/sk19.png b/SK/sk19.png
diff --git a/SK/sk2.png b/SK/sk2.png
diff --git a/SK/sk20.png b/SK/sk20.png
diff --git a/SK/sk21.png b/SK/sk21.png
diff --git a/SK/sk22.png b/SK/sk22.png
diff --git a/SK/sk23.png b/SK/sk23.png
diff --git a/SK/sk24.png b/SK/sk24.png
diff --git a/SK/sk25.png b/SK/sk25.png
diff --git a/SK/sk26.png b/SK/sk26.png
diff --git a/SK/sk27.png b/SK/sk27.png
diff --git a/SK/sk28.png b/SK/sk28.png
diff --git a/SK/sk29.png b/SK/sk29.png
diff --git a/SK/sk3.png b/SK/sk3.png
diff --git a/SK/sk30.png b/SK/sk30.png
diff --git a/SK/sk4.png b/SK/sk4.png
diff --git a/SK/sk5.png b/SK/sk5.png
diff --git a/SK/sk6.png b/SK/sk6.png
diff --git a/SK/sk7.png b/SK/sk7.png
diff --git a/SK/sk8.png b/SK/sk8.png
diff --git a/SK/sk9.png b/SK/sk9.png
diff --git a/SK/skBack.png b/SK/skBack.png
diff --git a/SK/skProfile.png b/SK/skProfile.png
diff --git a/bePerks/bePlus1.png b/bePerks/bePlus1.png
diff --git a/bePerks/bePlus2Fire.png b/bePerks/bePlus2Fire.png
diff --git a/bePerks/beRollingHeal1.png b/bePerks/beRollingHeal1.png
diff --git a/bePerks/beRollingPlus1Disarm.png b/bePerks/beRollingPlus1Disarm.png
diff --git a/bePerks/beRollingPlus2.png b/bePerks/beRollingPlus2.png
diff --git a/bePerks/beRollingStun.png b/bePerks/beRollingStun.png
diff --git a/bePerks/beRollingWound.png b/bePerks/beRollingWound.png
diff --git a/index.html b/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE HTML>
 <html>
   <head>
+    <meta charset="utf-8" />
     <title>Gloomhaven Card Manager</title>
     <link href = "./style.css" type = "text/css" rel = "stylesheet">
   </head>
@@ -23,6 +24,10 @@ <h2 class = "header" align = "center" style = "color:white;">Select Your Charact
           <td><img id = "doomStalker" class = "character" src = "./dsprofile.png"/><br/><p class = "character-title" align = "center">"Spiky Face"</td>
           <td><img id = "nightshroud" class = "character" src = "./nsProfile.png"/><br/><p class = "character-title" align = "center">"Eclipse"</td>
         </tr>
+        <tr>
+          <td><img id = "berserker" class = "character" src = "./BE/beProfile.png"/><br/><p class = "character-title" align = "center">"Lighting"</td>
+          <td><img id = "sunkeeper" class = "character" src = "./SK/skProfile.png"/><br/><p class = "character-title" align = "center">"Sun"</td>
+        </tr>
       </table>
       <div id = "level-selection" align = "center">
         <h2 class = "header" align = "center" style= "color:white;">Select Your Level</h2>
@@ -627,6 +632,137 @@ <h2 id ="perks-header" class = "header">Select Your Perks</h2>
             <button id ="nsConfirmPerksButton" class ="button" type ="button">Confirm Perks</button>
           </div>
 
+
+          <div id ="berserker-perks" class ="perks hiding">
+          <div>
+            <div id ="bePerk1" class = "checkbox bePerk">
+            </div>
+            <p>Remove Two -1 Cards</p>
+          </div>
+          <div>
+            <div id ="bePerk2" class = "checkbox bePerk">
+            </div>
+            <p>Remove Four +0 Cards</p>
+          </div>
+          <div>
+            <div id ="bePerk3-1" class = "checkbox bePerk">
+            </div>
+            <div id ="bePerk3-2" class = "checkbox bePerk">
+            </div>
+            <p>Replace One -1 Card with One +1 Card</p>
+          </div>
+          <div>
+            <div id ="bePerk4-1" class = "checkbox bePerk">
+            </div>
+            <div id ="bePerk4-2" class = "checkbox bePerk">
+            </div>
+            <p>Replace One +0 Card With One +2 Rolling Card</p>
+          </div>
+          <div>
+            <div id ="bePerk5-1" class = "checkbox bePerk">
+            </div>
+            <div id ="bePerk5-2" class = "checkbox bePerk">
+            </div>
+            <p>Add Two Rolling Wound Cards</p>
+          </div>
+          <div>
+            <div id ="bePerk6-1" class = "checkbox bePerk">
+            </div>
+            <div id ="bePerk6-2" class = "checkbox bePerk">
+            </div>
+            <p>Add One Rolling Stun Card</p>
+          </div>
+          <div>
+            <div id ="bePerk7" class = "checkbox bePerk">
+            </div>
+            <p>Add One Rolling +1 Disarm Card</p>
+          </div>
+          <div>
+            <div id ="bePerk8" class = "checkbox bePerk">
+            </div>
+            <p>Add Two Rolling Heal 1 Cards</p>
+          </div>
+          <div>
+            <div id ="bePerk9-1" class = "checkbox bePerk">
+            </div>
+            <div id ="bePerk9-2" class = "checkbox bePerk">
+            </div>
+            <p>Add One Plus 2 Fire Card</p>
+          </div>
+          <div>
+            <div id ="bePerk10" class = "checkbox bePerk">
+            </div>
+            <p>Ignore Negative Item Effects</p>
+          </div>
+          <button id ="beConfirmPerksButton" class ="button" type ="button">Confirm Perks</button>
+        </div>
+
+          <div id ="sunkeeper-perks" class ="perks hiding">
+          <div>
+            <div id ="skPerk1-1" class = "checkbox skPerk">
+            </div>
+            <div id ="skPerk1-2" class = "checkbox skPerk">
+            </div>
+            <p>Remove Two -1 Cards</p>
+          </div>
+          <div>
+            <div id ="skPerk2" class = "checkbox skPerk">
+            </div>
+            <p>Remove Four +0 Cards</p>
+          </div>
+          <div>
+            <div id ="skPerk3" class = "checkbox skPerk">
+            </div>
+            <p>Replace One -2 Card with One +0 Card</p>
+          </div>
+          <div>
+            <div id ="skPerk4" class = "checkbox skPerk">
+            </div>
+            <p>Replace One +0 Card With One +2 Card</p>
+          </div>
+          <div>
+            <div id ="skPerk5-1" class = "checkbox skPerk">
+            </div>
+            <div id ="skPerk5-2" class = "checkbox skPerk">
+            </div>
+            <p>Add Two Rolling +1 Cards</p>
+          </div>
+          <div>
+            <div id ="skPerk6-1" class = "checkbox skPerk">
+            </div>
+            <div id ="skPerk6-2" class = "checkbox skPerk">
+            </div>
+            <p>Add Two Rolling Heal 1 Cards</p>
+          </div>
+          <div>
+            <div id ="skPerk7" class = "checkbox skPerk">
+            </div>
+            <p>Add One Rolling +1 Stun Card</p>
+          </div>
+          <div>
+            <div id ="skPerk8-1" class = "checkbox skPerk">
+            </div>
+            <div id ="skPerk8-2" class = "checkbox skPerk">
+            </div>
+            <p>Add Two Rolling Light Cards</p>
+          </div>
+          <div>
+            <div id ="skPerk9" class = "checkbox skPerk">
+            </div>
+            <p>Add Two Rolling Shild +1 Self Card</p>
+          </div>
+          <div>
+            <div id ="skPerk10" class = "checkbox skPerk">
+            </div>
+            <p>Ignore Negative Item Effects and add Two +1 Cards</p>
+          </div>
+          <div>
+            <div id ="skPerk11" class = "checkbox skPerk">
+            </div>
+            <p>Ignore Negative Scenario Effects</p>
+          </div>
+          <button id ="skConfirmPerksButton" class ="button" type ="button">Confirm Perks</button>
+        </div>
           <button id = "go-back1" class = "button hiding" type ="button">Go Back To Character Select</button>
         </div>
 
@@ -701,8 +837,8 @@ <h2 id ="choose-cards-number" class = "header"></h2>
           <div><img id = "chosen-card-1" class = "card-in-play flipped" src = "./Card Back.png"/>
           <img id = "chosen-card-2" class = "card-in-play flipped" src = "./Card Back.png"/><br/>
           <button id = "discard-button" class = "button tooltip" type="button" title = "Must Have a Card In Play Selected">Discard Card</button>
-          <button id = "lose-button" class = "button tooltip"type="button"title = "Must Have a Card In Play Selected">Lose Card</button>
-          <button id = "activate-button" class = "button tooltip"type"button" title = "Must Have a Card In Play Selected">Move Card to Active</button>
+          <button id = "lose-button" class = "button tooltip" type="button" title = "Must Have a Card In Play Selected">Lose Card</button>
+          <button id = "activate-button" class = "button tooltip" type="button" title = "Must Have a Card In Play Selected">Move Card to Active</button>
         </div>
           <div id ="attack-modifier-deck" align = "center">
             <h2 id ="mustShuffle" class = "invisible" style = "color: red">Must Shuffle At End of Turn</h2>