Skip to content

libai / footsen

Go to a project
Commit 1fc3c551 by agan
Options

新的ios主页

parent 21a86566
Inline Side-by-side
Showing with 507 additions and 0 deletions
css/iosNew.css 0 → 100644
.main {
margin: 0 auto;
width: 10rem;
height: 100%;
position: relative;
font-size: 0;
background: url(../img/new2/bg.png) repeat-y;
background-size: 100% auto;
}
.langTitle {
position: absolute;
top: 0.6rem;
left: 0.4rem;
width: 2.5rem;
z-index: 100;
font-size: 0.4rem;
color: #FFF;
}
.langTitle img {
width: 0.2rem;
height: 0.173rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList {
position: absolute;
left: 0.4rem;
top: 1.573rem;
width: 3.546rem;
height: 3.84rem;
background: rgba(255, 255, 255, .9);
z-index: 50;
border-radius: 0.213rem;
-webkit-border-radius: 0.213rem;
-moz-border-radius: 0.213rem;
display: none;
}
.langList p {
width: 100%;
font-size: 0.4rem;
color: #333;
margin-top: 0.6rem;
text-indent: 0.426rem;
line-height: 1.1;
}
.langList p.check {
color: #D82F66;
}
.topUp {
position: absolute;
top: 0.6rem;
right: 0.653rem;
z-index: 100;
font-size: 0.373rem;
color: #FFF;
}
.mTextImg {
width: 4.32rem;
height: 0.48rem;
position: absolute;
left: 50%;
margin-left: -2.16rem;
bottom: 4.16rem;
}
.iosDown1 {
background: url(../img/new2/dbutton1.png) no-repeat;
background-size: 100% 100%;
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
font-size: 0.64rem;
color: #D82F66;
text-align: center;
position: absolute;
left: 50%;
bottom: 2.32rem;
margin-left: -3.586rem;
}
.guide1{
width: 2rem;
font-size: 0.373rem;
color: #fff;
text-align: center;
position: absolute;
left: 50%;
bottom: 4.32rem;
border-bottom: 1px solid #fff;
margin-left: -1rem;
}
.guide1bg{
width: 10rem;
height: 42.333rem;
background: url(../img/new2/guide1.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.iosDown2 {
background: url(../img/new2/dbutton2.png) no-repeat;
background-size: 100% 100%;
width: 7.173rem;
height: 1.333rem;
line-height: 1.333rem;
font-size: 0.64rem;
color: #D82F66;
text-align: center;
position: absolute;
left: 50%;
bottom: 5.32rem;
margin-left: -3.586rem;
}
.guide2{
width: 2rem;
font-size: 0.373rem;
color: #fff;
text-align: center;
position: absolute;
left: 50%;
bottom: 1.32rem;
border-bottom: 1px solid #fff;
margin-left: -1rem;
}
.guide2bg{
width: 10rem;
height: 53.907rem;
background: url(../img/new2/guide2.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.layer-box {
width: 7.2rem;
height: 6.973rem;
background: url(https://www.footseen.com/img/phonembg.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.layui-layer-close2 {
display: none !important;
}
.layui-layer {
border-radius: 0.5rem !important;
}
.layui-layer-page .layui-layer-content {
border-radius: 0.5rem !important;
}
.googleDown, .apkDown {
background: url(https://www.footseen.com/img/btngp.png) no-repeat;
background-size: 100% 100%;
width: 4.813rem;
height: 1.2rem;
line-height: 1.2rem;
position: absolute;
top: 1.733rem;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
text-align: center;
font-size: 0.426rem;
color: #FFF;
}
.apkDown {
top: 3.933rem;
}
.googleDown img, .apkDown img {
width: 0.373rem;
height: 0.413rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.133rem;
}
a:hover {
color: #FFF;
}
.heartbeat {
animation-name: heartbeat;
-webkit-animation-name: heartbeat;
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
visibility: visible!important;
}
@keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes heartbeat {
0% {
transform: scale(1)
}
10% {
transform: scale(1.05)
}
20% {
transform: scale(1.1)
}
100% {
transform: scale(1)
}
}
\ No newline at end of file
guide/guide1.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://res.sharetrace.com/sharetrace.min.js"></script>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="foot fetish,foot worship,foot tickle,Foot Seen,Video streaming">
<meta name="description" content="">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="../css/iosNew.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Footseen</title>
</head>
<body>
<div class="guide1bg"></div>
</body>
</html>
\ No newline at end of file
guide/guide2.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://res.sharetrace.com/sharetrace.min.js"></script>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="foot fetish,foot worship,foot tickle,Foot Seen,Video streaming">
<meta name="description" content="">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="../css/iosNew.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Footseen</title>
</head>
<body>
<div class="guide2bg"></div>
</body>
</html>
\ No newline at end of file
img/new2/bg.png 0 → 100644
This diff is collapsed. Click to expand it.
iosnew.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://res.sharetrace.com/sharetrace.min.js"></script>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="keywords" content="foot fetish,foot worship,foot tickle,Foot Seen,Video streaming">
<meta name="description" content="">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<script src="https://www.footseen.com/js/fsize.js"></script>
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="./css/iosNew.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Footseen</title>
</head>
<body>
<div class="main">
<span class="langTitle"><img src="https://www.footseen.com/img/down2.png" />
<font></font>
</span>
<div class="langList">
<p data-lang="2">繁體中文</p>
<p data-lang="1">English</p>
<p data-lang="7">العربية</p>
</div>
<a class="topUp"></a>
<div class="iosDown1"></div>
<a href="./guide/guide1.html" class="guide1">安裝教程></a>
<div class="iosDown2"></div>
<a href="./guide/guide1.html" class="guide2">安裝教程></a>
</div>
</body>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://www.footseen.com/js/new/langnew.js"></script>
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript">
var data = url_get_params();
var params = {
icid: data.icid,
}
ShareTrace.init({
appkey: "cd3ba48d0699c7fa", // 此值必填
param: JSON.stringify(params),
success: function () {
console.log("init success...")
},
error: function (msg) {
console.log(msg)
}
});
console.log(params);
// $(".iosDown1").on("click", function () {
// setTimeout(function () {
// // window.location.href = 'https://apps.apple.com/us/app/footseen-random-video-chat-app/id1491129400';
// ShareTrace.download();
// }, 500)
// // ga('send', 'event', {
// // eventCategory: 'ios',
// // eventAction: 'click',
// // eventLabel: 'ios'
// // });
// // ga('clientTracker.send', 'event', {
// // eventCategory: 'ios',
// // eventAction: 'click',
// // eventLabel: 'ios'
// // });
// // gtag('event', 'conversion', {
// // 'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC',
// // 'event_callback': gtag_report_conversion()
// // });
// })
// function gtag_report_conversion() {
// setTimeout(function () {
// // window.location.href = 'https://apps.apple.com/us/app/footseen-random-video-chat-app/id1491129400';
// ShareTrace.download();
// }, 500)
// }
$('.topUp').on('click', function () {
window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang=' + sessionStorage.lang + '&gofrom=web' + '&gofrom=web&cidStr=h5_footseengw';
})
function url_get_params() {
var url = location.href;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
</script>
</html>
\ No newline at end of file
js/new/langnew.js 0 → 100644
var langList = [
//中文 英文 阿拉伯文
{
foot1: '儲值',
foot2: '下載APP',
foot3: '邀請碼：',
foot4: '複製成功',
},
{
foot1: 'Top-up',
foot2: 'Download APP',
foot3: 'Invitation code：',
foot4: 'Copy success',
},
{
foot1: 'شحن',
foot2: 'تحميل التطبيق',
foot3: 'شفرة الدعوة：',
foot4: 'تم النسخ بنجاح',
}
]
var langType = 0;
var langStr = (navigator.language || navigator.browserLanguage).toLowerCase();
if (sessionStorage.lang == undefined || sessionStorage.lang == 'undefined') {
if (langStr.indexOf('ar') >= 0) {
sessionStorage.lang = 7;
$('.langTitle font').html('العربية');
langType = 2;
$('.langList p').eq(2).addClass('check');
} else if (langStr.indexOf('zh') >= 0) {
sessionStorage.lang = 2;
$('.langTitle font').html('繁體中文');
langType = 0;
$('.langList p').eq(0).addClass('check');
} else {
sessionStorage.lang = 1;
$('.langTitle font').html('English');
langType = 1;
$('.langList p').eq(1).addClass('check');
}
} else {
if (sessionStorage.lang == 7) {
langType = 2;
$('.langTitle font').html('العربية');
$('.langList p').eq(2).addClass('check');
} else if (sessionStorage.lang == 2) {
langType = 0;
$('.langTitle font').html('繁體中文');
$('.langList p').eq(0).addClass('check');
} else {
langType = 1;
$('.langTitle font').html('English');
$('.langList p').eq(1).addClass('check');
}
}
$(function () {
lang();
$('.langTitle').on('click', function (e) {
$('.langList').show();
$('.langTitle img').attr('src', 'https://footseen.com/img/up2.png');
e.stopPropagation();
})
$('.langList p').on('click', function (e) {
$(this).addClass('check').siblings().removeClass('check');
$('.langTitle font').html($(this).html());
$('.langList').hide();
$('.langTitle img').attr('src', 'https://footseen.com/img/down2.png');
sessionStorage.lang = $(this).attr('data-lang');
lang();
e.stopPropagation();
})
$(document).on('click', function (e) {
$('.langList').hide();
$('.langTitle img').attr('src', 'https://footseen.com/img/down2.png');
e.stopPropagation();
})
})
function lang() {
if (sessionStorage.lang == 1) {
langType = 1;
} else if (sessionStorage.lang == 2) {
langType = 0;
} else if (sessionStorage.lang == 7) {
langType = 2;
}
$('.code span').html(langList[langType].foot3 + getRequest().agentCode);
$('.topUp').html(langList[langType].foot1);
}
function getRequest() {
var url = location.href;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment