修改一些图片资源
@ -5,7 +5,7 @@ $.extend({
|
||||
type:'default',
|
||||
content:'content',
|
||||
time:'2000',
|
||||
autoClose:false,
|
||||
autoClose:true,
|
||||
onClose:function(){},
|
||||
define:function(){},
|
||||
};
|
||||
|
@ -801,7 +801,7 @@ span.swiper-pagination-bullet {
|
||||
.hero-d-p {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: -8%;
|
||||
left: 0;
|
||||
height: 1080px;
|
||||
overflow: hidden;
|
||||
}
|
||||
@ -958,9 +958,6 @@ span.swiper-pagination-bullet {
|
||||
.market img{
|
||||
height: 20px;
|
||||
}
|
||||
.hero-d-p{
|
||||
left:-20%;
|
||||
}
|
||||
.hero-d-jx {
|
||||
right: 5%;
|
||||
}
|
||||
|
@ -138,7 +138,7 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="content-f3-item-img">
|
||||
<img src="img/game play/g3@2x.png" />
|
||||
<img src="img/game play/social_title.png" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
BIN
src/desktop/img/game play/social_title.png
Executable file
After Width: | Height: | Size: 432 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 421 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 349 KiB |
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 352 KiB |
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 498 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 368 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 314 KiB |
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 455 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 350 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 413 KiB |
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 440 KiB |
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 3.7 KiB |
BIN
src/desktop/img/nft/chip/chip-layer-bg@2x.png
Executable file → Normal file
Before Width: | Height: | Size: 109 KiB After Width: | Height: | Size: 303 KiB |
Before Width: | Height: | Size: 721 KiB After Width: | Height: | Size: 553 KiB |
BIN
src/desktop/img/nft/hero/hero10-d.png
Executable file → Normal file
Before Width: | Height: | Size: 467 KiB After Width: | Height: | Size: 544 KiB |
Before Width: | Height: | Size: 647 KiB After Width: | Height: | Size: 607 KiB |
Before Width: | Height: | Size: 696 KiB After Width: | Height: | Size: 494 KiB |
Before Width: | Height: | Size: 712 KiB After Width: | Height: | Size: 481 KiB |
Before Width: | Height: | Size: 625 KiB After Width: | Height: | Size: 530 KiB |
Before Width: | Height: | Size: 244 KiB After Width: | Height: | Size: 531 KiB |
Before Width: | Height: | Size: 554 KiB After Width: | Height: | Size: 480 KiB |
Before Width: | Height: | Size: 512 KiB After Width: | Height: | Size: 475 KiB |
Before Width: | Height: | Size: 347 KiB After Width: | Height: | Size: 498 KiB |
BIN
src/desktop/img/nft/hero/layerbg@2x.png
Executable file → Normal file
Before Width: | Height: | Size: 454 KiB After Width: | Height: | Size: 470 KiB |
BIN
src/desktop/img/nft/movie/001.mp4
Executable file
BIN
src/desktop/img/nft/movie/002.mp4
Executable file
BIN
src/desktop/img/nft/movie/003.mp4
Executable file
BIN
src/desktop/img/nft/movie/006.mp4
Executable file
BIN
src/desktop/img/nft/movie/007.mp4
Executable file
BIN
src/desktop/img/nft/movie/008.mp4
Executable file
BIN
src/desktop/img/nft/movie/010.mp4
Executable file
@ -18,6 +18,11 @@
|
||||
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"
|
||||
/>
|
||||
<style>
|
||||
video{
|
||||
object-fit:fill
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<section class="main">
|
||||
@ -97,71 +102,78 @@
|
||||
<div class="nft-hero-c hero-item-c">
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero1-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero1-d.png"
|
||||
data-imgdetail="img/nft/hero/hero1data@2x.png"
|
||||
data-movie="img/nft/movie/001.mp4"
|
||||
>
|
||||
<img src="img/nft/hero/hero1@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero2-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero2-d.png"
|
||||
data-imgdetail="img/nft/hero/hero2data@2x.png"
|
||||
data-movie="img/nft/movie/002.mp4"
|
||||
>
|
||||
<img src="img/nft/hero/hero2@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero3-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero3-d.png"
|
||||
data-imgdetail="img/nft/hero/hero3data@2x.png"
|
||||
data-movie="img/nft/movie/003.mp4"
|
||||
>
|
||||
<img src="img/nft/hero/hero3@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero4-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero4-d.png"
|
||||
data-imgdetail="img/nft/hero/hero4data@2x.png"
|
||||
>
|
||||
<img src="img/nft/hero/hero4@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero5-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero5-d.png"
|
||||
data-imgdetail="img/nft/hero/hero5data@2x.png"
|
||||
>
|
||||
<img src="img/nft/hero/hero5@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero6-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero6-d.png"
|
||||
data-imgdetail="img/nft/hero/hero6data@2x.png"
|
||||
data-movie="img/nft/movie/006.mp4"
|
||||
>
|
||||
<img src="img/nft/hero/hero6@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero7-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero7-d.png"
|
||||
data-imgdetail="img/nft/hero/hero7data@2x.png"
|
||||
data-movie="img/nft/movie/007.mp4"
|
||||
>
|
||||
<img src="img/nft/hero/hero7@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero8-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero8-d.png"
|
||||
data-imgdetail="img/nft/hero/hero8data@2x.png"
|
||||
data-movie="img/nft/movie/008.mp4"
|
||||
>
|
||||
<img src="img/nft/hero/hero8@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero9-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero9-d.png"
|
||||
data-imgdetail="img/nft/hero/hero9data@2x.png"
|
||||
>
|
||||
<img src="img/nft/hero/hero9@2x.png" />
|
||||
</a>
|
||||
<a
|
||||
href="javascript:;"
|
||||
data-bigimg="img/nft/hero/hero10-d@2x.png"
|
||||
data-bigimg="img/nft/hero/hero10-d.png"
|
||||
data-imgdetail="img/nft/hero/hero10data@2x.png"
|
||||
data-movie="img/nft/movie/010.mp4"
|
||||
>
|
||||
<img src="img/nft/hero/hero10@2x.png" />
|
||||
</a>
|
||||
@ -282,13 +294,17 @@
|
||||
<section class="hero-d-layer hero-view">
|
||||
<div class="hero-d-layer-inner">
|
||||
<div class="hero-d-layer-con">
|
||||
<span class="hero-d-p">
|
||||
<img src="img/nft/hero/hero1-d.png" />
|
||||
</span>
|
||||
<span class="hero-d-close">
|
||||
<img src="img/nft/hero/close-b@2x.png" />
|
||||
</span>
|
||||
<span class="hero-d-p">
|
||||
<img src="img/nft/hero/hero1-d@2x.png" />
|
||||
</span>
|
||||
<div class="hero-d-jx"></div>
|
||||
<div class="hero-d-jx">
|
||||
<video id="hero_skill_movie" width="726" height="442" src="img/nft/movie/001.mp4" autoplay="autoplay">
|
||||
Your browser does not support the video tag.
|
||||
</video>
|
||||
</div>
|
||||
<div class="hero-d-data">
|
||||
<img src="img/nft/hero/hero1data@2x.png" />
|
||||
</div>
|
||||
@ -502,15 +518,26 @@
|
||||
$('.hero-item-c a').click(function () {
|
||||
var bigImg = $(this).data('bigimg')
|
||||
var imgDetail = $(this).data('imgdetail')
|
||||
var movie = $(this).data('movie')
|
||||
$('.hero-view').find('.hero-d-data img').attr('src', '')
|
||||
$('.hero-view').find('.hero-d-p img').attr('src', '')
|
||||
$('.hero-view').find('.hero-d-data img').attr('src', imgDetail)
|
||||
$('.hero-view').find('.hero-d-p img').attr('src', bigImg)
|
||||
if (movie) {
|
||||
$('#hero_skill_movie').show();
|
||||
$('#hero_skill_movie').attr('src', movie);
|
||||
document.getElementById("hero_skill_movie").play();
|
||||
} else {
|
||||
$('#hero_skill_movie').hide();
|
||||
}
|
||||
|
||||
$('.hero-view').slideDown(250)
|
||||
})
|
||||
|
||||
$('.hero-d-close').click(function () {
|
||||
$(this).parents('.hero-d-layer').slideUp(250)
|
||||
document.getElementById("hero_skill_movie").pause();
|
||||
$('#hero_skill_movie').attr('src', '');
|
||||
})
|
||||
|
||||
$('.weapon-item-c a').click(function () {
|
||||
|
@ -20,10 +20,16 @@
|
||||
<title>Tokenomic | CEBG: CRYPTO ELITE‘S BATTLEGROUNDS</title>
|
||||
<style>
|
||||
.third {
|
||||
display: flex !important;
|
||||
justify-content: space-around;
|
||||
padding-right: 100px;
|
||||
}
|
||||
.sub-third-l{
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
.sub-third-r{
|
||||
width: 50%;
|
||||
float: right;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -133,7 +139,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="tokenomic-p-item third">
|
||||
<div>
|
||||
<div class="sub-third-l">
|
||||
<div class="tokenomic-p-tit na-he fs50">USER CASE</div>
|
||||
<div
|
||||
class="tokenomic-p-con"
|
||||
@ -146,7 +152,7 @@
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<div class="sub-third-r">
|
||||
<div class="tokenomic-p-tit na-he fs50" style="padding-top: 0;">
|
||||
RELEASE SCHEDULE
|
||||
</div>
|
||||
|
@ -819,14 +819,13 @@ span.swiper-pagination-bullet {
|
||||
overflow: hidden;
|
||||
}
|
||||
.hero-d-p img{
|
||||
height: 140%;
|
||||
margin-left: -20%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hero-d-jx {
|
||||
width: 80%;
|
||||
position: absolute;
|
||||
bottom: -5px;
|
||||
bottom: 0;
|
||||
left: 0px;
|
||||
}
|
||||
.hero-d-jx img{
|
||||
@ -841,7 +840,7 @@ span.swiper-pagination-bullet {
|
||||
.hero-d-data {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
bottom: 2px;
|
||||
bottom: 5px;
|
||||
width: 50%;
|
||||
}
|
||||
.hero-d-data img{
|
||||
@ -881,9 +880,9 @@ span.swiper-pagination-bullet {
|
||||
}
|
||||
.swiper-slide .aniIcon {
|
||||
position: absolute;
|
||||
left: 11vw;
|
||||
top: 12vw;
|
||||
width: 26vw;
|
||||
left: 9vw;
|
||||
top: 18vw;
|
||||
width: 51vw;
|
||||
}
|
||||
.weapon-silder .weapon-silder-item {
|
||||
background: url('../imgMobile/nft/weapon/wpbg@2x.png') no-repeat center center;
|
||||
|
@ -106,7 +106,8 @@
|
||||
<div class="gameplay-content-f3">
|
||||
<div class="gameplay-content-f3-txt">
|
||||
<div class="gameplay-img">
|
||||
<img src="imgMobile/game play/g3@2x.png" width="100%" />
|
||||
|
||||
<img src="imgMobile/game play/g4@2x.png" width="100%" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="imgMobile/game play/Upgrabe@2x.png" height="40" />
|
||||
@ -130,7 +131,7 @@
|
||||
<div class="gameplay-content-f3">
|
||||
<div class="gameplay-content-f3-txt">
|
||||
<div class="gameplay-img">
|
||||
<img src="imgMobile/game play/g4@2x.png" width="100%" />
|
||||
<img src="imgMobile/game play/g3@2x.png" width="100%" />
|
||||
</div>
|
||||
<div>
|
||||
<img src="imgMobile/game play/Social@2x.png" height="40" />
|
||||
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1017 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 744 KiB |
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 847 KiB |
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 1.0 MiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 993 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 820 KiB |
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 941 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 766 KiB |
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 981 KiB |
Before Width: | Height: | Size: 2.0 MiB After Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 1.4 MiB |
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.2 MiB |
Before Width: | Height: | Size: 929 KiB After Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.3 MiB |
Before Width: | Height: | Size: 2.2 MiB After Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.0 MiB |
Before Width: | Height: | Size: 912 KiB After Width: | Height: | Size: 1.1 MiB |
Before Width: | Height: | Size: 1.1 MiB After Width: | Height: | Size: 1.1 MiB |
BIN
src/mobile/img/nft/movie/001.mp4
Executable file
BIN
src/mobile/img/nft/movie/002.mp4
Executable file
BIN
src/mobile/img/nft/movie/003.mp4
Executable file
BIN
src/mobile/img/nft/movie/006.mp4
Executable file
BIN
src/mobile/img/nft/movie/007.mp4
Executable file
BIN
src/mobile/img/nft/movie/008.mp4
Executable file
BIN
src/mobile/img/nft/movie/010.mp4
Executable file
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 421 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 349 KiB |
Before Width: | Height: | Size: 1.4 MiB After Width: | Height: | Size: 352 KiB |
Before Width: | Height: | Size: 1.9 MiB After Width: | Height: | Size: 498 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 368 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 314 KiB |
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 455 KiB |
Before Width: | Height: | Size: 1.3 MiB After Width: | Height: | Size: 350 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 413 KiB |
Before Width: | Height: | Size: 1.8 MiB After Width: | Height: | Size: 440 KiB |
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 13 KiB |
@ -55,6 +55,15 @@ module.exports = {
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.mp4$/i,
|
||||
dependency: { not: ['url'] },
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 1,
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff|ttf|svg|eot)$/,
|
||||
use: ['url-loader'],
|
||||
@ -90,6 +99,11 @@ module.exports = {
|
||||
attribute: 'data-imgdetail',
|
||||
type: 'src',
|
||||
},
|
||||
{
|
||||
tag: 'a',
|
||||
attribute: 'data-movie',
|
||||
type: 'src',
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
|
@ -30,6 +30,7 @@ module.exports = {
|
||||
filename: 'js/[name]-[hash].js',
|
||||
publicPath: './',
|
||||
assetModuleFilename: 'img/[hash][ext][query]',
|
||||
clean: true
|
||||
},
|
||||
|
||||
module: {
|
||||
@ -54,6 +55,15 @@ module.exports = {
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.mp4$/i,
|
||||
dependency: { not: ['url'] },
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 1,
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff|ttf|svg|eot)$/,
|
||||
use: ['url-loader'],
|
||||
@ -89,6 +99,11 @@ module.exports = {
|
||||
attribute: 'data-imgdetail',
|
||||
type: 'src',
|
||||
},
|
||||
{
|
||||
tag: 'a',
|
||||
attribute: 'data-movie',
|
||||
type: 'src',
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
|
@ -55,6 +55,15 @@ module.exports = {
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.mp4$/i,
|
||||
dependency: { not: ['url'] },
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 1,
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff|ttf|svg|eot)$/,
|
||||
use: ['url-loader'],
|
||||
@ -90,6 +99,11 @@ module.exports = {
|
||||
attribute: 'data-imgdetail',
|
||||
type: 'src',
|
||||
},
|
||||
{
|
||||
tag: 'a',
|
||||
attribute: 'data-movie',
|
||||
type: 'src',
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
|
@ -31,6 +31,7 @@ module.exports = {
|
||||
filename: 'js/[name]-[hash].js',
|
||||
publicPath: './',
|
||||
assetModuleFilename: 'img/[hash][ext][query]',
|
||||
clean: true
|
||||
},
|
||||
|
||||
module: {
|
||||
@ -55,6 +56,15 @@ module.exports = {
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.mp4$/i,
|
||||
dependency: { not: ['url'] },
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
limit: 1,
|
||||
name: '[name].[hash:5].[ext]',
|
||||
},
|
||||
},
|
||||
{
|
||||
test: /\.(woff|ttf|svg|eot)$/,
|
||||
use: ['url-loader'],
|
||||
@ -90,6 +100,11 @@ module.exports = {
|
||||
attribute: 'data-imgdetail',
|
||||
type: 'src',
|
||||
},
|
||||
{
|
||||
tag: 'a',
|
||||
attribute: 'data-movie',
|
||||
type: 'src',
|
||||
},
|
||||
],
|
||||
},
|
||||
},
|
||||
|