index.html

<!DOCTYPE html>
<html>
<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">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="//cdn.bootcss.com/angular.js/1.6.1/angular.min.js"></script>
  <script src="//cdn.bootcss.com/angular-ui-bootstrap/2.5.0/ui-bootstrap.min.js"></script>
  <link rel="shortcut icon" href="favicon.ico">
  <script src="index.js"></script>
  <link rel="stylesheet" href="//at.alicdn.com/t/font_qoqe9u46tl9dx6r.css">
  <link rel="stylesheet" href="style.css">
  <title>BRVAH</title>
</head>
<body ng-app="BRVAH" ng-controller="mainController">
<div ng-if="supported" ng-class="{en : languageIndex, cn: !languageIndex}">
  <div class="section-banner">
    <nav class="navbar navbar-default" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <div class="circle-btn" ng-click="isNavCollapsed = !isNavCollapsed">
            <i class="iconfont" ng-class="{'icon-menu': isNavCollapsed, 'icon-close': !isNavCollapsed}"></i>
          </div>
          <div class="navbar-brand">
            <img src="http://recyclerview.devcoder.cn/img/logo.png" alt="">
            <img src="http://recyclerview.devcoder.cn/img/logo-text.png" alt="">
          </div>
          <button class="btn phone-change-language" ng-click="changeLanguage()">
            {{languages[(languageIndex + 1)%2].title}}
          </button>
        </div>
        <div class="navbar-collapse" uib-collapse="isNavCollapsed">
          <ul class="nav navbar-nav" ng-click="isNavCollapsed = true">
            <li ng-repeat="item in navbarItems">
              <a href ng-click="scrollToElem(item.query)" translate={{item.translate}}></a>
            </li>
          </ul>
        </div>
        <div class="navbar-right navbar-collapse collapse">
          <a href class="change-language" ng-click="changeLanguage()">
            {{languages[(languageIndex + 1)%2].title}}
          </a>
          <a class="iconfont icon-github" href="https://github.com/CymChad/BaseRecyclerViewAdapterHelper"></a>
        </div>
      </div>
    </nav>
    <div class="container banner">
      <div class="content">
        <div>
          <span>RecyclerView</span>
          <span>从未如此简单</span>
        </div>
        <div>
          <span>Change numerous for brief</span>
          <span>RecyclerView has never been so easy</span>
        </div>
      </div>
    </div>
  </div>

  <div class="section-1" id="section1">
    <div class="container">
      <div class="title">RecyclerView</div>
      <div translate="recommend" class="brief"></div>
    </div>
  </div>

  <div class="container section-2" id="section2">
    <div class="title" translate="section-2-title"></div>
    <p translate="section-2-brief"></p>
    <ul>
      <li ng-repeat="item in functionIcons">
        <a href={{item.link}}>
          <img ng-src={{'http://recyclerview.devcoder.cn/'+item.pic}} alt="">
          <span translate={{'section-2-item-'+$index}}></span>
        </a>
      </li>
    </ul>
  </div>

<!--   <div class="section-3" id="section3">
    <div class="container">
      <div class="title">
        <span>BRVAH</span>
        <span>&nbsp;HAPPY&nbsp;</span>
        <span>1ST BIRTHDAY!</span>
      </div>
      <img class="monkey" src="http://recyclerview.devcoder.cn/img/birthdaymonkey.png" alt="">
      <div class="content">
        <div class="part1">
          <p class="subtitle" translate="section-3-subtitle-1"></p>
          <div class="commit">
            <div class="left">
              <div>
                <i class="iconfont icon-tag"></i>
                <span class="version">V1.0</span>
              </div>
              <div>
                <i class="iconfont icon-commit"></i>
                <span class="hash">9dd98b2</span>
              </div>
            </div>
            <div class="right">
              <div class="tag">V1.0</div>
              <div class="commit-message">
                <img src="http://recyclerview.devcoder.cn/img/small_monkey.png" alt="">
                <div>
                  <span>CymChad tagged this on 10 Apr 2016.7.11 commits to master since this tag create README.md</span>
                </div>
              </div>
              <div class="links">
                <a href="https://github.com/CymChad/BaseRecyclerViewAdapterHelper">Downloads</a>
                <a href="https://github.com/CymChad/BaseRecyclerViewAdapterHelper">Source code (zip)</a>
                <a href="https://github.com/CymChad/BaseRecyclerViewAdapterHelper">Source code (tar.gz)</a>
              </div>
            </div>
          </div>
        </div>
        <div class="part2">
          <p class="subtitle" translate="section-3-subtitle-2"></p>
          <ul class="git-status">
            <li ng-repeat="item in gitStatus">
              <span class={{getIconClass(item.icon)}}></span>
              <span class="text">{{item.text}}</span>
              <span class="number">{{item.number}}</span>
            </li>
          </ul>
        </div>
        <div class="summery">
          <img src="http://recyclerview.devcoder.cn/img/model.png" alt="">
          <p translate="section-3-summery"></p>
        </div>
      </div>
    </div>
  </div>

  <div class="section-4" id="section4">
    <div class="container">
      <div class="title" translate="section-4-title"></div>
      <p class="brief" translate="section-4-brief"></p>
      <ul class="members">
        <li ng-repeat="item in members">
          <a href={{item.link}}>
            <img ng-src={{'http://recyclerview.devcoder.cn/'+item.avatar}} alt="">
            <span>{{item.name}}</span>
          </a>
        </li>
        <li>
          <div>
            <div class="adaptive-circle">
              <div class="circle-content">
                <p translate="section-4-welcome"></p>
              </div>
            </div>
          </div>
          <span></span>
        </li>
      </ul>
    </div>
  </div>

  <div class="section-qrcode" ng-if="languageIndex === 0">
    <div class="container">
      <div class="title">
        <i class="iconfont icon-quote-left"></i>
        <p translate="section-qrcode-title"></p>
        <i class="iconfont icon-quote-right"></i>
      </div>
      <div class="content">
        <p translate="section-qrcode-content-1"></p>
        <p translate="section-qrcode-content-2"></p>
      </div>
      <div class="tags">
        <a href="http://mp.weixin.qq.com/mp/homepage?__biz=MzIwMzYwMTk1NA==&hid=1&sn=d3df6297facbfe7467b7e0e4fe5d3e25#wechat_redirect" ng-repeat="item in [0, 1, 2, 3, 4]" translate="{{'section-qrcode-tag-'+item}}"></a>
      </div>
      <img class="qrcode" src="http://recyclerview.devcoder.cn/img/qrcode.png" alt="">
    </div>
  </div> -->

  <div class="section-group" ng-if="languageIndex === 0">
    <div class="content">
      <p translate="section-group-content-1"></p>
      <p translate="section-group-content-2"></p>
    </div>
  </div>

  <footer>
    <div class="container">
      <p hidden="hidden"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1263120764'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1263120764%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));</script></p>
      <p translate="footer"></p>
    </div>
  </footer>
</div>
<div ng-if="!supported">
  <div translate="not-support" ng-style="{color: 'black'}"></div>
</div>
</body>
</html>