feat: [#176] Inserted new NS characters

src/components/NewGame/styles.js

@@ -58,6 +58,27 @@ export const CharacterArea = styled.div`
       return null;
     }}
   }
+
+  @media all and (min-width: 1600px) {
+    ${({ number }) => {
+      if (number >= 8) {
+        return css`
+          top: 200px;
+          display: grid;
+          grid-template-columns: repeat(10, 1fr);
+          grid-template-rows: repeat(auto-fill, 100px);
+        `;
+      }
+      if (number) {
+        return css`
+          display: grid;
+          width: 90%;
+          grid-template-columns: repeat(${number}, 1fr);
+        `;
+      }
+      return null;
+    }}
+  }
 `;
 CharacterArea.displayName = 'CharacterArea';
 
@@ -80,6 +101,10 @@ export const CharacterImage = styled.img`
     css`
       ${activeImage}
     `}
+
+@media all and (min-width: 1600px) {
+    margin: 0 -20px;
+  }
 `;
 CharacterImage.displayName = 'CharacterImage';
 
@@ -145,6 +170,14 @@ export const CharacterName = styled.h1`
         font-size: 2rem;
       `}
   }
+
+  @media all and (min-width: 1600px) {
+    top: unset;
+    bottom: 0;
+    left: -40%;
+    font-size: 2.4rem;
+    color: rgba(255, 255, 255, 0.8);
+  }
 `;
 CharacterName.displayName = 'CharacterName';
 

src/setup/abilities.js

@@ -61,7 +61,7 @@ const MOVE_ACTION = {
   effect: ([gen, mov, att, sea, bon]) => [gen, mov + 1, att, sea, bon]
 };
 const SEARCH_ACTION = {
-  name: '+1 free Search Action ',
+  name: '+1 free Search Action',
   description:
     'The Survivor has one free extra Search Action. This Action may only be used to Search and the Survivor can still only Search once per turn.',
   effect: ([gen, mov, att, sea, bon]) => [gen, mov, att, sea + 1, bon]
@@ -185,7 +185,7 @@ const TOUGH = {
     'The Survivor ignores the first Attack he receives from a single Zombie every Zombies’ Phase'
 };
 const TRICK_SHOT = {
-  name: 'Trick shot ',
+  name: 'Trick shot',
   description:
     'When the Survivor is equipped with Dual Ranged weapons, he can aim at targets in different Zones with each weapon in the same Action.'
 };
@@ -229,14 +229,49 @@ export const ABILITIES_S1 = {
   TRICK_SHOT
 };
 
+const ACTION_MELEE = {
+  name: '+1 free Melee Action',
+  description:
+    'The Survivor has one extra free Melee Combat Action. This Action may only be used for Melee Combat.',
+  effect: ([gen, mov, att, sea, bon]) => [
+    gen,
+    mov,
+    [att[0], att[1] + 1, att[2]],
+    sea,
+    bon
+  ]
+};
+
 const ACTION_RANGED = {
-  name: '1 free Ranged Action ',
+  name: '+1 free Ranged Action',
   description:
     'The Survivor has one extra, free Ranged Combat Action. This Action can only be used for Ranged Combat.'
 };
 
+const SUPER_STRENGTH = {
+  name: 'Super strength',
+  description:
+    'Consider the Damage value of Melee weapons used by the Survivor to be 3.'
+};
+
+const WEBBING = {
+  name: 'Webbing',
+  description:
+    'All equipment in the Survivor’s inventory is considered equipped in hand.'
+};
+
+const ZOMBIE_LINK = {
+  name: 'Zombie link',
+  description:
+    'The Survivor plays an extra turn each time an extra activation card is drawn in the Zombie pile.'
+};
+
 export const ABILITIES_MALL = {
-  ACTION_RANGED
+  ACTION_MELEE,
+  ACTION_RANGED,
+  SUPER_STRENGTH,
+  WEBBING,
+  ZOMBIE_LINK
 };
 
 const REAPER_RANGED = {
@@ -249,13 +284,76 @@ const BLITZ = {
   description:
     'Each time your Survivor kills the last Zombie of a Zone, he gets 1 free Move Action to use immediately'
 };
-
+const BLOODLUST_MELEE = {
+  name: 'Bloodlust: Melee',
+  description:
+    'Spend one Action with the Survivor: He moves up to two Zones to a Zone containing at least one Zombie (or rival Survivor). He then gains one free Melee Action'
+};
+const REAPER_COMBAT = {
+  name: 'Reaper: Combat',
+  description:
+    'Use this Skill when assigning hits while resolving a Combat Action. One of these hits can freely kill an additional identical Zombie in the same Zone. Only a single additional Zombie can be killed per Action when using this Skill..',
+  effect: ({ combat, melee, ranged }) => ({ combat: combat + 1, melee, ranged })
+};
+const REAPER_MELEE = {
+  name: 'Reaper: Melee',
+  description:
+    'Use this Skill when assigning hits while resolving a Ranged Action. One of these hits can freely kill an additional identical Zombie in the same Zone. Only a single additional Zombie can be killed per Action when using this Skill.',
+  effect: ({ combat, melee, ranged }) => ({ combat, melee: melee + 1, ranged })
+};
+const REAPER_RANGED = {
+  name: 'Reaper: Ranged',
+  description:
+    'Use this Skill when assigning hits while resolving a Ranged Action. One of these hits can freely kill an additional identical Zombie in the same Zone. Only a single additional Zombie can be killed per Action when using this Skill.',
+  effect: ({ combat, melee, ranged }) => ({ combat, melee, ranged: ranged + 1 })
+};
+const TAUNT = {
+  name: 'Taunt',
+  description:
+    'The Survivor can use this Skill, for free, once during each of his Activations. Select a Zone your Survivor can see. All Zombies standing in the selected Zone immediately gain an extra Activation: They try to reach the taunting Survivor by any means available. Taunted Zombies ignore all other Survivors. They do not attack them and cross the Zone they stand in if needed to reach the taunting Survivor.'
+};
+const TACTICIAN = {
+  name: 'Tactician',
+  description:
+    'The Survivor’s turn can be resolved anytime during the Players’ Phase, before or after any other Survivor’s turn. If several teammates benefit from this Skill at the same time, the team’s players choose their activation order.'
+};
 export const ABILITIES_S2 = {
+  BLITZ,
+  BLOODLUST_MELEE,
+  REAPER_COMBAT,
+  REAPER_MELEE,
   REAPER_RANGED,
-  BLITZ
+  TAUNT,
+  TACTICIAN
+};
+
+const HIT_N_RUN = {
+  name: 'Hit & Run',
+  description:
+    'The Survivor can use this Skill for free, just after he resolved Melee or Ranged Combat Action resulting in at least a Zombie kill (or a rival Survivor kill). He can then resolve a free Move Action. The Survivor does not spend extra Actions to perform this free Move Action if Zombies are standing in his Zone.'
+};
+const SEARCH_PLUS_ONE = {
+  name: 'Search: +1 card',
+  description: 'Draw an extra card when Searching with the Survivor.'
+};
+export const ABILITIES_S3 = {
+  HIT_N_RUN,
+  SEARCH_PLUS_ONE
+};
+
+const CANT_BE_THAT_UNLUCKY = {
+  name: "Can't be THAT unlucy",
+  description:
+    'Unlucky with dice results? Not anymore... Re-roll once any 1 on dice rolls.'
+};
+export const NIGHT_SHIFT = {
+  CANT_BE_THAT_UNLUCKY
 };
 
 export const ALL_ABILITIES = {
   ...ABILITIES_S1,
-  ...ABILITIES_S2
+  ...ABILITIES_MALL,
+  ...ABILITIES_S2,
+  ...ABILITIES_S3,
+  ...NIGHT_SHIFT
 };