go-fly/static/html/index.html


<!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>
        <a class="navBtn" href="/login">{{.AgentBtn}}</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 animateUpDown">
    <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: ['/chatIndex?lang=en&refer='+window.document.title, 'no'], //iframe的url，no代表不显示滚动条
        end: function(){
            launchButtonFlag=false;
            $(".launchButton").show();
        }
    });
    launchButtonFlag=true;
    $(".launchButton").hide();
},8000);

</script>

</html>