ffi
@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>CEBG</title>
|
||||
<title>CEBG - Anime PUBG on fire!</title>
|
||||
</head>
|
||||
<script type="module">
|
||||
import {Buffer} from 'buffer';
|
||||
|
BIN
src/assets/img/game/banner.jpg
Normal file
After Width: | Height: | Size: 159 KiB |
Before Width: | Height: | Size: 1.0 MiB |
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.6 KiB |
Before Width: | Height: | Size: 6.5 KiB After Width: | Height: | Size: 4.4 KiB |
BIN
src/assets/img/home/banner-out.jpg
Normal file
After Width: | Height: | Size: 41 KiB |
Before Width: | Height: | Size: 864 KiB |
@ -36,8 +36,7 @@
|
||||
</div>
|
||||
<div class="card-item" v-else="currentStep == 3">
|
||||
<div class="text">
|
||||
In charged of Legend, Legends of the World,The Romance of Legends,
|
||||
etc.
|
||||
In charge of Legend, Legends of the world, The Romance of Legends, etc
|
||||
</div>
|
||||
</div>
|
||||
</XyzTransition>
|
||||
@ -47,11 +46,12 @@
|
||||
<script setup>
|
||||
import { ref, watch } from "vue";
|
||||
|
||||
|
||||
const points = [
|
||||
"Michael </br> Yue Founder",
|
||||
"yoda</br> gaming econonist",
|
||||
"SUPER</br> GPRODCER",
|
||||
"XIN </br> CTO",
|
||||
"FOUNDER </br> MICHEAL YUE",
|
||||
"GAMING ECONOMIST</br> YODA",
|
||||
"PRODUCER</br> SUPER G",
|
||||
"CTO </br> XIN",
|
||||
];
|
||||
const currentStep = ref(0);
|
||||
|
||||
|
@ -9,15 +9,15 @@
|
||||
<div class="slogan">
|
||||
<div class="cebg-stands">
|
||||
<ScrollAnimatedText textColor="#FFF6DE"
|
||||
>CEBG stands for Crypto Elite's: BATTLEGROUNDS,the first
|
||||
blockchain-based game consisting of Moba,and Battleroyal. It's
|
||||
>CEBG stands for Crypto Elite's: BATTLEGROUNDS, the first
|
||||
blockchain-based game consisting of Moba, and Battle royal. It's
|
||||
funded by more than 7 institutional investors.</ScrollAnimatedText
|
||||
>
|
||||
</div>
|
||||
<div class="cebg-batlegrounds">
|
||||
<ScrollAnimatedText textColor="#FFF6DE">
|
||||
CEBG stands for Crypto Elite's: BATLEGROUNDS,the first
|
||||
blockchain-based game consisting of Moba,and Battleroyal. It's
|
||||
CEBG stands for Crypto Elite's: BATTLEGROUNDS, the first
|
||||
blockchain-based game consisting of Moba, and Battle royal. It's
|
||||
funded by more than 7 institutional investors.</ScrollAnimatedText
|
||||
>
|
||||
</div>
|
||||
|
@ -40,7 +40,7 @@
|
||||
<div class="history-card">
|
||||
<div class="card-item">
|
||||
<div class="item">
|
||||
<div class="text">PVE Model</div>
|
||||
<div class="text">PVE Mode</div>
|
||||
<div class="text">2D TPS Version Dev</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -65,14 +65,14 @@
|
||||
<div class="card-item">
|
||||
<div class="item">
|
||||
<div class="text">Completing 3D <br>Upgrade</div>
|
||||
<div class="text">10K+ Participation<br> in Test II</div>
|
||||
<div class="text">10K+ Participations<br> in Test II</div>
|
||||
<div class="text">NFT New Collection<br> Mint</div>
|
||||
<div class="text">In-Game Marketplace</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-item">
|
||||
<div class="item">
|
||||
<div class="text">Million Player in 3 <br>month</div>
|
||||
<div class="text">Millions of players in 3 <br>months</div>
|
||||
<div class="text">Off-line E-sport Event</div>
|
||||
<div class="text">KOL<br> Engine completed</div>
|
||||
<div class="text">City Warfare testing</div>
|
||||
@ -80,7 +80,7 @@
|
||||
</div>
|
||||
<div class="card-item">
|
||||
<div class="item">
|
||||
<div class="text">Million Player</div>
|
||||
<div class="text">Millions of players</div>
|
||||
<div class="text">Off-line E-sport Event</div>
|
||||
<div class="text">KOL Engine <br>completed</div>
|
||||
<div class="text">City Warfare testing</div>
|
||||
|
@ -24,15 +24,15 @@
|
||||
<div class="cebg-stands">
|
||||
<ScrollAnimatedText text-color="#5D5D5D">
|
||||
Our goal is to produce a game that is very enjoyable to play and
|
||||
has excellent economy design that allows players to feel the joy
|
||||
of playing while being able to earntokens.
|
||||
has an excellent economic design that allows players to feel the
|
||||
joy of playing while being able to earn tokens.
|
||||
</ScrollAnimatedText>
|
||||
</div>
|
||||
<div class="cebg-batlegrounds">
|
||||
<ScrollAnimatedText text-color="#5D5D5D">
|
||||
At the same time, a community co-creation and sharing mechanism
|
||||
is used to disrupt the existing content and value sharing model
|
||||
so that creativity and value can flourish in the community.
|
||||
is used to disrupt the existing content and value-sharing model
|
||||
so that creativity and value can flourish in the community
|
||||
</ScrollAnimatedText>
|
||||
</div>
|
||||
</div>
|
||||
@ -100,7 +100,7 @@ const cardText = [
|
||||
name: "Xin",
|
||||
title: "CTO",
|
||||
slogan:
|
||||
"In charged of Legend, Legends of the World,The Romance of Legends, etc.",
|
||||
"In Charge of Legend, Legends of the World,The Romance of Legends, etc.",
|
||||
},
|
||||
];
|
||||
onMounted(() => {
|
||||
|
@ -13,7 +13,7 @@
|
||||
/></a>
|
||||
</div>
|
||||
<div class="download-item-google">
|
||||
<a href="https://play.google.com/store/apps/details?id=io.metamask">
|
||||
<a href="https://play.google.com/store/apps/details?id=com.cege.games.release">
|
||||
<img src="@/assets/img/home/google.png" alt=""
|
||||
/></a>
|
||||
</div>
|
||||
@ -28,7 +28,7 @@
|
||||
<div class="poster poster-there"></div>
|
||||
</div>
|
||||
<div class="banner-bg">
|
||||
<img src="@/assets/img/home/banner-out.png" alt="" />
|
||||
<img src="@/assets/img/home/banner-out.jpg" alt="" />
|
||||
</div>
|
||||
<div class="boder-bottom">
|
||||
<img src="@/assets/img/home/banner-boder.png" alt="" />
|
||||
|
@ -316,6 +316,7 @@ function test(index, sc) {
|
||||
height: 82px;
|
||||
margin-left: 20px;
|
||||
font-size: 16px;
|
||||
text-align: center;
|
||||
font-family: 'Poppins';
|
||||
font-weight: bold;
|
||||
color: #ffffff;
|
||||
|
@ -42,7 +42,7 @@
|
||||
<a href="https://t.me/CEBG_official" class="telegram">
|
||||
<!-- <img src="../../assets/img/home/logo/telegram.png" alt="" /> -->
|
||||
</a>
|
||||
<a href="https://discord.gg/8dWX6jpcME" class="dosccord">
|
||||
<a href="https://discord.com/invite/fNSn2NHUvf" class="dosccord">
|
||||
<!-- <img src="../../assets/img/home/logo/discord.png" alt="" /> -->
|
||||
</a>
|
||||
</div>
|
||||
@ -66,7 +66,7 @@
|
||||
</div>
|
||||
<div class="footer-bottom">
|
||||
<div class="mailbox">
|
||||
COPYRIGHT © 上海淘梦网络科技有限公司.ALL RIGHTS RESERVED.
|
||||
COPYRIGHT © Candy Bubble Global Limited.ALL RIGHTS RESERVED.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -20,7 +20,7 @@
|
||||
<li v-for="(item, index) in nav.submenu" :key="index">
|
||||
<div class="link-content" v-if="i !== 2">
|
||||
<div>
|
||||
<a class="link-name" :href="item.link">{{ item.label }}</a>
|
||||
<a class="link-name" :href="item.link" target="_blank" rel="noopener noreferrer">{{ item.label }}</a>
|
||||
</div>
|
||||
<div>
|
||||
<img
|
||||
@ -139,6 +139,7 @@ const navList = reactive([
|
||||
},
|
||||
{ label: "Medium", link: "https://medium.com/@CEBG-BATTLEGROUNDS" },
|
||||
{ label: "Telegram", link: "https://t.me/CEBG_Rally" },
|
||||
{ label: "Discord", link: "https://discord.com/invite/fNSn2NHUvf" },
|
||||
],
|
||||
},
|
||||
{ id: 4, name: "BETA TEST", path: "/" },
|
||||
|
@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div>
|
||||
<NavBar v-if="currentRoute.path !== '/'" currentRoute></NavBar>
|
||||
<NavBar v-if="currentRoute.path !== '/'" ></NavBar>
|
||||
<Transition class="fade">
|
||||
<router-view v-slot="{ Component }">
|
||||
<transition name="fade">
|
||||
|
@ -1,16 +1,16 @@
|
||||
<template>
|
||||
<div class="banner">
|
||||
<div class="title">
|
||||
<!-- <div class="title">
|
||||
<div class="title-top">CEBG Beta Level-up Event</div>
|
||||
<div class="limited">LIMITED-TIME</div>
|
||||
<div class="time">
|
||||
Duration : April 8 <span class="text">th</span> 6:00:00 - May 8
|
||||
<span class="text">th</span> 15:59:59 <span class="text">( UTC )</span>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<div class="login-btn" @click="handlHome">OFFICIAL SITE</div>
|
||||
<div class="banner-bg">
|
||||
<img src="../assets/img/game/banner.png" alt="" />
|
||||
<img src="../assets/img/game/banner.jpg" alt="" />
|
||||
</div>
|
||||
<div class="banner-bottom-boder"><img src="../assets/img/game/banner-bottom-boder.png" alt=""></div>
|
||||
</div>
|
||||
@ -21,19 +21,19 @@
|
||||
<img src="../assets/img/game/rules.png" alt="" />
|
||||
</div>
|
||||
<div class="rules-slogan">
|
||||
Before the end of the beta test, which is May 8th 15:59:59 (UTC), if
|
||||
your in-game character reaches the corresponding level,<br />
|
||||
Before the end of the beta test ll, which is May 8th 15:59:59 (UTC), if
|
||||
you reaches the corresponding level,<br />
|
||||
you can receive the following exquisite gifts:
|
||||
</div>
|
||||
<div class="upon-text">
|
||||
<div>
|
||||
1. Upon reaching <span class="text-item">leve 9</span> , you can obtain
|
||||
1. Upon reaching <span class="text-item">level 9</span> , you can obtain
|
||||
a rare and exquisite limited-edition skin.
|
||||
</div>
|
||||
|
||||
<div>
|
||||
2. Upon reaching <span class="text-item"> leve 12</span> , you can get
|
||||
a explorer badge(NFT). It is free mint.
|
||||
2. Upon reaching <span class="text-item"> level 15</span> , you can get
|
||||
a Explorer badge(NFT). It is free mint.
|
||||
</div>
|
||||
</div>
|
||||
<div class="notes">
|
||||
@ -44,7 +44,7 @@
|
||||
<br />
|
||||
The edition skin can be equipped on the hero and is also seen as NFT.
|
||||
After our marketplace is launched, it can be traded on the market.
|
||||
<br />The specific distribution method and time for the explorer
|
||||
<br />The specific distribution method and time for the Explorer
|
||||
badge(NFT) will be notified separately. Please keep looking forward to
|
||||
the latest news.
|
||||
<br />
|
||||
@ -94,7 +94,7 @@
|
||||
</div>
|
||||
<div class="faq-item">
|
||||
<div class="q-text">
|
||||
Q: What conditions are required to own this explorer badge(NFT)?
|
||||
Q: What conditions are required to own this Explorer badge(NFT)?
|
||||
</div>
|
||||
<div class="a-text">
|
||||
A: You need to participate in the beta test and your character
|
||||
@ -115,7 +115,7 @@
|
||||
Q: How will the rewards be sent to my account?
|
||||
</div>
|
||||
<div class="a-text">
|
||||
A: In order to receive the skin and explorer badge(NFT), you need
|
||||
A: In order to receive the skin and Explorer badge(NFT), you need
|
||||
to ensure that the email and wallet accounts registered in the
|
||||
officially launched game <br />
|
||||
must be the same as the ones registered during the beta test.
|
||||
@ -133,7 +133,7 @@
|
||||
A: You need to log in to the game and register your character
|
||||
within two weeks after the official release of the game to receive
|
||||
the skin reward. <br />
|
||||
The time for obtaining the explorer badge(NFT) will be notified
|
||||
The time for obtaining the Explorer badge(NFT) will be notified
|
||||
separately, please keep looking forward to the latest news.
|
||||
</div>
|
||||
</div>
|
||||
@ -272,22 +272,22 @@ const handlHome = () => {
|
||||
color: #dedede;
|
||||
line-height: 24px;
|
||||
.text-item {
|
||||
font-size: 12px;
|
||||
font-size: 14px;
|
||||
// font-family: "Big John";
|
||||
font-weight: 400;
|
||||
font-weight: 800;
|
||||
color: #ffe100;
|
||||
}
|
||||
}
|
||||
.notes {
|
||||
padding-top: 67px;
|
||||
.notes-title {
|
||||
font-size: 14px;
|
||||
font-size: 16px;
|
||||
font-family: "Poppins";
|
||||
font-weight: 500;
|
||||
color: #cacaca;
|
||||
}
|
||||
.notes-slogan {
|
||||
font-size: 12px;
|
||||
font-size: 14px;
|
||||
font-family: "Poppins";
|
||||
font-weight: 400;
|
||||
color: #cacaca;
|
||||
|