修改各子页面meta, 根据最新文案修改
This commit is contained in:
cebgcontract
parent
461b8cd38c
commit
7ec73a3e5e
12
package-lock.json
generated
12
package-lock.json
generated
@ -8651,9 +8651,7 @@
|
||||
"deepmerge": {
|
||||
"version": "4.2.2",
|
||||
"resolved": "https://registry.npmmirror.com/deepmerge/download/deepmerge-4.2.2.tgz",
|
||||
"integrity": "sha1-RNLqNnm49NT/ujPwPYZfwee/SVU=",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"integrity": "sha1-RNLqNnm49NT/ujPwPYZfwee/SVU="
|
||||
},
|
||||
"default-gateway": {
|
||||
"version": "5.0.5",
|
||||
@ -19151,6 +19149,14 @@
|
||||
}
|
||||
}
|
||||
},
|
||||
"vue-meta": {
|
||||
"version": "2.4.0",
|
||||
"resolved": "https://registry.npmmirror.com/vue-meta/-/vue-meta-2.4.0.tgz",
|
||||
"integrity": "sha512-XEeZUmlVeODclAjCNpWDnjgw+t3WA6gdzs6ENoIAgwO1J1d5p1tezDhtteLUFwcaQaTtayRrsx7GL6oXp/m2Jw==",
|
||||
"requires": {
|
||||
"deepmerge": "^4.2.2"
|
||||
}
|
||||
},
|
||||
"vue-property-decorator": {
|
||||
"version": "9.1.2",
|
||||
"resolved": "https://registry.npm.taobao.org/vue-property-decorator/download/vue-property-decorator-9.1.2.tgz",
|
||||
|
||||
@ -2,8 +2,6 @@
|
||||
<html lang="">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="description" content="CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It's an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.">
|
||||
<meta name="keywords" content="CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
|
||||
<meta name="format-detection" content="telephone=no, email=no" />
|
||||
@ -13,28 +11,12 @@
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;700&display=swap" rel="stylesheet">
|
||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||
<title>CEBG: CRYPTO ELITE‘S BATTLEGROUNDS</title>
|
||||
<style>
|
||||
html *
|
||||
{
|
||||
font-family: 'Rajdhani',serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
body{
|
||||
overflow-x: hidden;
|
||||
scrollbar-width: none;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 0 !important;height: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.video-youtube-202202 iframe{
|
||||
margin-top: -110px;
|
||||
}
|
||||
.video-youtube-202202.mobile iframe{
|
||||
margin-top: -9vw;
|
||||
}
|
||||
html * {font-family: 'Rajdhani',serif;font-weight: bold;}
|
||||
body{overflow-x: hidden;scrollbar-width: none;}
|
||||
::-webkit-scrollbar {width: 0 !important;height: 0;display: none;}
|
||||
.video-youtube-202202 iframe{margin-top: -110px;}
|
||||
.video-youtube-202202.mobile iframe{margin-top: -9vw;}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
@ -39,7 +39,7 @@
|
||||
</div>
|
||||
<div class="sub-list">
|
||||
<div class="title">Contact us</div>
|
||||
<a href="mailto:support@cebg.games">support@cebg.games</a>
|
||||
<a href="mailto:contact@cebg.games">contact@cebg.games</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copy-right">
|
||||
|
||||
@ -4,19 +4,19 @@
|
||||
<img src="@/assets/202202/icon_investors@2x.png" alt="investors"/>
|
||||
</div>
|
||||
<div class="list">
|
||||
<a href="https://www.kucoin.com/">
|
||||
<a href="https://twitter.com/KuCoinVentures">
|
||||
<img class="kucoin" src="@/assets/202202/partners/kucoin.png" alt="kucoin"/>
|
||||
</a>
|
||||
<a href="">
|
||||
<a href="https://www.kernel-ventures.com">
|
||||
<img class="kernel" src="@/assets/202202/partners/kernel.png" alt="kernel"/>
|
||||
</a>
|
||||
<a href="">
|
||||
<a href="javascript:void(0)">
|
||||
<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/">
|
||||
<a href="https://twitter.com/cososwap">
|
||||
<img class="coso" src="@/assets/202202/coso@2x.png" alt="coso"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -10,22 +10,22 @@
|
||||
<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/">
|
||||
<a href="https://twitter.com/cososwap">
|
||||
<img class="coso" src="@/assets/202202/coso@2x.png" alt="coso"/>
|
||||
</a>
|
||||
<a href="">
|
||||
<a href="https://gamestreet.io/">
|
||||
<img class="gamestreet" src="@/assets/202202/partners/gamestreet.png" alt="gamestreet"/>
|
||||
</a>
|
||||
<a href="">
|
||||
<a href="https://discord.com/invite/sanlazarusguild">
|
||||
<img class="san" src="@/assets/202202/partners/san-lazarus-guild.png" alt="San Lazarus Guild"/>
|
||||
</a>
|
||||
<a href="">
|
||||
<a href="https://shadowscholarguild.com/">
|
||||
<img class="shadow" src="@/assets/202202/partners/shadow-scholar-guild.png" alt="San Lazarus Guild"/>
|
||||
</a>
|
||||
<a href="">
|
||||
<a href="https://beacons.ai/fidem">
|
||||
<img class="sfc" src="@/assets/202202/partners/sfc-guild.png" alt="Sfc Guild"/>
|
||||
</a>
|
||||
<a href="">
|
||||
<a href="https://www.certik.com/projects/cebg-game">
|
||||
<img class="certik" src="@/assets/202202/partners/certik.png" alt="certik"/>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -54,7 +54,7 @@
|
||||
<div>Contact us</div>
|
||||
<img class="btn-plus" src="@/assets/mobile/index/icon-plus.png" alt="plus"/>
|
||||
</div>
|
||||
<a href="mailto:support@cebg.games">support@cebg.games</a>
|
||||
<a href="mailto:contact@cebg.games">contact@cebg.games</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copy-right">
|
||||
|
||||
@ -70,7 +70,7 @@ export default class InfoPanel extends Vue {
|
||||
},
|
||||
{
|
||||
title: 'May. 2022',
|
||||
desc: ['New function release:', 'PVE', 'PVP Ranking NFT', 'can be leveled up to Lv.15', 'Mobile version on App Store and Google Play']
|
||||
desc: ['New function release:', '- PVE', '- PVP Ranking NFT', '- can be leveled up to Lv.15', '- Mobile version on App Store and Google Play']
|
||||
}
|
||||
]
|
||||
},
|
||||
|
||||
@ -31,7 +31,20 @@ const routes: Array<RouteConfig> = [
|
||||
path: '/',
|
||||
name: 'Main',
|
||||
component: mobile ? MobileIndex : Index,
|
||||
alias: '/index.html'
|
||||
alias: '/index.html',
|
||||
meta: {
|
||||
title: 'CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
|
||||
metaTags: [
|
||||
{
|
||||
name: 'description',
|
||||
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
|
||||
},
|
||||
{
|
||||
name: 'keywords',
|
||||
content: 'CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/market',
|
||||
@ -65,31 +78,96 @@ const routes: Array<RouteConfig> = [
|
||||
path: '/nft',
|
||||
name: 'Nft',
|
||||
component: mobile ? MobileNft : NFT,
|
||||
alias: '/nft/index.html'
|
||||
alias: '/nft/index.html',
|
||||
meta: {
|
||||
title: 'NFT | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
|
||||
metaTags: [
|
||||
{
|
||||
name: 'description',
|
||||
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
|
||||
},
|
||||
{
|
||||
name: 'keywords',
|
||||
content: 'nft, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/gameplay',
|
||||
name: 'Gameplay',
|
||||
component: mobile ? MobileGameplay : Gameplay,
|
||||
alias: '/gameplay/index.html'
|
||||
alias: '/gameplay/index.html',
|
||||
meta: {
|
||||
title: 'Gameplay | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
|
||||
metaTags: [
|
||||
{
|
||||
name: 'description',
|
||||
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
|
||||
},
|
||||
{
|
||||
name: 'keywords',
|
||||
content: 'gameplay, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/tokenomic',
|
||||
name: 'Tokenomic',
|
||||
component: mobile ? MobileTokennomic : Tokenomic,
|
||||
alias: '/tokenomic/index.html'
|
||||
alias: '/tokenomic/index.html',
|
||||
meta: {
|
||||
title: 'Tokenomic | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
|
||||
metaTags: [
|
||||
{
|
||||
name: 'description',
|
||||
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
|
||||
},
|
||||
{
|
||||
name: 'keywords',
|
||||
content: 'tokenomic, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/team',
|
||||
name: 'Team',
|
||||
component: mobile ? MobileTeam : Team,
|
||||
alias: '/team/index.html'
|
||||
alias: '/team/index.html',
|
||||
meta: {
|
||||
title: 'Team | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
|
||||
metaTags: [
|
||||
{
|
||||
name: 'description',
|
||||
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
|
||||
},
|
||||
{
|
||||
name: 'keywords',
|
||||
content: 'team, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
path: '/roadmap',
|
||||
name: 'Roadmap',
|
||||
component: mobile ? MobileRoadmap : Roadmap,
|
||||
alias: '/roadmap/index.html'
|
||||
alias: '/roadmap/index.html',
|
||||
meta: {
|
||||
title: 'Roadmap | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS',
|
||||
metaTags: [
|
||||
{
|
||||
name: 'description',
|
||||
content: 'CEBG is the 1st Anime + Beauties + Mechas blockchain game that supports FREE TO PLAY and PLAY TO EARN. It\'s an online multiplayer battle royale game where up to 40 players parachute onto an island and scavenge for weapons and equipment to kill others. The last player or team standing wins the round.'
|
||||
},
|
||||
{
|
||||
name: 'keywords',
|
||||
content: 'roadmap, CEBG, CRYPTO ELITE‘S BATTLEGROUNDS, CEBG BATTLEGROUNDS, CE BATTLEGROUNDS, CRYPTO ELITE‘S, cebg Mobile, cebg official, free battle royale, cebg game, cec, ceg, cebg coin, cebg gold, cebg crypto, cebg p2e, play to earn, free to play, blockchain game'
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
]
|
||||
|
||||
@ -99,4 +177,50 @@ const router = new VueRouter({
|
||||
routes
|
||||
})
|
||||
|
||||
// ...
|
||||
|
||||
// This callback runs before every route change, including on page load.
|
||||
router.beforeEach((to, from, next) => {
|
||||
// This goes through the matched routes from last to first, finding the closest route with a title.
|
||||
// e.g., if we have `/some/deep/nested/route` and `/some`, `/deep`, and `/nested` have titles,
|
||||
// `/nested`'s will be chosen.
|
||||
const nearestWithTitle = to.matched.slice().reverse().find(r => r.meta && r.meta.title)
|
||||
|
||||
// Find the nearest route element with meta tags.
|
||||
const nearestWithMeta = to.matched.slice().reverse().find(r => r.meta && r.meta.metaTags)
|
||||
|
||||
const previousNearestWithMeta = from.matched.slice().reverse().find(r => r.meta && r.meta.metaTags)
|
||||
|
||||
// If a route with a title was found, set the document (page) title to that value.
|
||||
if (nearestWithTitle) {
|
||||
document.title = nearestWithTitle.meta.title
|
||||
} else if (previousNearestWithMeta) {
|
||||
document.title = previousNearestWithMeta.meta.title
|
||||
}
|
||||
|
||||
// Remove any stale meta tags from the document using the key attribute we set below.
|
||||
Array.from(document.querySelectorAll('[data-vue-router-controlled]')).map((el: any) => el.parentNode.removeChild(el))
|
||||
|
||||
// Skip rendering meta tags if there are none.
|
||||
if (!nearestWithMeta) return next()
|
||||
|
||||
// Turn the meta tag definitions into actual elements in the head.
|
||||
nearestWithMeta.meta.metaTags.map((tagDef: any) => {
|
||||
const tag = document.createElement('meta')
|
||||
|
||||
Object.keys(tagDef).forEach(key => {
|
||||
tag.setAttribute(key, tagDef[key])
|
||||
})
|
||||
|
||||
// We use this to track which meta tags we create so we don't interfere with other ones.
|
||||
tag.setAttribute('data-vue-router-controlled', '')
|
||||
|
||||
return tag
|
||||
})
|
||||
// Add the meta tags to the document head.
|
||||
.forEach((tag: any) => document.head.appendChild(tag))
|
||||
|
||||
next()
|
||||
})
|
||||
|
||||
export default router
|
||||
|
||||
@ -41,7 +41,7 @@ export default class extends Vue {
|
||||
private teamList = [{
|
||||
avatar: require('@/assets/202202/team/luca_ganzedda.png'),
|
||||
name: 'Luca Ganzedda',
|
||||
job: 'Tokenomic Manager',
|
||||
job: 'Head of Tokenomic',
|
||||
intro: [
|
||||
'Luca has accumulated a lot of project experience in different field, including DAO,NFT, Gamefi and DeFi, and good at token economic model design,digital asset consulting, IDO/IEO guidance.',
|
||||
'Luca has the master degree in economics, and double bachelor’s degree in macroeconomics and Economics.'
|
||||
@ -50,7 +50,7 @@ export default class extends Vue {
|
||||
{
|
||||
avatar: require('@/assets/202202/team/jesse_lynch.png'),
|
||||
name: 'Jesse Lynch',
|
||||
job: 'Operation Manager',
|
||||
job: 'Head of Operation',
|
||||
intro: [
|
||||
'Jesse has over 5-year experience in gaming, and used to work for NetEast and other famous game companies. ',
|
||||
'Jesse has enriched network resource in the global game industry. Dedicated into the analysis of global traditional game market and GameFi industry for a long time, Jesse has in-depth understanding and insights regarding GameFi and Web 3.0.'
|
||||
@ -61,14 +61,15 @@ export default class extends Vue {
|
||||
private advisors = [
|
||||
{
|
||||
name: 'Michael Yue',
|
||||
job: 'OG in the game industry',
|
||||
job: '',
|
||||
intro: [
|
||||
'OG in the game industry',
|
||||
'Former Co-Founder of Giant Interactive Group'
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Ben',
|
||||
job: 'Operation Manager',
|
||||
job: '',
|
||||
intro: [
|
||||
'Head of Operation of Multiverse Play',
|
||||
'Avid crypto enthusiast, senior investor, and versatile talent',
|
||||
@ -77,7 +78,7 @@ export default class extends Vue {
|
||||
},
|
||||
{
|
||||
name: 'Ray',
|
||||
job: 'Marketing & Content Manger',
|
||||
job: '',
|
||||
intro: [
|
||||
'Head of Marketing & Content of Multiverse Play',
|
||||
'18-year experience in game publishing and R&D',
|
||||
|
||||
@ -43,7 +43,7 @@ export default class MobileTeam extends Vue {
|
||||
private teamList = [{
|
||||
avatar: require('@/assets/202202/team/luca_ganzedda.png'),
|
||||
name: 'Luca Ganzedda',
|
||||
job: 'Tokenomic Manager',
|
||||
job: 'Head of Tokenomic',
|
||||
intro: [
|
||||
'Luca has accumulated a lot of project experience in different field, including DAO,NFT, Gamefi and DeFi, and good at token economic model design,digital asset consulting, IDO/IEO guidance.',
|
||||
'Luca has the master degree in economics, and double bachelor’s degree in macroeconomics and Economics.'
|
||||
@ -52,7 +52,7 @@ export default class MobileTeam extends Vue {
|
||||
{
|
||||
avatar: require('@/assets/202202/team/jesse_lynch.png'),
|
||||
name: 'Jesse Lynch',
|
||||
job: 'Operation Manager',
|
||||
job: 'Head of Operation',
|
||||
intro: [
|
||||
'Jesse has over 5-year experience in gaming, and used to work for NetEast and other famous game companies. ',
|
||||
'Jesse has enriched network resource in the global game industry. Dedicated into the analysis of global traditional game market and GameFi industry for a long time, Jesse has in-depth understanding and insights regarding GameFi and Web 3.0.'
|
||||
@ -63,14 +63,15 @@ export default class MobileTeam extends Vue {
|
||||
private advisors = [
|
||||
{
|
||||
name: 'Michael Yue',
|
||||
job: 'OG in the game industry',
|
||||
job: '',
|
||||
intro: [
|
||||
'OG in the game industry',
|
||||
'Former Co-Founder of Giant Interactive Group'
|
||||
]
|
||||
},
|
||||
{
|
||||
name: 'Ben',
|
||||
job: 'Operation Manager',
|
||||
job: '',
|
||||
intro: [
|
||||
'Head of Operation of Multiverse Play',
|
||||
'Avid crypto enthusiast, senior investor, and versatile talent',
|
||||
@ -79,7 +80,7 @@ export default class MobileTeam extends Vue {
|
||||
},
|
||||
{
|
||||
name: 'Ray',
|
||||
job: 'Marketing & Content Manger',
|
||||
job: '',
|
||||
intro: [
|
||||
'Head of Marketing & Content of Multiverse Play',
|
||||
'18-year experience in game publishing and R&D',
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user