You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
go-fly/static/html/index.html

199 lines
7.3 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>GO-FLY - {{.WebDesc}}</title>
<meta name="description" content="GO-FLY{{.SubIntro}}" />
<style>
*{
margin: 0;padding: 0;
}
.header{
height: 80px;
background-color: #fff;
color: #fff;
top: 0;
left: 0;
width: 100%;
line-height: 80px;
z-index: 100;
position: relative;
}
.container{
width: 1140px;
padding: 0;
margin: 0 auto;
}
.header .container{
height: 100%;
box-sizing: border-box;
border-bottom: 1px solid #dcdfe6;
}
.header h1{
margin: 0;
float: left;
font-size: 32px;
font-weight: 400;
}
.header a{
color: #519eff;
font-family: "Microsoft JhengHei";
text-decoration: none;
}
.header h1 a{
font-size: 30px;
font-weight: bold;
}
.header .navBtn{
float: right;
margin-left: 20px;
}
.banner{
padding-top: 20px;
text-align: center;
}
.banner h1{
font-size: 34px;
margin: 0;
line-height: 48px;
color: #555;
font-weight: 500;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
}
.banner p{
font-size: 18px;
line-height: 28px;
color: #888;
margin: 10px 0 5px;
}
.jumbotron{
width: 587px;
height: 560px;
margin: 30px auto;
}
.footer {
background-color: #f7fbfd;
width: 100%;
padding: 40px 150px;
box-sizing: border-box;
}
.try{
display: inline-block;
padding: 10px 20px;
background: #519eff;
color: #fff;
border-radius: 5px;
cursor: pointer;
margin-right: 20px;
text-decoration: none;
}
.try:hover {
transform: translateY(-1px);
background: #318cff;
box-shadow: 0 7px 14px rgba(50,50,50,.1), 0 3px 6px rgba(0,0,0,.1);
}
.copyright{
color: #6c757d;
text-align: center;
margin: 60px 0;
}
.codeDeploy{
color: #fff;
width: 1000px;
margin: 0 auto;
background: #555555;
padding: 10px;
white-space: pre-wrap;
word-wrap: break-word;
line-height: 24px;
}
</style>
</head>
<header class="header">
<div class="container">
<h1><a href="/index">GO-FLY</a></h1>
<a class="navBtn" href="/index?lang=en">English (United States)</a>
<a class="navBtn" href="/index?lang=cn">中文版 (简体)</a>
</div>
</header>
<div class="banner">
<h1>{{.WebDesc}}</h1>
<p>{{.SubIntro}}</p>
</div>
<div class="jumbotron">
{{if eq .Lang "en"}}
<img src="/static/images/intro3.png"/>
{{else}}
<img src="/static/images/intro1.jpg"/>
{{end}}
</div>
<pre class="codeDeploy">
&lt;script src=&quot;https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script src=&quot;https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js&quot;&gt;&lt;/script&gt;
&lt;link href=&quot;https://gofly.sopans.com/static/css/gofly-front.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
&lt;div id=&quot;launchButton&quot; class=&quot;launchButton&quot;&gt;
&lt;svg x=&quot;0px&quot; y=&quot;0px&quot; viewBox=&quot;0 0 27 21.9&quot; aria-labelledby=&quot;title desc&quot; role=&quot;img&quot; class=&quot;xhl-launch-button-svg&quot;&gt;&lt;title&gt;Chat Icon &lt;/title&gt;&lt;desc&gt;three small dots to indicate that an agent is available to chat&lt;/desc&gt;&lt;path fill=&quot;#ffffff&quot; d=&quot;M23.2,0L2.6,1.7C1,1.9,0,3.2,0,4.9v8c0,1.6,0.8,3,2.4,3.1l5.3,0.5c0,0,1,1.6,0.3,3.2C7.2,21.3,6,21.9,6,21.9 c4.2,0,6.6-3.1,7.8-4.9l9.4,0.7c1.8,0.2,3.8-1.3,3.8-3.1V3.1C27,1.3,25-0.1,23.2,0z M6.4,10.1c-0.9,0-1.7-0.7-1.7-1.7 c0-0.9,0.7-1.7,1.7-1.7C7.3,6.8,8,7.5,8,8.5C8,9.4,7.3,10.1,6.4,10.1z M13.2,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C14.8,9.4,14.1,10.1,13.2,10.1z M19.9,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C21.6,9.4,20.9,10.1,19.9,10.1z&quot;&gt;&lt;/path&gt;&lt;/svg&gt;
&lt;div class=&quot;launchButtonText&quot;&gt;
Chat with us
&lt;/div&gt;
&lt;/div&gt;
&lt;script&gt;
var GOFLY_URL=&quot;https://gofly.sopans.com&quot;;
&lt;/script&gt;
&lt;script src=&quot;https://gofly.sopans.com/static/js/gofly-front.js&quot;&gt;&lt;/script&gt;
</pre>
<footer class="footer">
<div class="container">
<a class="try" href="/docs/index.html" target="_blank">{{.Document}}</a>
<a class="try" href="/login?lang={{.Lang}}" target="_blank">{{.AgentBtn}}</a>
<a class="try" href="https://github.com/taoshihan1991/go-fly" target="_blank">Github</a>
</div>
<div class="copyright">
{{.Copyright}}&copy; 2020
</div>
</footer>
<!--对接客服代码-->
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.1.1/layer.min.js"></script>
<link href="/static/css/gofly-front.css" rel="stylesheet" type="text/css"/>
<div id="launchButton" class="launchButton">
<svg x="0px" y="0px" viewBox="0 0 27 21.9" aria-labelledby="title desc" role="img" class="xhl-launch-button-svg"><title>Chat Icon </title><desc>three small dots to indicate that an agent is available to chat</desc><path fill="#ffffff" d="M23.2,0L2.6,1.7C1,1.9,0,3.2,0,4.9v8c0,1.6,0.8,3,2.4,3.1l5.3,0.5c0,0,1,1.6,0.3,3.2C7.2,21.3,6,21.9,6,21.9 c4.2,0,6.6-3.1,7.8-4.9l9.4,0.7c1.8,0.2,3.8-1.3,3.8-3.1V3.1C27,1.3,25-0.1,23.2,0z M6.4,10.1c-0.9,0-1.7-0.7-1.7-1.7 c0-0.9,0.7-1.7,1.7-1.7C7.3,6.8,8,7.5,8,8.5C8,9.4,7.3,10.1,6.4,10.1z M13.2,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C14.8,9.4,14.1,10.1,13.2,10.1z M19.9,10.1c-0.9,0-1.7-0.7-1.7-1.7c0-0.9,0.7-1.7,1.7-1.7 c0.9,0,1.7,0.7,1.7,1.7C21.6,9.4,20.9,10.1,19.9,10.1z"></path></svg>
<div class="launchButtonText">
Chat with us
</div>
</div>
<script>
var GOFLY_URL="";
</script>
<script src="/static/js/gofly-front.js"></script>
<!--//对接客服代码-->
<script>
setTimeout(function(){
if (launchButtonFlag) return;
layer.open({
type: 2,
title: "Chat with us",
closeBtn: 1, //不显示关闭按钮
shade: [0],
area: ['510px', '520px'],
offset: 'rb', //右下角弹出
anim: 2,
content: ['/chat_page?lang=en', 'no'], //iframe的urlno代表不显示滚动条
end: function(){
launchButtonFlag=false;
$(".launchButton").show();
}
});
launchButtonFlag=true;
$(".launchButton").hide();
},8000);
</script>
</html>