Skip to content

libai / footsen

Go to a project
Commit 3c4e88f1 by dabai
Options

新版footseen

parent 289e34bc
Expand all
Inline Side-by-side
Showing with 206 additions and 735 deletions
index2.html
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="//res.cdn.openinstall.io/openinstall.js"></script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
......@@ -28,268 +27,57 @@ ga('clientTracker.send', 'pageview');
<meta name="description" content="">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<script src="/js/fsize.js"></script>
<link rel="stylesheet" href="/css/swiper.min.css">
<link rel="stylesheet" href="/css/base.css?v=20191128185777">
<link rel="stylesheet" href="/layer-v3.1.0/layer.css">
<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/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(/img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 16.986rem;
}
.swiperImg{
background: url(/img/img1.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
width: 10rem;
height: 16.986rem;
}
.swiperImg2{
background: url(/img/img2.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg3{
background: url(/img/img3.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg4{
background: url(/img/img1_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg5{
background: url(/img/img2_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg6{
background: url(/img/img3_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.anBg,.anBg2{
background: url(/img/anbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 7.573rem;
position: relative;
margin: -4.5rem auto 0;
z-index: 100;
}
.anBg2{
background: url(/img/anbg_en.png) no-repeat;
background-size: 100% 100%;
}
.anBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.masking{
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 500;
background-color: #000;
filter: alpha(opacity=60);
background-color: rgba(0, 0, 0, .6);
display: none;
}
.masking img{
width: 7.933rem;
height: 3.906rem;
position: absolute;
left: 50%;
top: 1rem;
transform: translate(-50%,0);
-webkit-transform: translate(-50%,0);
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
.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)
}
}
</style>
</head>
<body>
<div class="main">
<span class="langTitle"><img src="/img/down.png"/><font></font></span>
<div class="main bg1">
<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 L_Ar">شحن</a>
<a class="topUp L_En">Top-up</a>
<div class="swiper-container swiper-container1 L_Ar">
<img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp"></a>
<div class="iosDown heartbeat"></div>
<div class="swiper-container androidSwiper hide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiperImg swiperImg1"></div>
<img src="https://www.footseen.com/img/animg1_cn.png"/>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg2"></div>
<img src="https://www.footseen.com/img/animg2_cn.png"/>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg3"></div>
<img src="https://www.footseen.com/img/animg3_cn.png"/>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="swiper-container swiper-container2 L_En">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiperImg swiperImg4"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg5"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg6"></div>
</div>
</div>
</div>
<div class="anBg L_Ar">
<img class="anBtn anBtn1 heartbeat" src="/img/btn.png" />
</div>
<div class="anBg anBg2 L_En">
<img class="anBtn anBtn2 heartbeat" src="/img/btn_en.png" />
</div>
<div class="mBottom">
<p>www.footseen.com</p>
</div>
</div>
<div class="masking">
<img src="/img/fx.png"/>
<div class="andoridDesc"></div>
<div class="andoridBottom"></div>
<div class="arBottom"></div>
</div>
</body>
<script src="/js/jquery-3.1.1.min.js"></script>
<script src="/js/swiper.min.js"></script>
<script type="text/javascript" src="/js/lang.js?v=201911251528" ></script>
<script src="/layer-v3.1.0/layer/layer.js"></script>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202003301518" ></script>
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript">
$('.mBottom').show();
var ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
// if (/android/.test(ua)) {
$(".anBtn1,.anBtn2").on("click", function () {
$(".iosDown").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){
......
ios.html
......@@ -38,264 +38,52 @@
<meta name="description" content="">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<script src="js/fsize.js"></script>
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/base.css?v=201911251528">
<link rel="stylesheet" href="layer-v3.1.0/layer.css">
<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/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title>
<style>
.main{
margin: 0 auto;
width: 10rem;
min-height: 100vh;
position: relative;
background-color: #E44C90;
font-size: 0;
background: url(img/bg.jpg) no-repeat;
background-size: cover;
}
.swiper-container{
width: 10rem;
height: 16.986rem;
}
.swiperImg{
background: url(img/img1.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
width: 10rem;
height: 16.986rem;
}
.swiperImg2{
background: url(img/img2.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg3{
background: url(img/img3.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg4{
background: url(img/img1_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg5{
background: url(img/img2_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.swiperImg6{
background: url(img/img3_en.jpg) no-repeat;
background-size: 10rem 18.986rem;
background-position: 0 -2rem;
}
.iosBg,.iosBg2{
/*background: url(img/iosbg.png) no-repeat;
background-size: 100% 100%;
width: 9.146rem;
height: 24.413rem;*/
position: relative;
margin: -4rem auto 0;
z-index: 50;
}
.iosBg2{
/*background: url(img/iosbg_en.png) no-repeat;
background-size: 100% 100%;*/
}
.iosBtn{
width: 7.573rem;
height: 1.386rem;
position: absolute;
left: 50%;
margin-left: -3.786rem;
top: -.693rem;
z-index: 10;
}
/*.iosText{
position: absolute;
width: 3.933rem;
right: 0.45rem;
top: 15.426rem;
height: 0.8rem;
line-height: .8rem;
text-align: center;
color:#FF4999;
font-size: 0.3rem;
direction: rtl;
}*/
.mBottom{
padding: 0.8rem 0 0.666rem;
width: 100%;
text-align: center;
font-size: 0;
position: absolute;
left: 0;
bottom: 0.266rem;
text-align: center;
z-index: 100;
}
.mBottom p{
font-size: 0.32rem;
color:#F3BED3;
}
.mBottom p:nth-child(2){
margin-top: 0.066rem;
}
.langTitle{
position: absolute;
top: 0.666rem;
left: 0.4rem;
width: 2rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
.langTitle img{
width: 0.16rem;
height: 0.146rem;
vertical-align: middle;
margin-top: -.05rem;
margin-right: 0.266rem;
}
.langList{
position: absolute;
left: 0.4rem;
top: 1.2rem;
width: 2.5rem;
height: 2.7rem;
background: rgba(255,255,255,.7);
z-index: 50;
border-radius: 0.106rem;
-webkit-border-radius: 0.106rem;
-moz-border-radius: 0.106rem;
display: none;
}
.langList p{
width: 100%;
text-align: center;
font-size: 0.346rem;
color:#000;
margin-top: 0.266rem;
}
.langList p:nth-child(1){
padding-top: .2rem;
}
.topUp{
position: absolute;
top: 0.666rem;
right: 0.466rem;
z-index: 100;
font-size: 0.346rem;
color:#FFF;
}
a:hover{
color:#FFF;
}
.mBottom{
display: none;
}
.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)
}
}
</style>
</head>
<body>
<div class="main">
<span class="langTitle"><img src="img/down.png"/><font></font></span>
<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 L_Ar">شحن</a>
<a class="topUp L_En">Top-up</a>
<div class="swiper-container swiper-container1 L_Ar">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiperImg swiperImg1"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg2"></div>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg3"></div>
</div>
</div>
</div>
<div class="swiper-container swiper-container2 L_En">
<img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp"></a>
<div class="iosDown heartbeat"></div>
<img src="https://www.footseen.com/img/live.png" class="live" />
<div class="swiper-container hide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiperImg swiperImg4"></div>
<img src="https://www.footseen.com/img/img1_cn.png"/>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg5"></div>
<img src="https://www.footseen.com/img/img2_cn.png"/>
</div>
<div class="swiper-slide">
<div class="swiperImg swiperImg6"></div>
<img src="https://www.footseen.com/img/img3_cn.png"/>
</div>
</div>
</div>
<div class="iosBg iosBg1 L_Ar">
<img class="iosBtn iosBtn1 heartbeat" src="img/btn.png" />
<!--<span class="iosText">ثقةPeach</span>-->
</div>
<div class="iosBg iosBg2 L_En">
<img class="iosBtn iosBtn2 heartbeat" src="img/btn_en.png" />
<!--<span class="iosText">Trust Peach</span>-->
</div>
<div class="mBottom">
<p>www.footseen.com</p>
<div class="swiper-pagination"></div>
</div>
</div>
</body>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/swiper.min.js"></script>
<script type="text/javascript" src="js/lang.js?v=201911251528" ></script>
<script src='layer-v3.1.0/layer/layer.js'></script>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.footseen.com/js/langIos.js?v=202003301517" ></script>
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript">
$('.mBottom').show();
var data = OpenInstall.parseUrlParams();
// $('.iosBtn').on('click',function(){
// window.location.href = 'https://testflight.apple.com/join/F0dDxv20';
// })
new OpenInstall({
appKey: "dzxj4c",
preferWakeup: true,
......@@ -305,7 +93,7 @@ new OpenInstall({
onready: function () {
var m = this;
m.schemeWakeup();
$(".iosBtn").on("click", function () {
$(".iosDown").on("click", function () {
ga('send', 'event', {
eventCategory: 'ios',
......@@ -320,7 +108,7 @@ new OpenInstall({
gtag('event', 'conversion', {
'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC',
'event_callback': gtag_report_conversion('apk',m)
});
});
return false;
})
}
......
new/index2.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<script async src='https://www.google-analytics.com/analytics.js'></script>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', 'UA-134943215-2', 'auto');
ga('create', 'UA-155364301-1', 'auto','clientTracker');
ga('send', 'pageview');
ga('clientTracker.send', 'pageview');
</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-678006312"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-678006312');
</script>
<script>
gtag('event', 'conversion', {'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC'});
</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/swiper.min.css">
<link rel="stylesheet" href="https://www.footseen.com/css/base2.css">
<link rel="stylesheet" href="https://www.footseen.com/css/inedx.css">
<link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css">
<title>Foot Seen</title>
</head>
<body>
<div class="main bg1">
<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>
<img src="https://www.footseen.com/img/logo.png" class="logo" />
<a class="topUp"></a>
<div class="iosDown heartbeat"></div>
<div class="swiper-container androidSwiper hide">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="https://www.footseen.com/img/animg1_cn.png"/>
</div>
<div class="swiper-slide">
<img src="https://www.footseen.com/img/animg2_cn.png"/>
</div>
<div class="swiper-slide">
<img src="https://www.footseen.com/img/animg3_cn.png"/>
</div>
</div>
<div class="swiper-pagination"></div>
</div>
<div class="andoridDesc"></div>
<div class="andoridBottom"></div>
<div class="arBottom"></div>
</div>
</body>
<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script>
<script src="https://www.footseen.com/js/swiper.min.js"></script>
<script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202003301518" ></script>
<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script>
<script type="text/javascript">
var ua = navigator.userAgent.toLowerCase();
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
// if (/android/.test(ua)) {
$(".iosDown").on("click", function () {
var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
if (userAgent.indexOf("Line") > -1) {
if(sessionStorage.lang == 7){
$('.masking img').att('src','/img/fx.png');
$(".masking").fadeIn(500);
} else {
$('.masking img').att('src','/img/fx_en.png');
$(".masking.L_En").fadeIn(500);
}
}
else{
ga('send', 'event', {
eventCategory: 'defaultAndroid',
eventAction: 'click',
eventLabel: 'defaultAndroid'
});
ga('clientTracker.send', 'event', {
eventCategory: 'defaultAndroid',
eventAction: 'click',
eventLabel: 'defaultAndroid'
});
gtag('event', 'conversion', {
'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC',
'event_callback': gtag_report_conversion('apk')
});
}
})
// }
function gtag_report_conversion(url) {
setTimeout(function(){
window.location.href='http://footseen.com/apk';
},500)
}
$('.topUp').on('click',function(){
window.location.href = 'http://www.yabolive.tv/footseen/phonepay/applepay.html?lang='+sessionStorage.lang+'&gofrom=web';
})
</script>
</html>
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