Adding additional cards

Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>

client/src/HouseRules.js

@@ -8,6 +8,7 @@ import Switch from '@material-ui/core/Switch';
 import "./HouseRules.css";
 
 import { GlobalContext } from "./GlobalContext.js";
+import { Placard } from "./Placard.js";
 
 /* Volcano based on https://www.ultraboardgames.com/catan/the-volcano.php */
 const Volcano = ({ ws, rules, field, disabled }) => {
@@ -132,6 +133,16 @@ const NotImplemented = () => {
   return <div>Not yet implemented.</div>;
 }
 
+/*
+The Jungle
+Setup
+On any normally assembled map, replace all deserts with jungles. Select an extra number token with the value of 3, 4, 5, 9, 10, or 11. (All players must agree on which number to use.) Place this number token on the jungle hex. The Robber begins the game on the jungle hex.
+Special rules
+The Robber may be played on the jungle hex when a player has robber control.
+However, when the number on an unblocked jungle tile is rolled, adjacent players may explore the jungle and make discoveries that aid them in developing their principalities. Each adjacent settlement will receive one discovery, while each adjacent city will receive two discoveries.
+Discoveries are represented by Discovery Counters, instead of resource cards. Discovery Counters do not count against a player's hand limit of resources when a 7 is rolled. Discovery Counters can not be stolen by the Robber, can not be claimed by a Monopoly, can not be earned through a Year of Plenty, and may not be used in any trades.
+Discovery Counters may be used to aid the purchase of development cards only. Each Discovery Counter can be used to replace any one of the three resources needed to purchase a card. Up to three Discovery Counters may be used on each card purchase. Any combination of Discovery Counters and the three usual resources may be used. For example, a player may purchase a development card with one ore and two Discovery Counters. Similarly, a development card could be purchased with one wool, one grain, and one Discovery Counter.
+*/
 const HouseRules = ({ houseRulesActive, setHouseRulesActive }) => {
   const { ws } = useContext(GlobalContext);
   const [rules, setRules] = useState(undefined);
@@ -199,11 +210,19 @@ const HouseRules = ({ houseRulesActive, setHouseRulesActive }) => {
   useEffect(() => {
     /* https://icebreaker.com/games/catan-1/feature/catan-house-rules */
     setRuleElements([{
+      title: `Why you play so slow?`,
+      key: `slowest-turn`,
+      description: `The player with the slowest turn so far receives -2VP.`,
+      element: <Placard type="slowest-turn"/>,
+      implemented: false
+    }, {
         title: `More victory points`,
         key: `victory-points`,
         description: `Customize how many Victory Points are required to win.`,
-      element: <VictoryPoints {...{ ws, rules, 
+        element: <VictoryPoints {...{
-        field: `victory-points` }}/>,
+          ws, rules,
+          field: `victory-points`
+        }} />,
         implemented: true
       }, {
       title: `Tiles start facing down`,

client/src/Placard.js

@@ -43,7 +43,6 @@ const Placard = ({type, disabled, count, buildActive, setBuildActive}) => {
     setBuildActive(false);
   };
 
-  
   if (!type) {
     return <></>;
   }