Added clothes

src/App.vue

@@ -118,6 +118,9 @@
       <h2>Clothing Styles</h2>
       <template v-for="(style, index) in clothingStyles">
         <h3 :key="style.name">{{ style.name }}</h3>
+
+        <gallery :key="style.name + index" :images="clothes[index]"></gallery>
+
         <ul :key="index">
           <li v-for="(part, index) in style.clothes" :key="index">
             {{ part }}
@@ -155,7 +158,6 @@
         and abilities but comes at a cost.
       </p>
 
-      <rich-figure></rich-figure>
 
       <p>
         He enters Overdrive by engulfing himself in a pillar of flames which
@@ -240,7 +242,8 @@ export default {
     return {
       appName: "Sebin Nyshkim Character Reference Page",
       muscleRefs: this.getMuscleRefPics(17),
-      kittens: this.getKittens(17)
+      kittens: this.getKittens(17),
+      clothes: this.getClothesPics()
     };
   },
   mixins: [Sebin, Helper]

src/mixins/Helper.js

@@ -11,6 +11,36 @@ export default {
       return muscles;
     },
 
+    getClothesPics() {
+      const warm = [
+        "/img/clothes-ref/warm/tank-top.jpg",
+        "/img/clothes-ref/warm/shorts.jpg",
+        "/img/clothes-ref/warm/hoodie.jpg",
+        "/img/clothes-ref/warm/sneakers.jpg"
+      ];
+
+      const cold = [
+        "/img/clothes-ref/cold/coat.jpg",
+        "/img/clothes-ref/cold/scarf.jpg",
+        "/img/clothes-ref/cold/hoodie.jpg",
+        "/img/clothes-ref/cold/jeans.jpg",
+        "/img/clothes-ref/cold/boots.jpg"
+      ];
+
+      const workout = [
+        "/img/clothes-ref/workout/hoodie.jpg",
+        "/img/clothes-ref/workout/gloves.jpg",
+        "/img/clothes-ref/workout/shorts.jpg"
+      ];
+
+      const lazy = [
+        "/img/clothes-ref/lazy/pants.jpg",
+        "/img/clothes-ref/lazy/undies.jpg"
+      ];
+
+      return [warm, cold, workout, lazy];
+    },
+
     getKittens(count) {
       let kittens = [];
 

src/mixins/Sebin.js

@@ -42,16 +42,17 @@ export default {
         {
           name: "Cold Weather",
           clothes: [
-            "lorem ipsum dolor sit amet",
-            "lorem ipsum dolor sit amet",
-            "lorem ipsum dolor sit amet",
-            "lorem ipsum dolor sit amet"
+            "Coat",
+            "Checkered scarf with short cords",
+            "Hoodie",
+            "Loose Jeans",
+            "Boots"
           ]
         },
         {
           name: "Workout",
           clothes: [
-            "Tight Tank Top",
+            "Sleeveless Hoodie (hood goes on)",
             "Fingerless Gloves",
             "Short Shorts",
             "(barefoot)"