517 lines
19 KiB
HTML
Executable File
517 lines
19 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>CEBG 1,000 Commander Rally</title>
|
||
<meta property="og:title" content="CEBG Rally Event" />
|
||
<meta property="og:description"
|
||
content="Be THE ONE with us! Build up your troop and generate your exclusive link and code in CEBG to earn $$$USDT & CEG." />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content="https://activity.cebg.games/" />
|
||
<meta property="og:image" content="https://activity.cebg.games/images/cebg.png" />
|
||
<meta property="og:site_name" content="CEBG" />
|
||
<meta property="twitter:card" content="summary_large_image">
|
||
<meta property="twitter:title" content="CEBG Rally Event">
|
||
<meta property="twitter:image" content="https://activity.cebg.games/images/cebg.png">
|
||
<link rel="stylesheet" href="css/normalize.css" type="text/css">
|
||
<link rel="stylesheet" href="css/main.css" type="text/css">
|
||
<script src="js/jquery-1.12.4.js"></script>
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon.ico" />
|
||
<script>
|
||
if (/(iPhone|iPad|iPod|iOS|Android)/i.test(navigator.userAgent)) {
|
||
//移动端
|
||
window.location.href = "mobile.html" + window.location.search;
|
||
}
|
||
</script>
|
||
<script>
|
||
(function (win, doc) {
|
||
if (!win.addEventListener) return;
|
||
var html = document.documentElement;
|
||
function setFont() {
|
||
var html = document.documentElement;
|
||
var k = 1920;
|
||
var clientwidh =
|
||
html.clientWidth < 1300
|
||
? 1300
|
||
: html.clientWidth > 1920
|
||
? 1920
|
||
: html.clientWidth;
|
||
html.style.fontSize = (clientwidh / k) * 100 + "px";
|
||
}
|
||
setFont();
|
||
setTimeout(function () {
|
||
setFont();
|
||
}, 300);
|
||
doc.addEventListener("DOMContentLoaded", setFont, false);
|
||
win.addEventListener("resize", setFont, false);
|
||
win.addEventListener("load", setFont, false);
|
||
})(window, document);
|
||
</script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="loading">
|
||
<div class="loaderpic"><img src="images/logo.png" /></div>
|
||
<div class="loadnumber"></div>
|
||
</div>
|
||
<div class="header">
|
||
<div class="header_cont">
|
||
<div class="header_logo">
|
||
<img class="preload" data-src="images/logo.png" />
|
||
</div>
|
||
<div class="headerbtn">
|
||
<a href="javascript:void(0)" id="wallet_login_btn"
|
||
><img class="preload" data-src="images/headerbtn.png"
|
||
/></a>
|
||
<a
|
||
href="javascript:void(0)"
|
||
id="logined_btn"
|
||
style="display: none"
|
||
></a>
|
||
<div class="dropdown-content">
|
||
<a href="/recommend" id="sign_href" style="display: none"
|
||
>Sign up</a
|
||
>
|
||
<a href="/rankinglist" id="quest_info">Quest Info</a>
|
||
<a href="javascript:void(0)" id="logout_btn">Log out</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="container">
|
||
<div class="section section1">
|
||
<div class="videobg">
|
||
<video src="images/video1.mp4" muted autoplay loop></video>
|
||
</div>
|
||
<div class="bannerlogo">
|
||
<img
|
||
src="images/title_lg.png"
|
||
class="anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.4s"
|
||
/>
|
||
</div>
|
||
<div class="sinupbtn anmode fadeUp" data-dura="0.6s" data-delay="0.6s">
|
||
<a href="/login" id="page_login_btn">
|
||
<img class="preload" data-src="images/signup_btn.png" />
|
||
</a>
|
||
<a
|
||
href="/rankinglist"
|
||
class="quest_btn"
|
||
id="page_quest_btn"
|
||
style="display: none"
|
||
><img class="preload" data-src="images/quest_btn.png"
|
||
/></a>
|
||
</div>
|
||
</div>
|
||
<div class="section section2">
|
||
<div class="pser"></div>
|
||
<div class="videobg">
|
||
<video src="images/video3.mp4" muted autoplay loop></video>
|
||
</div>
|
||
<div class="timeblock">
|
||
<div class="cit1 anmode fadeUp" data-dura="0.6s" data-delay="0s">
|
||
<img class="preload" data-src="images/ctit1.png" />
|
||
</div>
|
||
<div class="timeattack">
|
||
<div
|
||
class="timecoup anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.6s"
|
||
>
|
||
<div class="time_around conternum day"></div>
|
||
<div class="time_desc">day(s)</div>
|
||
</div>
|
||
<div
|
||
class="timecoup anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.7s"
|
||
>
|
||
<div class="time_around conternum hour"></div>
|
||
<div class="time_desc">hour</div>
|
||
</div>
|
||
<div
|
||
class="timecoup anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.8s"
|
||
>
|
||
<div class="time_around conternum minute"></div>
|
||
<div class="time_desc">minute</div>
|
||
</div>
|
||
<div
|
||
class="timecoup anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.9s"
|
||
>
|
||
<div class="time_around conternum second"></div>
|
||
<div class="time_desc">second</div>
|
||
</div>
|
||
<div class="timeout">
|
||
<span>TIME OUT</span>
|
||
</div>
|
||
</div>
|
||
<div class="btncont anmode fadeUp" data-dura="0.6s" data-delay="1s">
|
||
<a href="javascript:void(0)" class="quest_btn"
|
||
><img class="preload" data-src="images/quest_btn.png"
|
||
/></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section section3">
|
||
<div class="videobg" style="width: 105%">
|
||
<video src="images/video2.mp4" muted autoplay loop></video>
|
||
</div>
|
||
<div class="descper">
|
||
<div class="ecent anmode fadeUp" data-dura="0.6s" data-delay="0s">
|
||
<img class="preload" data-src="images/ecent.png" />
|
||
</div>
|
||
<div
|
||
class="ecent_desc anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.2s"
|
||
>
|
||
As first Anmie MOBA game on blockchain,<br />
|
||
CEBG is call-up Commanders to build the troop! 11.17 Commander Rally
|
||
Program - 11.24 Beta Version Test <br />
|
||
Form your exclusive code and link!
|
||
</div>
|
||
</div>
|
||
<div class="timelines">
|
||
<img
|
||
class="preload"
|
||
data-src="images/timeline.png"
|
||
class="anmode fadeLeft"
|
||
data-dura="0.6s"
|
||
data-delay="0.4s"
|
||
/>
|
||
<div
|
||
class="timelince tlincp1 anmode fadeLeft"
|
||
data-dura="0.6s"
|
||
data-delay="0.6s"
|
||
>
|
||
<div class="time_dp1">2022.11.17 SGT 8:00pm</div>
|
||
<div class="time_dp2">Commander Rally Launched</div>
|
||
</div>
|
||
<div
|
||
class="timelince tlincp2 anmode fadeLeft"
|
||
data-dura="0.6s"
|
||
data-delay="0.8s"
|
||
>
|
||
<div class="time_dp1">2022.11.21 SGT 8:00pm</div>
|
||
<div class="time_dp2">Legion Community Found - Discord Channel</div>
|
||
</div>
|
||
<div
|
||
class="timelince tlincp3 anmode fadeLeft"
|
||
data-dura="0.6s"
|
||
data-delay="1s"
|
||
>
|
||
<div class="time_dp1">2022.11.24 SGT 8:00pm</div>
|
||
<div class="time_dp2">1,000 Commanders Announced</div>
|
||
</div>
|
||
<div
|
||
class="timelince tlincp4 anmode fadeLeft"
|
||
data-dura="0.6s"
|
||
data-delay="1.2s"
|
||
>
|
||
<div class="time_dp1">2022.11.25 SGT 12:00am</div>
|
||
<div class="time_dp2">
|
||
CEBG Beta Test Version Launched<br />
|
||
In-Game Weekly Leaderboard Firing
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="section section4">
|
||
<div class="cbg"><img class="preload" data-src="images/cbg.png" /></div>
|
||
<div class="rule_desc anmode fadeUp" data-dura="0.6s" data-delay="0s">
|
||
<img class="preload" data-src="images/rule_desc.png" />
|
||
</div>
|
||
<div class="rule_cont">
|
||
<div
|
||
class="rule_sliders anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.2s"
|
||
>
|
||
<div class="rule_tit">What is the reward for Rally Program?</div>
|
||
<div class="rule_descprition" style="display: none">
|
||
The Rally program set up more than $10,000 equivalant reward pool
|
||
for our commenders and contributors. $2,000 USDT , $CEG 50,000 and
|
||
700 Free-mint Chips NFT are waiting for YOU! All registering
|
||
wallet address can earn a in-game mystery reward when log in the
|
||
Beta Version Test The giveaways contain 3 parts: CEG, USDT,
|
||
Mystery Box
|
||
<br />
|
||
<br />
|
||
1. Top 166 Commanders will be rewarded USDT:
|
||
a) Top 20, each earns a lucky draw from 40 - 100U
|
||
b) 21–166, each earns a lucky draw from 10 - 40U
|
||
c) Top 5, each earns extra 50U
|
||
<br />
|
||
<br/>
|
||
2. Top 300 Commanders will be rewarded CEG:
|
||
Each earns a lucky draw from 100 - 500CEG, the value equals 10 -
|
||
50U<br />
|
||
<br />
|
||
3. All the Commanders have an extra chance to draw 1 of 700
|
||
Mystery Boxes that each contains NFTs with values from 1 - 60U
|
||
<br />
|
||
More information check medium：<a
|
||
class="cebg-rally"
|
||
style="color: #d6a165;"
|
||
href="https://medium.com/@CEBG-BATTLEGROUNDS/cebg-rally-event-starting-17th-november-giveaways-on-fire-feab6e25d9a4"
|
||
>CEBG Rally Event</a
|
||
>
|
||
</div>
|
||
<a href="javascript:void(0)" class="sliderbtn"
|
||
><img class="preload" data-src="images/sliderbtn.png"
|
||
/></a>
|
||
</div>
|
||
<div
|
||
class="rule_sliders anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.4s"
|
||
>
|
||
<div class="rule_tit">What is the rule of Rally Program?</div>
|
||
<div class="rule_descprition" style="display: none">
|
||
Commander Rally program is an incentive program to CEBG's
|
||
commander who call-up players to enroll in the troop for battle<br />
|
||
Points is calculating in the rule: <br />
|
||
- Registration Success: 200 points<br />
|
||
- Direct Invitation: 200 points<br />
|
||
- Second Level Invitation: 40 points
|
||
</div>
|
||
<a href="javascript:void(0)" class="sliderbtn"
|
||
><img class="preload" data-src="images/sliderbtn.png"
|
||
/></a>
|
||
</div>
|
||
<div
|
||
class="rule_sliders anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.6s"
|
||
>
|
||
<div class="rule_tit">How to claim your reward?</div>
|
||
<div class="rule_descprition" style="display: none">
|
||
The Rally Event winners have 7 days to claim their giveaways;
|
||
starting from Nov. 25th, 2022 8PM SGT to Dec. 2nd, 2022 8PM SGT。<br/>
|
||
Besides, the 700 Mystery Boxes winners feel free to claim the reward
|
||
after CEBG announces the access to <br/> it through official Twitter a couple
|
||
of days after the event ends. So, please pay attention to the Twitter movement.
|
||
</div>
|
||
<a href="javascript:void(0)" class="sliderbtn"
|
||
><img class="preload" data-src="images/sliderbtn.png"
|
||
/></a>
|
||
</div>
|
||
<div
|
||
class="rule_sliders anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="0.8s"
|
||
>
|
||
<div class="rule_tit">How to play CEBG?</div>
|
||
<div class="rule_descprition" style="display: none">
|
||
<a style="color: #d6a165;" href="www.cebg.games/release/cebg.apk"
|
||
>Please download the game by <span style="border-bottom: 1px solid #d6a165;"> www.cebg.games/release/cebg.apk</span></a
|
||
>
|
||
</div>
|
||
<a href="javascript:void(0)" class="sliderbtn"
|
||
><img class="preload" data-src="images/sliderbtn.png"
|
||
/></a>
|
||
</div>
|
||
<!-- <div
|
||
class="rule_sliders anmode fadeUp"
|
||
data-dura="0.6s"
|
||
data-delay="1s"
|
||
>
|
||
<div class="rule_tit">Is there any reward for Beta Test?</div>
|
||
<div class="rule_descprition" style="display: none">
|
||
Please check Medium:xxxx
|
||
</div>
|
||
<a href="javascript:void(0)" class="sliderbtn"
|
||
><img class="preload" data-src="images/sliderbtn.png"
|
||
/></a>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="footer">
|
||
<div class="footer_con">
|
||
<a href="https://twitter.com/CEBG_GAME" class="f_icon2"
|
||
><img data-src="images/f_icon2.png" class="preload"
|
||
/></a>
|
||
<a href="https://discord.gg/8dWX6jpcME" class="f_icon3"
|
||
><img data-src="images/f_icon3.png" class="preload"
|
||
/></a>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="js/preload.js"></script>
|
||
<script src="js/time.js"></script>
|
||
<script>
|
||
var tempArr = ["images/header.jpg"];
|
||
|
||
$(".preload").each(function () {
|
||
tempArr.push($(this).data("src"));
|
||
});
|
||
|
||
$.preload({
|
||
arr: tempArr,
|
||
onLoading: function (loadper) {
|
||
var perc = Math.ceil(loadper * 100);
|
||
$(".loadnumber").html(perc + "%");
|
||
},
|
||
onLoaded: function () {
|
||
$(".preload").each(function (index, element) {
|
||
var imgpath = $(this).data("src");
|
||
$(this).attr("src", imgpath);
|
||
});
|
||
setTimeout(function () {
|
||
$(window).scrollTop(0);
|
||
$(".loading").fadeOut();
|
||
$(".section1").addClass("animated");
|
||
}, 500);
|
||
},
|
||
});
|
||
|
||
$(".sliderbtn").click(function () {
|
||
if (!$(this).hasClass("on")) {
|
||
$(".sliderbtn").removeClass("on");
|
||
$(this).addClass("on");
|
||
$(".rule_sliders").removeClass("sliderOn");
|
||
$(this).closest(".rule_sliders").addClass("sliderOn");
|
||
$(".rule_descprition").slideUp();
|
||
$(this)
|
||
.closest(".rule_sliders")
|
||
.find(".rule_descprition")
|
||
.slideDown();
|
||
} else {
|
||
$(this).removeClass("on");
|
||
$(this).closest(".rule_sliders").removeClass("sliderOn");
|
||
$(this).closest(".rule_sliders").find(".rule_descprition").slideUp();
|
||
}
|
||
});
|
||
|
||
$(".anmode").each(function () {
|
||
var th = $(this);
|
||
var dura = th.data("dura");
|
||
var delay = th.data("delay");
|
||
th.css("animation-duration", dura);
|
||
th.css("animation-delay", delay);
|
||
});
|
||
|
||
$(window).scroll(function () {
|
||
var windowtop = $(window).scrollTop();
|
||
$(".section").each(function (index, element) {
|
||
var th = $(this);
|
||
var thtops = th.offset().top;
|
||
if (windowtop >= thtops - $(window).height() * 0.5) {
|
||
if (!th.hasClass("animated")) {
|
||
th.addClass("animated");
|
||
}
|
||
}
|
||
});
|
||
});
|
||
function getUrlParam(name) {
|
||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
|
||
var r = window.location.search.substr(1).match(reg);
|
||
if (r != null) return unescape(r[2]);
|
||
return null;
|
||
}
|
||
var invitecode = getUrlParam("code");
|
||
if (invitecode) {
|
||
localStorage.setItem("invite_code", invitecode);
|
||
}
|
||
function formatAddress(address) {
|
||
if (address.length >= 10) {
|
||
return (
|
||
address.substring(0, 6) +
|
||
"......" +
|
||
address.substring(address.length - 4)
|
||
);
|
||
} else if (address.length > 0 && address.length < 10) {
|
||
return address;
|
||
} else {
|
||
return "-";
|
||
}
|
||
}
|
||
$(function () {
|
||
$("#logined_btn").click(function () {
|
||
$(".dropdown-content").show();
|
||
});
|
||
var address = "";
|
||
var token = "";
|
||
|
||
var checkActivity = function (address, cb) {
|
||
var settings = {
|
||
url: "https://invitation.cebggame.com/aa1/user_status",
|
||
method: "POST",
|
||
headers: {
|
||
"Content-Type": "application/json",
|
||
},
|
||
data: JSON.stringify({
|
||
account: address,
|
||
}),
|
||
};
|
||
|
||
$.ajax(settings).done(function (res) {
|
||
if (!res.errcode) {
|
||
if (res.status == 4) {
|
||
$("#page_login_btn").hide();
|
||
$("#page_quest_btn").show();
|
||
$("#quest_info").show();
|
||
$("#sign_href").hide();
|
||
} else if (res.status == 1) {
|
||
$("#page_login_btn").show();
|
||
$("#page_quest_btn").hide();
|
||
$("#quest_info").hide();
|
||
$("#sign_href").show();
|
||
$("#sign_href").attr("href", "/recommend");
|
||
$("#page_login_btn").attr("href", "/recommend");
|
||
} else {
|
||
$("#page_login_btn").show();
|
||
$("#page_quest_btn").hide();
|
||
$("#quest_info").hide();
|
||
$("#sign_href").show();
|
||
$("#sign_href").attr("href", "/signup");
|
||
$("#page_login_btn").attr("href", "/signup");
|
||
}
|
||
}
|
||
});
|
||
};
|
||
var checkLogin = function () {
|
||
let userinfo = window.localStorage.getItem("userinfo");
|
||
if (!userinfo) {
|
||
return false;
|
||
}
|
||
try {
|
||
let udata = JSON.parse(userinfo);
|
||
console.log(udata);
|
||
address = udata.account;
|
||
token = udata.token;
|
||
if (address) {
|
||
$("#logined_btn").html(formatAddress(address));
|
||
$("#wallet_login_btn").hide();
|
||
$("#logined_btn").show();
|
||
$("#sign_href").attr("href", "/signup");
|
||
$("#page_login_btn").attr("href", "/signup");
|
||
checkActivity(address, function () {});
|
||
}
|
||
return true;
|
||
} catch (err) {
|
||
return false;
|
||
}
|
||
};
|
||
checkLogin();
|
||
$("#wallet_login_btn").click(function () {
|
||
location.href = "/login";
|
||
});
|
||
$("#logout_btn").click(function () {
|
||
localStorage.removeItem("userinfo");
|
||
localStorage.removeItem("invite_code");
|
||
location.reload();
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html>
|