added all cards

src/components/card.vue

@@ -1,6 +1,6 @@
 <template>
   <router-link :to="link" class="card">
-    <img  alt="" :src="require(`../assets/${photo}`)">
+    <img  alt="" :src="require(`../assets/spis/${photo}`)">
     <div class="card-inner">
       <p class="name"> {{name}} </p>
       <p class="desc"> {{desc}} </p>

src/router/index.ts

@@ -32,6 +32,46 @@ const routes: Array<RouteRecordRaw> = [
       window.location.replace('https://manczak.net')
       return '/j4mesen'
     }
+  },
+  {
+    path: '/kuolek',
+    name: 'kuolek',
+    redirect: () => {
+      window.location.replace('https://steamcommunity.com/profiles/76561198381997060')
+      return '/kuolek'
+    }
+  },
+  {
+    path: '/be-elephant',
+    name: 'beElephant',
+    redirect: () => {
+      window.location.replace('https://steamcommunity.com/profiles/76561198309722571')
+      return '/be-elephant'
+    }
+  },
+  {
+    path: '/jarooko',
+    name: 'jarooko',
+    redirect: () => {
+      window.location.replace('https://steamcommunity.com/id/jarooko')
+      return '/jarooko'
+    }
+  },
+  {
+    path: '/mollin',
+    name: 'mollin',
+    redirect: () => {
+      window.location.replace('https://steamcommunity.com/profiles/76561198264001711')
+      return '/mollin'
+    }
+  },
+  {
+    path: '/bavil-gravlax',
+    name: 'bavilGravlax',
+    redirect: () => {
+      window.location.replace('https://steamcommunity.com/profiles/76561198855251311')
+      return '/bavil-gravlax'
+    }
   }
 ]
 

src/views/Home.vue

@@ -9,12 +9,44 @@
     </div>
     <div class="second">
       <h1>Spis Moderacji</h1>
-      <card
-        name="Jakub Mańczak"
-        photo="j4mesen.png"
-        desc="j4mesen | wannabe programista"
-        link="/j4mesen"
-      />
+      <div class="cardContainer">
+        <card
+          name="Jakub Mańczak"
+          photo="j4mesen.png"
+          desc="j4mesen | wannabe programista"
+          link="/j4mesen"
+        />
+        <card
+          name="Olek Kulka"
+          photo="olek.png"
+          desc="KuOlek | scooby doo stan"
+          link="/kuolek"
+        />
+        <card
+          name="Adam Cała"
+          photo="adam.png"
+          desc="BeElephant | dosłowny słoń"
+          link="/be-elephant"
+        />
+        <card
+          name="Jarek Kortals"
+          photo="jarooko.png"
+          desc="Jarooko | nadal tu jest?"
+          link="/jarooko"
+        />
+        <card
+          name="Jakub Mollin"
+          photo="mollin.png"
+          desc="Mollin | resident grinder"
+          link="/mollin"
+        />
+        <card
+          name="Franek Cała"
+          photo="franek.png"
+          desc="BavilGravlax | secret society blanket"
+          link="/bavil-gravlax"
+        />
+      </div>
     </div>
   </main>
 </template>
@@ -45,7 +77,12 @@ export default defineComponent({
       animation-duration: 2s
       z-index: -10
     .second
-      margin-top: 18rem
+      margin-top: 18rem 
+      .cardContainer
+        display: inline-flex
+        flex-wrap: wrap
+        margin-right: .1rem
+        
   @keyframes logovibe
     0%
       transform: rotate(5deg)