添加大使活动页面
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;
|
||||
}
|
||||
|
||||
.apply-from input[type='text'] {
|
||||
.apply-from .text {
|
||||
width: 420px;
|
||||
height: 60px;
|
||||
background: #e9e9e9;
|
||||
@ -1342,8 +1342,9 @@ span.swiper-pagination-bullet {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.hide{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,9 +1,9 @@
|
||||
require('../css/base.css')
|
||||
require('../css/main.css')
|
||||
require('../css/modal.css')
|
||||
require('../../comp/message/css/message.css')
|
||||
require('../../../node_modules/swiper/dist/css/swiper.css')
|
||||
require('./pixelRatio.js')
|
||||
require('../../comp/message/message.js')
|
||||
require('./main.js')
|
||||
require('../sitemap.xml')
|
||||
require("../css/base.css");
|
||||
require("../css/main.css");
|
||||
require("../css/modal.css");
|
||||
require("../../comp/message/css/message.css");
|
||||
require("../../../node_modules/swiper/dist/css/swiper.css");
|
||||
require("./pixelRatio.js");
|
||||
require("../../comp/message/message.js");
|
||||
require("./main.js");
|
||||
require("../sitemap.xml");
|
||||
|
||||
@ -1,5 +1,14 @@
|
||||
var jcchain = require("./jcchain.js");
|
||||
|
||||
(function ($) {
|
||||
$.fn.exist = function () {
|
||||
if ($(this).length >= 1) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
})(jQuery);
|
||||
|
||||
var chain = new jcchain.JCChain();
|
||||
var toggleLoginBtn = function () {
|
||||
if (chain.logined) {
|
||||
@ -41,6 +50,6 @@ $("#wc_card").click(function () {
|
||||
$(".comingSoon").click(function () {
|
||||
$.message({ type: "default", content: "Coming Soon." });
|
||||
});
|
||||
if (cur) {
|
||||
if (window.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