增加新的合作伙伴和投资者

src/components/index/InvestorsSection.vue

@@ -4,12 +4,21 @@
       <img src="@/assets/202202/icon_investors@2x.png" alt="investors"/>
     </div>
     <div class="list">
+      <a href="https://www.kucoin.com/">
+        <img class="kucoin" src="@/assets/202202/partners/kucoin.png" alt="kucoin"/>
+      </a>
+      <a href="">
+        <img class="kernel" src="@/assets/202202/partners/kernel.png" alt="kernel"/>
+      </a>
+      <a href="">
+        <img class="initiate" src="@/assets/202202/partners/initiate-catital.png" alt="Initiate catital"/>
+      </a>
+      <a href="https://twitter.com/multiverse_play">
+        <img class="multiverse" src="@/assets/202202/multiverse_play.png" alt="multiverse play"/>
+      </a>
       <a href="https://www.coso.org/">
         <img class="coso" src="@/assets/202202/coso@2x.png" alt="coso"/>
       </a>
-      <a href="https://www.kucoin.com/">
-        <img class="kucoin" src="@/assets/202202/kucoin@2x.png" alt="kucoin"/>
-      </a>
     </div>
   </section>
 </template>
@@ -37,25 +46,34 @@ export default class extends Vue {
   display: flex;
   flex-direction: column;
   align-items: center;
-  height: 350px;
   justify-content: space-between;
   .icon{
     margin-top: 70px;
   }
   .list{
-    display: flex;
+    display: grid;
+    grid-template-columns: repeat(3, 33.33%);
     gap: 50px;
     align-items: center;
     margin-bottom: 20px;
+    justify-content: space-between;
+    width: 1200px;
+    justify-items: center;
     .coso{
       width: 136px;
     }
     .kucoin{
-      width: 314px;
+      width: 360px;
     }
     .multiverse{
       width: 232px;
     }
+    .kernel{
+      width: 360px;
+    }
+    .initiate{
+      width: 360px;
+    }
   }
 }
 #investors-section.mobile{
@@ -69,18 +87,24 @@ export default class extends Vue {
   .list{
     margin-bottom: 5vw;
     justify-content: space-between;
-    width: 80vw;
-    gap: 5vw;
+    width: 100vw;
+    gap: 1vw;
     .coso{
       width: 16.4vw;
       height: 16.4vw;
     }
     .kucoin{
-      width: 41vw;
+      width: 30vw;
     }
     .multiverse{
       width: 20vw;
     }
+    .kernel{
+      width: 30vw;
+    }
+    .initiate{
+      width: 30vw;
+    }
   }
 }
 </style>

src/components/index/PartnerSection.vue

@@ -4,14 +4,29 @@
       <img src="@/assets/202202/team/partners.png" alt="partners"/>
     </div>
     <div class="partner-list">
+      <a href="https://www.kucoin.com/">
+        <img class="kucoin" src="@/assets/202202/kucoin@2x.png" alt="kucoin"/>
+      </a>
       <a href="https://twitter.com/multiverse_play">
         <img class="multiverse" src="@/assets/202202/multiverse_play.png" alt="multiverse play"/>
       </a>
       <a href="https://www.coso.org/">
         <img class="coso" src="@/assets/202202/coso@2x.png" alt="coso"/>
       </a>
-      <a href="https://www.kucoin.com/">
-        <img class="kucoin" src="@/assets/202202/kucoin@2x.png" alt="kucoin"/>
+      <a href="">
+        <img class="gamestreet" src="@/assets/202202/partners/gamestreet.png" alt="gamestreet"/>
+      </a>
+      <a href="">
+        <img class="san" src="@/assets/202202/partners/san-lazarus-guild.png" alt="San Lazarus Guild"/>
+      </a>
+      <a href="">
+        <img class="shadow" src="@/assets/202202/partners/shadow-scholar-guild.png" alt="San Lazarus Guild"/>
+      </a>
+      <a href="">
+        <img class="sfc" src="@/assets/202202/partners/sfc-guild.png" alt="Sfc Guild"/>
+      </a>
+      <a href="">
+        <img class="certik" src="@/assets/202202/partners/certik.png" alt="certik"/>
       </a>
     </div>
   </section>
@@ -40,21 +55,37 @@ export default class PartnerSection extends Vue {
     margin-top: 60px;
   }
   .partner-list{
-    display: flex;
-    width: 927px;
+    display: grid;
+    grid-template-columns: repeat(3, 33.33%);
+    width: 1200px;
     flex-direction: row;
     margin: 20px auto 50px;
     align-items: center;
-    justify-content: space-around;
+    justify-items: center;
     .multiverse{
       width: 232px;
     }
     .coso{
       width: 130px;
     }
+    .gamestreet{
+      width: 130px;
+    }
     .kucoin{
       width: 314px;
     }
+    .shadow{
+      width: 360px;
+    }
+    .san{
+      width: 151px;
+    }
+    .sfc{
+      width: 130px;
+    }
+    .certik{
+      width: 360px;
+    }
   }
 }
 
@@ -69,18 +100,39 @@ export default class PartnerSection extends Vue {
   .partner-list{
     margin-bottom: 5vw;
     justify-content: space-between;
-    width: 80vw;
-    gap: 5vw;
+    width: 100vw;
+    gap: 1vw;
+    img{
+      height: auto;
+    }
     .coso{
       width: 16.4vw;
       height: 16.4vw;
     }
     .kucoin{
-      width: 41vw;
+      width: 30vw;
     }
     .multiverse{
       width: 20vw;
     }
+    .gamestreet{
+      width: 15vw;
+    }
+    .kucoin{
+      width: 30vw;
+    }
+    .shadow{
+      width: 30vw;
+    }
+    .san{
+      width: 20vw;
+    }
+    .sfc{
+      width: 15vw;
+    }
+    .certik{
+      width: 30vw;
+    }
   }
 }
 

src/components/nft/NftInfo.vue

@@ -63,7 +63,7 @@
         <div class="title">Destroy</div>
         <div class="desc">
           <p>When merging weapons to increase their rarity, </p>
-          <p>he lower level weapons will be destroyed.</p>
+          <p>the lower level weapons will be destroyed.</p>
         </div>
       </div>
       <div class="el-dialog__body" v-if="type === 2">
@@ -73,7 +73,7 @@
           <p>upgraded, they can be upgraded with chips. </p>
           <p></p>
           <p>Upgrade heroes or weapons with chips to add</p>
-          <p>add additional attributes. </p>
+          <p>additional attributes. </p>
           <p></p>
           <p>Rarity, levels and types </p>
           <p>Chips are not differentiated by level and type, </p>

src/components/roadmap/InfoPanel.vue

@@ -78,7 +78,7 @@ export default class InfoPanel extends Vue {
       id: 5,
       texts: [
         {
-          title: 'Jan. 2022',
+          title: 'Jun. 2022',
           desc: ['Streaming to 3rd party platform']
         },
         {