添加大使活动页面
This commit is contained in:
cebgcontract
parent
5da4c76f58
commit
1f629d6543
78
src/desktop/ambassadorinfo.html
Normal file
78
src/desktop/ambassadorinfo.html
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
|
<title>CEBG: CRYPTO ELITE‘S BATTLEGROUNDS</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<section class="main">
|
||||||
|
<section class="header">
|
||||||
|
<img src="img/applyother/amt.jpg" width="100%" />
|
||||||
|
<%- include('../comp/desktopNav.html') %>
|
||||||
|
</section>
|
||||||
|
<section class="main-con amb-con">
|
||||||
|
<div class="amb-detail">
|
||||||
|
<div class="amb-de-l">
|
||||||
|
<div class="amb-de-l-img">
|
||||||
|
<img src="img/applyother/am12.jpg" width="284" height="278" />
|
||||||
|
</div>
|
||||||
|
<div class="amb-i-3">
|
||||||
|
<p class="amb-i-txt">0x123456........445855</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-i-4">
|
||||||
|
<p class="amb-i-txt">Kawabonga123@gmail.com</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="amb-de-r">
|
||||||
|
<div class="amb-i-5"><img src="img/applyother/am5.png" /></div>
|
||||||
|
<div class="amb-i-wrap">
|
||||||
|
<div class="amb-i-6">
|
||||||
|
<p class="amb-i-txt">Kawabonga</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-i-7">
|
||||||
|
<p class="amb-i-txt">Japan</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-i-8">
|
||||||
|
<p class="amb-i-txt">9，999，999</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="amb-i-9"><img src="img/applyother/am9.png" /></div>
|
||||||
|
<div class="amb-i-10">
|
||||||
|
<div class="amb-i-10-scroll">
|
||||||
|
He didn't write anything
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="amb-i-11">
|
||||||
|
<span>Apply to be his/her commander</span>
|
||||||
|
<a id="copyBtn"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/footer.html') %>
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html')
|
||||||
|
%>
|
||||||
|
<script>
|
||||||
|
$(function() {
|
||||||
|
$("#copyBtn").click(function() {
|
||||||
|
var _text = $(this).prev("span").text();
|
||||||
|
const input = document.createElement('input');
|
||||||
|
document.body.appendChild(input);
|
||||||
|
input.value = _text;
|
||||||
|
input.select();
|
||||||
|
if (document.execCommand('copy')) {
|
||||||
|
document.execCommand('copy');
|
||||||
|
alert('复制成功')
|
||||||
|
}
|
||||||
|
document.body.removeChild(input);
|
||||||
|
|
||||||
|
})
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
117
src/desktop/ambassadors.html
Normal file
117
src/desktop/ambassadors.html
Normal file
@ -0,0 +1,117 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
|
<title>CEBG: CRYPTO ELITE‘S BATTLEGROUNDS</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<section class="main">
|
||||||
|
<section class="header">
|
||||||
|
<img src="img/applyother/amt.jpg" width="100%" />
|
||||||
|
<%- include('../comp/desktopNav.html') %>
|
||||||
|
</section>
|
||||||
|
<section class="main-con amb-con">
|
||||||
|
<div class="amb-scroll" id="ambScroll">
|
||||||
|
<div class="amb-inner">
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="amb-item">
|
||||||
|
<a href="ambassadorinfo.html"><img src="img/applyother/am2.jpg" width="251" height="246"/></a>
|
||||||
|
<p>
|
||||||
|
<span>Kawabonga</span>
|
||||||
|
<span>Japan</span>
|
||||||
|
<span>1023</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/footer.html') %>
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html')
|
||||||
|
%>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/iscroll-custom@5.2.6/dist/iscroll-min.js" integrity="sha256-WL7uPHKr6GnT6ZIaiZYt+5/sq9LCrG8nZYMrSclPuxM=" crossorigin="anonymous"></script>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
$(function () {
|
||||||
|
new IScroll("#ambScroll", {
|
||||||
|
mouseWheel: true,
|
||||||
|
scrollbars: true,
|
||||||
|
});
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
95
src/desktop/commander_form.html
Normal file
95
src/desktop/commander_form.html
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
|
<title>CEBG: CRYPTO ELITE‘S BATTLEGROUNDS</title>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<section class="main">
|
||||||
|
<section class="header">
|
||||||
|
<img src="img/applyother/a1.png" width="100%" />
|
||||||
|
<%- include('../comp/desktopNav.html') %>
|
||||||
|
</section>
|
||||||
|
<section class="main-con">
|
||||||
|
<div class="apply-wrap" id="form_layer">
|
||||||
|
<div class="apply-inner">
|
||||||
|
<h5 class="apply-tip tac"><img src="img/applyother/ap-tip.png" /></h5>
|
||||||
|
<div class="apply-from">
|
||||||
|
|
||||||
|
<form class="cmxform" id="signupForm" method="get" action="#">
|
||||||
|
<div>
|
||||||
|
<p for="firstname"><strong>Nickname</strong></p>
|
||||||
|
<input id="firstname" class="text" name="firstname" type="text" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p for="lastname"><strong>E-mail</strong></p>
|
||||||
|
<input id="lastname" class="text" name="lastname" type="text" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<p for="username"><strong>From</strong></p>
|
||||||
|
<input id="username" class="text" name="username" type="text" autocomplete="off">
|
||||||
|
</div>
|
||||||
|
<p class="checkbox-wrap">
|
||||||
|
<input type="checkbox" class="checkbox" id="ever" name="ever">
|
||||||
|
<label for="ever">Ever had blockchain experience yet?</label>
|
||||||
|
</p>
|
||||||
|
<p class="checkbox-wrap">
|
||||||
|
<input type="checkbox" class="checkbox" id="alr" name="alr">
|
||||||
|
<label for="alr">Already follow CEBG's Twitter feed?</label>
|
||||||
|
</p>
|
||||||
|
<p class="checkbox-wrap">
|
||||||
|
<input type="checkbox" class="checkbox" id="dis" name="dis">
|
||||||
|
<label for="dis">Already joined CEBG Discord?</label>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="tac submit-btn">
|
||||||
|
<input class="submit" type="submit" value="Send">
|
||||||
|
</p>
|
||||||
|
</form>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="feedback-inner tac hide" id="success_tip">
|
||||||
|
<img src="img/applyother/fb1.png"/>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/footer.html') %>
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html')
|
||||||
|
%>
|
||||||
|
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.19.5/dist/jquery.validate.min.js" crossorigin="anonymous"></script>
|
||||||
|
<script>
|
||||||
|
$().ready(function() {
|
||||||
|
// 在键盘按下并释放及提交后验证提交表单
|
||||||
|
$("#signupForm").validate({
|
||||||
|
success:"valid",
|
||||||
|
rules: {
|
||||||
|
firstname: "required",
|
||||||
|
lastname: "required",
|
||||||
|
username: "required"
|
||||||
|
|
||||||
|
},
|
||||||
|
messages: {
|
||||||
|
firstname: "Enter at least 3 words. Enter a maximum of 16 words.",
|
||||||
|
lastname: "Please enter your correct email address.",
|
||||||
|
username: "This field cannot be empty. Please enter your country of residence."
|
||||||
|
},
|
||||||
|
submitHandler: function(form) {
|
||||||
|
alert("提交事件!");
|
||||||
|
form.submit();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
function showSuccess(){
|
||||||
|
$('#success_tip').show()
|
||||||
|
$('#form_layer').hide()
|
||||||
|
}
|
||||||
|
showSuccess();
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@ -1055,7 +1055,7 @@ span.swiper-pagination-bullet {
|
|||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.apply-from input[type='text'] {
|
.apply-from .text {
|
||||||
width: 420px;
|
width: 420px;
|
||||||
height: 60px;
|
height: 60px;
|
||||||
background: #e9e9e9;
|
background: #e9e9e9;
|
||||||
@ -1342,8 +1342,9 @@ span.swiper-pagination-bullet {
|
|||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hide{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -1,9 +1,9 @@
|
|||||||
require('../css/base.css')
|
require("../css/base.css");
|
||||||
require('../css/main.css')
|
require("../css/main.css");
|
||||||
require('../css/modal.css')
|
require("../css/modal.css");
|
||||||
require('../../comp/message/css/message.css')
|
require("../../comp/message/css/message.css");
|
||||||
require('../../../node_modules/swiper/dist/css/swiper.css')
|
require("../../../node_modules/swiper/dist/css/swiper.css");
|
||||||
require('./pixelRatio.js')
|
require("./pixelRatio.js");
|
||||||
require('../../comp/message/message.js')
|
require("../../comp/message/message.js");
|
||||||
require('./main.js')
|
require("./main.js");
|
||||||
require('../sitemap.xml')
|
require("../sitemap.xml");
|
||||||
|
|||||||
@ -1,5 +1,14 @@
|
|||||||
var jcchain = require("./jcchain.js");
|
var jcchain = require("./jcchain.js");
|
||||||
|
|
||||||
|
(function ($) {
|
||||||
|
$.fn.exist = function () {
|
||||||
|
if ($(this).length >= 1) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
})(jQuery);
|
||||||
|
|
||||||
var chain = new jcchain.JCChain();
|
var chain = new jcchain.JCChain();
|
||||||
var toggleLoginBtn = function () {
|
var toggleLoginBtn = function () {
|
||||||
if (chain.logined) {
|
if (chain.logined) {
|
||||||
@ -41,6 +50,6 @@ $("#wc_card").click(function () {
|
|||||||
$(".comingSoon").click(function () {
|
$(".comingSoon").click(function () {
|
||||||
$.message({ type: "default", content: "Coming Soon." });
|
$.message({ type: "default", content: "Coming Soon." });
|
||||||
});
|
});
|
||||||
if (cur) {
|
if (window.cur) {
|
||||||
$(`#nav_${cur}`).addClass("cur");
|
$(`#nav_${cur}`).addClass("cur");
|
||||||
}
|
}
|
||||||
|
|||||||
104
src/desktop/recruit.html
Normal file
104
src/desktop/recruit.html
Normal file
@ -0,0 +1,104 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8" />
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||||
|
<meta name="renderer" content="webkit">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||||
|
<title>CEBG: CRYPTO ELITE‘S BATTLEGROUNDS</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<section class="main">
|
||||||
|
<section class="header">
|
||||||
|
<img src="img/applyother/a3.png" width="100%" />
|
||||||
|
<%- include('../comp/desktopNav.html') %>
|
||||||
|
</section>
|
||||||
|
<section class="main-con">
|
||||||
|
<div class="rec-1 tac">
|
||||||
|
<img src="img/applyother/a4.png" />
|
||||||
|
</div>
|
||||||
|
<div class="rec-2 tac">
|
||||||
|
<a href="commander_form.html"><img src="img/applyother/a5.png" /></a>
|
||||||
|
</div>
|
||||||
|
<div class="rec-3 tac">
|
||||||
|
<div class="gallery-top-wrap">
|
||||||
|
<div class="swiper-container gallery-top">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/p1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/p1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/p1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/p1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/p1.jpg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="gallery-thumbs-wrap">
|
||||||
|
<div class="swiper-container gallery-thumbs">
|
||||||
|
<div class="swiper-wrapper">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/ps1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/ps1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/ps1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/ps1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<img src="img/applyother/ps1.jpg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Add Arrows -->
|
||||||
|
<div class="swiper-button-next swiper-button-white"></div>
|
||||||
|
<div class="swiper-button-prev swiper-button-white"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rec-4 tac">
|
||||||
|
<img src="img/applyother/a8.png" />
|
||||||
|
<a href="ambassadors.html"><img src="img/applyother/a10.png" /></a>
|
||||||
|
</div>
|
||||||
|
<div class="rec-5 tac">
|
||||||
|
<img src="img/applyother/a9.png" />
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/footer.html') %>
|
||||||
|
</section>
|
||||||
|
<%- include('../comp/walletModal.html') %> <%- include('../comp/jslib.html')
|
||||||
|
%>
|
||||||
|
<script
|
||||||
|
src="https://cdn.jsdelivr.net/npm/swiper@3.4.2/dist/js/swiper.min.js"
|
||||||
|
integrity="sha256-ShAhm+50eq3u2njxZteHrfMlg/Nh+I1EtHL289p5gIM="
|
||||||
|
crossorigin="anonymous"
|
||||||
|
></script>
|
||||||
|
<script>
|
||||||
|
var galleryTop = new Swiper('.gallery-top', {
|
||||||
|
nextButton: '.swiper-button-next',
|
||||||
|
prevButton: '.swiper-button-prev',
|
||||||
|
spaceBetween: 10,
|
||||||
|
});
|
||||||
|
var galleryThumbs = new Swiper('.gallery-thumbs', {
|
||||||
|
spaceBetween: 20,
|
||||||
|
centeredSlides: true,
|
||||||
|
slidesPerView: 'auto',
|
||||||
|
touchRatio: 0.2,
|
||||||
|
slideToClickedSlide: true
|
||||||
|
});
|
||||||
|
galleryTop.params.control = galleryThumbs;
|
||||||
|
galleryThumbs.params.control = galleryTop;
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user