<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>{{pkg.name}}-{{name}}</title>
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
    <link href="/{{normalize}}/normalize.css" type="text/css" rel="stylesheet"/>
    <script src="/{{es5Shim}}/es5-shim.js"></script>
    <script src="/{{es5Shim}}/es5-sham.js"></script>
    <script src="/{{consolePolyfill}}/index.js"></script>
    <script src="/{{public}}/modernizr.js"></script>
    <script src="/{{fastclick}}/lib/fastclick.js"></script>
    <link rel="stylesheet" type="text/css" href="/{{highlightJs}}/styles/github.css">
    {{#if(hasCss)}}
    <link rel="stylesheet" type="text/css" href="./{{name}}.css">
    {{/if}}
    <script>
    if(!window.Promise) {
      document.writeln('<script src="/{{es6Promise}}/dist/es6-promise.js"'+'>'+'<'+'/'+'script>');
    }
    </script>
    <style>
        .highlight {
            background-color: transparent;
            padding-top: 1px;
            position: relative;
        }

        .highlight pre {
            font-family: Consolas, "Liberation Mono", Courier, monospace;
            margin: 6px 0;
            border: 1px solid #eee;
            padding: 6px 10px;
            overflow: auto;
            border-radius: 2px;
            background-color: #f8f8f9;
            line-height: 19px;
            font-size: 13px;
            white-space: pre;
        }

        .highlight pre code {
            color: #5D6A6A;
            background-color: transparent;
            margin: auto;
            padding: 0;
        }
    </style>
</head>
<body>
  <h1>{{pkg.name}}@{{pkg.version}}</h1>
  <div id="__react-content"></div>
  {{{content}}}
  <script>FastClick.attach(document.body);</script>
  <script src="./{{name}}.js"></script>
</body>
</html>
