_jade/layouts/basic.jade

block variables

- var ecWWWLang = 'zh';
- var htmlAttrLang = 'zh-CN';

block variablesLang

- var isCN = ecWWWLang == 'zh';

if isCN 
    - var cdn3rdRoot = cdnThirdPartyCN;
else
    - var cdn3rdRoot = cdnThirdParty;

doctype html
html(lang='#{htmlAttrLang}')
    head
        meta(charset='utf-8')

        meta(http-equiv='X-UA-Compatible', content='IE=edge,chrome=1')
        meta(name='viewport', content='width=device-width,initial-scale=1,user-scalable=no')

        if isCN
            meta(name="description" content="Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。")
        else
            meta(name="description" content="Apache ECharts, a powerful, interactive charting and visualization library for browser")
        meta(name="keywords" content="echarts,apache,charts,data-visualization,charting-library,visualization,data-viz,canvas,svg,plot,graph")

        link(rel='shortcut icon', href='#{cdnPayRoot}/#{ecWWWLang}/images/favicon.png?_v_=#{cdnPayVersion}')

        link(rel='stylesheet', type='text/css', href='#{cdn3rdRoot.bootstrapCSS}')

        link(rel='stylesheet', type='text/css', href="#{getAssetUrl(host, ecWWWLang + '/css/main.css')}")

        script.
            window.EC_WWW_LANG = '#{ecWWWLang}';

        script(type='text/javascript', src='#{cdn3rdRoot.paceProgressBarJS}')

        script(id='font-hack', type='text/javascript').
            if (/windows/i.test(navigator.userAgent)) {
                var el = document.createElement('style');
                el.innerText = ''
                    + '@font-face {font-family:"noto-thin";src:local("Microsoft Yahei");}'
                    + '@font-face {font-family:"noto-light";src:local("Microsoft Yahei");}';
                document.head.insertBefore(el, document.getElementById('font-hack'));
            }

        block extra_head

        script(type='text/javascript', src='#{cdn3rdRoot.jquery}')

    <!--[if lte IE 8]>
    body.lower-ie
        #lowie-main
            img(src="#{cdnPayRoot}/#{ecWWWLang}/images/forie.png?_v_=#{cdnPayVersion}", alt="ie tip")
    <![endif]-->
    <!--[if (gt IE 8)|!(IE)]>
    body
    <![endif]-->
    noscript
        div.no-script
            if ecWWWLang == 'en'
                strong We're sorry, but Apache ECharts website doesn't work properly without JavaScript enabled. Please enable it to continue.
            else
                strong 很抱歉，Apache ECharts 网站需要启用 JavaScript 才能正常运行。
    #apache-banner
        .txt
            if ecWWWLang == 'en'
                p Please visit the official Apache ECharts Website at
                a(id="a2", href="https://echarts.apache.org/en/index.html") https://echarts.apache.org
            else
                p 请访问 Apache ECharts 的官网 &nbsp;
                a(id="a1", href="https://echarts.apache.org/zh/index.html") https://echarts.apache.org
        a.btn.btn-main(href="https://echarts.apache.org", target="_blank", onclick="logApache()")
            if ecWWWLang == 'en'
                div Visit Official Website
            else
                div 访问官网
        a.close-btn(href="javascript:;", onclick="closeApacheBanner(true)") x

    #main
        block content

    script(type='text/javascript', src='#{cdn3rdRoot.bootstrapJS}')
    script(type='text/javascript', src="#{getAssetUrl(cdnPayRoot, ecWWWLang + '/js/common.js')}")
    script(type='text/javascript').
        window.ECHARTS_WWW_VENDORS_CDN_ROOT = '#{cdnPayRoot}/#{ecWWWLang}/js/vendors/';

    block extra_js

    //- include ../components/analytics