adding latest

src/views/DeckBuilder.vue

@@ -49,7 +49,7 @@
             >
               <v-avatar size="90" left>
                 <v-img
-                  :src="require(`@/assets/avatars/${data.item.avatar}`)"
+                  :src="require(`@/assets/cards/${data.item.avatar}`)"
                 ></v-img>
               </v-avatar>
               {{ data.item.name }}
@@ -58,7 +58,7 @@
           <template v-slot:item="data">
             <template>
               <v-list-item-avatar>
-                <img :src="require(`@/assets/avatars/${data.item.avatar}`)" />
+                <img :src="require(`@/assets/cards/${data.item.avatar}`)" />
               </v-list-item-avatar>
               <v-list-item-content>
                 <v-list-item-title v-html="data.item.name"></v-list-item-title>
@@ -86,7 +86,7 @@
               <div cols="12">
                 <v-img
                   :src="
-                    require(`@/assets/avatars/${selected_shikigami_data[index].avatar}`)
+                    require(`@/assets/cards/${selected_shikigami_data[index].character_card}`)
                   "
                   width="100%"
                 ></v-img>
@@ -127,7 +127,7 @@
             <!-- <div cols="12">
               {{ selected_shikigami_decks[index][index] }}
             </div> -->
-            <v-row cols="12">
+            <v-row cols="12" class="d-flex align-end pb-3">
               <v-card
                 v-for="i in selected_shikigami_decks[index][index]"
                 :key="i.id"
@@ -139,7 +139,7 @@
                 </div> -->
                 <div class="">
                   <v-img
-                    :src="require(`@/assets/deck_of_cards/${i.url}`)"
+                    :src="require(`@/assets/cards/${i.url}`)"
                     class="deck-card"
                   ></v-img></div
               ></v-card> </v-row
@@ -344,7 +344,7 @@ export default {
 
 @keyframes card-zoom {
   100% {
-    transform: scale(1.25);
+    transform: scale(1.45);
   }
 }
 
@@ -354,8 +354,6 @@ export default {
 
 .user-deck-title {
   font-size: 50px !important;
-  // margin-top: 50px !important;
-  // margin-bottom: -50px !important;
 }
 </style>
 

src/views/Home.vue

@@ -12,7 +12,13 @@
       <v-col class="mb-4">
         <h1 class="display-2 font-weight-bold mb-3">Onmyoji Deck Builder</h1>
         <p class="subheading font-weight-regular">Build and share decks.</p>
-        <v-btn elevation="1" x-large color="#C0B094">Get started</v-btn>
+        <router-link
+          to="/deck-builder"
+          style="text-decoration: none;"
+          ><v-btn elevation="2" x-large color="#C0B094"
+            >Get started</v-btn
+          ></router-link
+        >
       </v-col>
     </v-row>
   </v-container>