Merge pull request #116 from kodadot/main

add ipfs ulrs to facts

Author: yangwao

dashboard/src/App.vue

@@ -10,29 +10,28 @@ import { Component, Vue, Watch } from 'vue-property-decorator';
 import { cryptoWaitReady } from '@polkadot/util-crypto';
 import keyring from '@polkadot/ui-keyring';
 import Navbar from './components/Navbar.vue';
-import Connector from '@vue-polkadot/vue-api';
 
 @Component<Dashboard>({
   metaInfo() {
     return {
-      title: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer',
+      title: '🖼 👀 KodaDot | Polkadot/Kusama NFT Market Explorer',
       titleTemplate: '%s | KodaDot',
       meta: [{ 
         vmid: 'description',
         name: 'description',
-        content: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer'
+        content: '🖼 👀 KodaDot | Polkadot/Kusama NFT Market Explorer'
       },
-      { property: 'og:title', content: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer' },
+      { property: 'og:title', content: '🖼 👀  KodaDot | Polkadot/Kusama NFT Market Explorer' },
       { property: 'og:type', content: 'website'},
-      { property: 'og:url', content: 'https://kodadot.xyz'},
-      { property: 'og:description', content: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer' },
-      { property: 'og:site_name', content: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer'},
+      { property: 'og:url', content: 'https://nft.kodadot.xyz'},
+      { property: 'og:description', content: ' 🖼 👀  KodaDot | Polkadot/Kusama NFT Market Explorer' },
+      { property: 'og:site_name', content: ' 🖼 👀  KodaDot | Polkadot/Kusama NFT Market Explorer'},
       // { property: 'og:image', content: '/img/icons/android-chrome-256x256.png'}
       { property: 'og:locale', content: 'en_US'},
       { property: 'twitter:card', content: 'summary_large_image' },
       { property: 'twitter:site', content: '@KodaDot' },
-      { property: 'twitter:title', content: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer' },
-      { property: 'twitter:description', content: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer' },
+      { property: 'twitter:title', content: ' 🖼 👀  KodaDot | Polkadot/Kusama NFT Market Explorer' },
+      { property: 'twitter:description', content: ' 🖼 👀  KodaDot | Polkadot/Kusama NFT Market Explorer' },
       // { property: 'twitter:image', content: (this.nft.image as string) },
       ]
     }

dashboard/src/components/rmrk/Gallery/GalleryItem.vue

@@ -102,7 +102,7 @@ type NFTType =  NFTWithMeta;
         { 
           vmid: 'description',
           name: 'description',
-          content: 'KodaDot 🖼👀 First Polkadot/Kusama NFT Market Explorer'
+          content: '🖼 👀 KodaDot Polkadot/Kusama NFT Market Explorer'
         },
         { property: 'og:type', content: 'website'},
         { property: 'og:title', content: (this.nft.name as string) },

dashboard/src/components/rmrk/Gallery/Item/Facts.vue

@@ -30,6 +30,13 @@
           </p>
           <p class="subtitle is-size-6">
             <b>IPFS</b>: <a :href="nft.image">Link to media</a>
+            <p> Undefined for crawler? Next time try these gateways, add CID after and open it</p>
+            <ul>
+              <li v-for="gw in gwList"
+              :key="gw">
+                {{gw}}
+              </li>
+            </ul>
           </p>
         </div>
       </div>
@@ -43,5 +50,13 @@ import { Component, Prop, Vue, Watch } from 'vue-property-decorator';
 @Component({})
 export default class Facts extends Vue {
   @Prop() public nft!: any;
+
+  public gwList: any = [
+    'https://gateway.pinata.cloud/ipfs/',
+    'https://cloudflare-ipfs.com/ipfs/',
+    'https://gateway.ipfs.io/ipfs/',
+    'https://ipfs.fleek.co/ipfs/',
+    'https://dweb.link/ipfs/',
+  ]
 }
 </script>