Skip to content
This repository was archived by the owner on Dec 5, 2025. It is now read-only.

Commit e2ac29e

Browse files
yangwaoyangwao
authored
Merge pull request #562 from kodadot/main
Svg logo, new loader, improved seo
2 parents ed9cc80 + 3700189 commit e2ac29e

File tree

16 files changed

+80
-44
lines changed

16 files changed

+80
-44
lines changed

‎public/img/icons/favicon-32x32.png‎

344 Bytes
Loading

‎public/koda300x300.svg‎

Lines changed: 12 additions & 0 deletions
Loading

‎public/kodadot_logo_v1_transparent_400px.jpg‎

-26.2 KB
Binary file not shown.

‎src/assets/infinity.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎src/assets/koda300x300.svg‎

Lines changed: 12 additions & 0 deletions
Loading

‎src/components/Footer.vue‎

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
>
1212
<b-icon
1313
icon="envelope"
14-
size="is-small"
14+
size="is-medium"
1515
>
1616
</b-icon>
1717
</a>
@@ -46,55 +46,56 @@
4646
</li>
4747
<li class="icons__list-item">
4848
<a
49-
href="https://t.me/kodadot"
49+
href="https://www.youtube.com/channel/UCEULduld5NrqOL49k1KVjoA/"
5050
target="_blank"
5151
rel="noopener noreferrer"
5252
>
5353
<b-icon
5454
pack="fab"
55-
icon="telegram"
55+
icon="youtube"
5656
size="is-medium"
5757
>
5858
</b-icon>
5959
</a>
6060
</li>
6161
<li class="icons__list-item">
6262
<a
63-
href="https://twitter.com/KodaDot"
63+
href="https://t.me/kodadot"
6464
target="_blank"
6565
rel="noopener noreferrer"
6666
>
6767
<b-icon
6868
pack="fab"
69-
icon="twitter"
69+
icon="telegram"
7070
size="is-medium"
7171
>
7272
</b-icon>
7373
</a>
7474
</li>
7575
<li class="icons__list-item">
7676
<a
77-
href="https://www.reddit.com/r/KodaDot/"
77+
href="https://twitter.com/KodaDot"
7878
target="_blank"
7979
rel="noopener noreferrer"
8080
>
8181
<b-icon
8282
pack="fab"
83-
icon="reddit-alien"
83+
icon="twitter"
8484
size="is-medium"
8585
>
8686
</b-icon>
8787
</a>
8888
</li>
89+
8990
<li class="icons__list-item">
9091
<a
91-
href="https://www.youtube.com/channel/UCEULduld5NrqOL49k1KVjoA/"
92+
href="https://www.reddit.com/r/KodaDot/"
9293
target="_blank"
9394
rel="noopener noreferrer"
9495
>
9596
<b-icon
9697
pack="fab"
97-
icon="youtube"
98+
icon="reddit-alien"
9899
size="is-medium"
99100
>
100101
</b-icon>

‎src/components/Navbar.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<template #brand>
99
<b-navbar-item tag="router-link" :to="{ path: '/' }" class="logo">
1010
<img
11-
src="/kodadot_lgbt_320px.png"
11+
src="/koda300x300.svg"
1212
alt="First NFT market explorer on Kusama and Polkadot"
1313
class="logo__img"
1414
>

‎src/components/rmrk/Gallery/CollectionItem.vue‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@
22
<div class="pack-item-wrapper container">
33
<div class="columns">
44
<div class="column">
5-
<p class="title">
5+
<h1 class="title">
66
Collection {{ name }}
7-
</p>
7+
</h1>
88
</div>
99
<div class="column">
1010
<p class="subtitle">
@@ -50,8 +50,10 @@ const components = {
5050
meta: [
5151
{ name: 'description', content: 'Creating Carbonless NFTs on Kusama' },
5252
{ property: 'og:title', content: this.collection.name || 'KodaDot cares about environmental impact'},
53+
{ property: 'og:url', content: 'https://nft.kodadot.xyz/' + this.$route.path },
5354
{ property: 'og:image', content: this.meta.image || 'https://nft.kodadot.xyz/kodadot_carbonless.jpg'},
5455
{ property: 'og:description', content: this.meta.description || 'Creating Carbonless NFTs on Kusama'},
56+
{ property: 'twitter:card', content: 'summary_large_image' },
5557
{ property: 'twitter:title', content: this.collection.name || 'KodaDOT cares about environmental impact'},
5658
{ property: 'twitter:description', content: this.meta.description || 'Creating Carbonless NFTs on Kusama'},
5759
{ property: 'twitter:image', content: this.meta.image || 'https://nft.kodadot.xyz/kodadot_carbonless.jpg'},

‎src/components/rmrk/Gallery/Gallery.vue‎

Lines changed: 1 addition & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -166,19 +166,10 @@ export default class Gallery extends Vue {
166166
sortBy: { blockNumber: -1 }
167167
};
168168
private first = 12;
169-
private placeholder = require('@/assets/kodadot_logo_v1_transparent_400px.png');
169+
private placeholder = require('@/assets/koda300x300.svg');
170170
private currentValue = 1;
171171
private total = 0;
172172
173-
// public mounted() {
174-
// window.onscroll = () => {
175-
// const bottomOfWindow = document.documentElement.scrollTop + window.innerHeight === document.documentElement.scrollHeight;
176-
// if (bottomOfWindow) {
177-
// console.log('!!!!!!!!!!!!!!!! [END]')
178-
// }
179-
// }
180-
// }
181-
182173
get isLoading() {
183174
return this.$apollo.queries.nfts.loading
184175
}

‎src/components/rmrk/Gallery/GalleryCard.vue‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,15 +4,15 @@
44
<div class="card-image" v-if="image">
55
<b-image
66
:src="image"
7-
:src-fallback="require('@/assets/kodadot_logo_v1_transparent_400px.png')"
8-
alt="Simple image"
7+
:src-fallback="placeholder"
8+
:alt="title || 'Simple image'"
99
ratio="1by1"
1010
></b-image>
1111
</div>
1212

1313
<div v-else class="card-image">
1414
<b-image
15-
:src="require('@/assets/kodadot_logo_v1_transparent_400px.png')"
15+
:src="placeholder"
1616
alt="Simple image"
1717
ratio="1by1"
1818
></b-image>
@@ -46,21 +46,24 @@ export default class GalleryCard extends Vue {
4646
@Prop() public id!: string;
4747
@Prop() public name!: string;
4848
protected image: string = '';
49+
protected title: string = '';
4950
@Prop() public emoteCount!: string | number;
5051
@Prop() public imageType!: string;
5152
@Prop() public price!: string;
5253
@Prop() public metadata!: string;
5354
54-
private placeholder = require('@/assets/kodadot_logo_v1_transparent_400px.png');
55+
private placeholder = require('@/assets/koda300x300.svg');
5556
5657
async mounted() {
5758
if (this.metadata) {
5859
const meta = await get(this.metadata);
5960
if (meta) {
6061
this.image = sanitizeIpfsUrl(meta.image)
62+
this.title = meta.name
6163
} else {
6264
const m = await fetchNFTMetadata({ metadata: this.metadata } as NFT)
6365
this.image = sanitizeIpfsUrl(m.image || '')
66+
this.title = m.name
6467
update(this.metadata, () => m)
6568
}
6669
}

0 commit comments

Comments
 (0)