Merge branch 'images' into 'master'

[models] Added images to cards

See merge request !33

src/models/cards/Drinks.ts

 import { CardSection } from '../PlayableCard';
+import Coffee from './Picture/Drinks/coffee.png';
+import CoffeeBottle from './Picture/Drinks/coffeeBottle.png';
+import EnergyDrink from './Picture/Drinks/energyDrink.png';
+import FruitJuice from './Picture/Drinks/fruitJuice.png';
+import Tea from './Picture/Drinks/tea.png';
+import Vodka from './Picture/Drinks/vodka.png';
+import Water from './Picture/Drinks/water.png';
+import WaterBottle from './Picture/Drinks/waterBottle.png';
 
 const DrinksSection: CardSection = {
     id: 1,
@@ -12,7 +20,8 @@ const DrinksSection: CardSection = {
                 { name: 'difficulty', value: -6 },
                 { name: 'reputation', value: 2 }
             ],
-            description: 'La drogue du peuple. Répandue partout et apprécié par tous.'
+            description: 'La drogue du peuple. Répandue partout et apprécié par tous.',
+            image: Coffee
         },
         {
             id: 2,
@@ -22,7 +31,8 @@ const DrinksSection: CardSection = {
                 { name: 'reputation', value: 1 },
                 { name: 'danger', value: 1 }
             ],
-            description: "Une boisson qui vous rend de l'énergie. Vous avez l'impression de devenir un monstre."
+            description: "Une boisson qui vous rend de l'énergie. Vous avez l'impression de devenir un monstre.",
+            image: EnergyDrink
         },
         {
             id: 3,
@@ -31,7 +41,8 @@ const DrinksSection: CardSection = {
                 { name: 'difficulty', value: -11 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'Pour les jeunes non alcoolique.'
+            description: 'Pour les jeunes non alcoolique.',
+            image: FruitJuice
         },
         {
             id: 4,
@@ -40,7 +51,8 @@ const DrinksSection: CardSection = {
                 { name: 'difficulty', value: -10 },
                 { name: 'reputation', value: 1 }
             ],
-            description: "Car 1 tasse n'était pas assez pour vous."
+            description: "Car 1 tasse n'était pas assez pour vous.",
+            image: CoffeeBottle
         },
         {
             id: 5,
@@ -49,7 +61,8 @@ const DrinksSection: CardSection = {
                 { name: 'difficulty', value: -5 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'La seul invention culinaire acceptable des anglais.'
+            description: 'La seul invention culinaire acceptable des anglais.',
+            image: Tea
         },
         {
             id: 6,
@@ -59,7 +72,8 @@ const DrinksSection: CardSection = {
                 { name: 'reputation', value: 1 },
                 { name: 'danger', value: 5 }
             ],
-            description: 'Поляков - лекарство от всех болезней.'
+            description: 'Поляков - лекарство от всех болезней.',
+            image: Vodka
         },
         {
             id: 7,
@@ -68,7 +82,8 @@ const DrinksSection: CardSection = {
                 { name: 'difficulty', value: -7 },
                 { name: 'reputation', value: 1 }
             ],
-            description: "De l'eau du robinet. Elle n'a rien de spécial, à part qu'elle est fraîche."
+            description: "De l'eau du robinet. Elle n'a rien de spécial, à part qu'elle est fraîche.",
+            image: Water
         },
         {
             id: 8,
@@ -77,7 +92,8 @@ const DrinksSection: CardSection = {
                 { name: 'difficulty', value: -11 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'Avec St Yore ça va fort. Très fort.'
+            description: 'Avec St Yore ça va fort. Très fort.',
+            image: WaterBottle
         }
     ]
 };

src/models/cards/Environments.ts

 import { CardSection } from '../PlayableCard';
+import City from './Picture/Environments/city.png';
+import Desert from './Picture/Environments/desert.png';
+import Mountain from './Picture/Environments/mountain.png';
+import Sewers from './Picture/Environments/sewers.png';
 
 const EnvironmentsSection: CardSection = {
     id: 3,
@@ -13,7 +17,8 @@ const EnvironmentsSection: CardSection = {
                 { name: 'run', value: 0 }
             ],
             effects: [{ name: 'difficulty', value: 0 }],
-            description: 'Putain de faible citadin.'
+            description: 'Putain de faible citadin.',
+            image: City
         },
         {
             id: 17,
@@ -23,7 +28,8 @@ const EnvironmentsSection: CardSection = {
                 { name: 'run', value: 2 }
             ],
             effects: [{ name: 'difficulty', value: 30 }],
-            description: 'Risque de noyade ? Très élevé.'
+            description: 'Risque de noyade ? Très élevé.',
+            image: Desert
         },
         {
             id: 18,
@@ -33,7 +39,8 @@ const EnvironmentsSection: CardSection = {
                 { name: 'run', value: 1 }
             ],
             effects: [{ name: 'difficulty', value: 15 }],
-            description: 'Un tas de cailloux. Juste un gros tas de cailloux.'
+            description: 'Un tas de cailloux. Juste un gros tas de cailloux.',
+            image: Mountain
         },
         {
             id: 19,
@@ -43,7 +50,8 @@ const EnvironmentsSection: CardSection = {
                 { name: 'run', value: 3 }
             ],
             effects: [{ name: 'difficulty', value: 45 }],
-            description: 'Si vous voyez un crocodile, son nom est Caiman.'
+            description: 'Si vous voyez un crocodile, son nom est Caiman.',
+            image: Sewers
         }
     ]
 };

src/models/cards/Foods.ts

 import { CardSection } from '../PlayableCard';
+import Baguette from './Picture/Food/baguette.png';
+import Bounty from './Picture/Food/bounty.png';
+import Croissant from './Picture/Food/croissants.png';
+import Fruits from './Picture/Food/fruits.png';
+import DriedFruit from './Picture/Food/fruitV2.png';
+import Sandwich from './Picture/Food/sandwich.png';
+import Snack from './Picture/Food/snack.png';
 
 const FoodsSection: CardSection = {
     id: 2,
@@ -12,7 +19,8 @@ const FoodsSection: CardSection = {
                 { name: 'difficulty', value: -6 },
                 { name: 'reputation', value: 1 }
             ],
-            description: "Non ce n'est pas un truc immangeable."
+            description: "Non ce n'est pas un truc immangeable.",
+            image: Bounty
         },
         {
             id: 10,
@@ -21,7 +29,8 @@ const FoodsSection: CardSection = {
                 { name: 'difficulty', value: -8 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'Hon hon baguette.'
+            description: 'Hon hon baguette.',
+            image: Baguette
         },
         {
             id: 11,
@@ -30,7 +39,8 @@ const FoodsSection: CardSection = {
                 { name: 'difficulty', value: -5 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'Un petit biscuit.'
+            description: 'Un petit biscuit.',
+            image: Snack
         },
         {
             id: 12,
@@ -39,7 +49,8 @@ const FoodsSection: CardSection = {
                 { name: 'difficulty', value: -7 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'De tout les fruits, vous prenez une tomate.'
+            description: 'De tout les fruits, vous prenez une tomate.',
+            image: Fruits
         },
         {
             id: 13,
@@ -48,7 +59,8 @@ const FoodsSection: CardSection = {
                 { name: 'difficulty', value: -9 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'Fruit II. Le retour.'
+            description: 'Fruit II. Le retour.',
+            image: DriedFruit
         },
         {
             id: 14,
@@ -57,7 +69,8 @@ const FoodsSection: CardSection = {
                 { name: 'difficulty', value: -10 },
                 { name: 'reputation', value: 2 }
             ],
-            description: "Lorsqu'on veut faire riche, mais que l'on n'est pas original au peti-déjeuner."
+            description: "Lorsqu'on veut faire riche, mais que l'on n'est pas original au peti-déjeuner.",
+            image: Croissant
         },
         {
             id: 15,
@@ -66,7 +79,8 @@ const FoodsSection: CardSection = {
                 { name: 'difficulty', value: -10 },
                 { name: 'reputation', value: 1 }
             ],
-            description: 'All joke on this got cancelled.'
+            description: 'All joke on this got cancelled.',
+            image: Sandwich
         }
     ]
 };

src/models/cards/Hurdles.ts

 import { CardSection } from '../PlayableCard';
+import EndRoad from './Picture/Hurdle/endRoad.png';
+import Mud from './Picture/Hurdle/mud.png';
+import Quicksand from './Picture/Hurdle/quicksand.png';
+import Rock from './Picture/Hurdle/rock.png';
+import Shell from './Picture/Hurdle/shell.png';
+import Strike from './Picture/Hurdle/strike.png';
+import Tempest from './Picture/Hurdle/tempest.png';
 
 const HurdlesSection: CardSection = {
     id: 4,
@@ -12,7 +19,8 @@ const HurdlesSection: CardSection = {
                 { name: 'difficulty', value: 30 },
                 { name: 'danger', value: 10 }
             ],
-            description: "Non ce n'est pas le temps de prendre un bain de boue."
+            description: "Non ce n'est pas le temps de prendre un bain de boue.",
+            image: Mud
         },
         {
             id: 21,
@@ -21,7 +29,8 @@ const HurdlesSection: CardSection = {
                 { name: 'difficulty', value: 50 },
                 { name: 'danger', value: 20 }
             ],
-            description: 'On est au 21ème siècle, bien sûr que les sables mouvants sont dans du béton aussi.'
+            description: 'On est au 21ème siècle, bien sûr que les sables mouvants sont dans du béton aussi.',
+            image: Quicksand
         },
         {
             id: 22,
@@ -30,7 +39,8 @@ const HurdlesSection: CardSection = {
                 { name: 'difficulty', value: 20 },
                 { name: 'danger', value: 5 }
             ],
-            description: 'Putain de travaux sauvages de merde.'
+            description: 'Putain de travaux sauvages de merde.',
+            image: EndRoad
         },
         {
             id: 23,
@@ -39,7 +49,8 @@ const HurdlesSection: CardSection = {
                 { name: 'difficulty', value: 20 },
                 { name: 'danger', value: 5 }
             ],
-            description: 'Ce putain de rocher qui ne sert à rien.'
+            description: 'Ce putain de rocher qui ne sert à rien.',
+            image: Rock
         },
         {
             id: 24,
@@ -48,7 +59,8 @@ const HurdlesSection: CardSection = {
                 { name: 'difficulty', value: 25 },
                 { name: 'danger', value: 25 }
             ],
-            description: 'Et ça fait bim bam boom.'
+            description: 'Et ça fait bim bam boom.',
+            image: Shell
         },
         {
             id: 25,
@@ -57,7 +69,8 @@ const HurdlesSection: CardSection = {
                 { name: 'difficulty', value: 40 },
                 { name: 'danger', value: 15 }
             ],
-            description: "C'est la lutte finale..."
+            description: "C'est la lutte finale...",
+            image: Strike
         },
         {
             id: 26,
@@ -66,7 +79,8 @@ const HurdlesSection: CardSection = {
                 { name: 'difficulty', value: 50 },
                 { name: 'danger', value: 29 }
             ],
-            description: "Pour les maigres, faudrat donner un rocher pour pas qu'ils s'envolent."
+            description: "Pour les maigres, faudrat donner un rocher pour pas qu'ils s'envolent.",
+            image: Tempest
         }
     ]
 };

src/styles/components/card/_Card.scss

@@ -5,6 +5,7 @@
         background: $normal;
         border-radius: 16px;
         padding: 8px 8px;
+        text-align: center;
 
         width: 128px;
         height: 200px;
@@ -27,6 +28,7 @@
         &__image {
             max-width: 100%;
             margin-bottom: 12px;
+            height: 64px;
         }
 
         &__description {