{% extends "base" %}

{% block header_scripts %}
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="js/index_tabs.js"></script>
<script src="js/highcharts.js"></script>
{% endblock header_scripts %}

{% block content %}
<section class="b-gray_block b-mainhead">
  <div class="b-block-wrapper">
    <a  href="https://github.com/tarantool/tarantool/" class="b-follow">Follow on</a>
    <h1 class="b-Tarantool_title"     >{{ page.blocks.header[0] }}</h1>
    <h2 class="b-Tarantool_title-note">{{ page.blocks.header[1] }}</h2>
    <p  class="b-Tarantool_title-text">{{ page.blocks.header[2] }}</p>
  </div>
</section>

<section class="b-block b-features">
  <div class="b-block-wrapper">
    <h2 class="b-section-title">Features</h2>
    <ul class="b-features-list">
    {% for item in page.blocks.features %}
      <li class="b-features-list-item">{{ item }}</li>
    {% endfor %}
    </ul>
  </div>
</section>

<section class="b-gray_block b-support">
  <div class="b-block-wrapper">
    <h2 class="b-section-title">Support</h2>
    <ul class="b-support-list">
    {% for item in page.blocks.support %}
      <li class="b-support-list-item">{{ item }}</li>
    {% endfor %}
    </ul>
  </div>
</section>

<section class="b-block b-dash">
  <div class="b-block-wrapper">
    <div class="b-cols p-2col">
      <div class="b-cols-item">
        <h2 class="b-section-title">News & events</h2>
        <ul class="b-news-list">
        {% for item in page.blocks.news %}
          <li class="b-news-list-item">
            <div class="b-date"><span>{{ item[2] }}</span>{{ item[3] }}</div>
            <h3 class="b-news-list-item-title">
              <a href="{{ item[1] }}" class="b-news-list-item-title-url" target="_blank">
                {{ item[0] }}
                <span class="b-news-list-item-title-url-alt b-ellipsis">{{ item[1] | url_split }}</span>
              </a>
            </h3>
          </li>
        {% endfor %}
        </ul>
        <ul class="b-social_block">
          <li class="b-social_block-item">
            <a href="https://twitter.com/kostja_osipov" class="b-social_ico i-tw"></a>
          </li>
          <li class="b-social_block-item">
            <a href="https://www.linkedin.com/groups/Tarantool-5131662" class="b-social_ico i-in"></a>
          </li>
          <li class="b-social_block-item">
            <a href="http://www.quora.com/Tarantool" class="b-social_ico i-q"></a>
          </li>
        </ul>
      </div>
      <div class="b-cols-item_empty">&nbsp;</div>
      <div class="b-cols-item">
        <a class="twitter-timeline"
           href="https://twitter.com/hashtag/tarantool"
           data-widget-id="560794185742442496">#tarantool Tweets
        </a>
        <script>
          !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
        </script>
      </div>
    </div>
  </div>
</section>

<section class="b-gray_block b-example">
  <div class="b-block-wrapper">
    <h2 class="b-section-title">Example</h2>
    <div class="b-cols p-example">
      <div class="b-cols-item">
        <div class="b-example-code">
          {{ page.blocks.example }}
        </div>
      </div>
      <div class="b-cols-item-empty">&nbsp;</div>
      <div class="b-cols-item">
        <div class="b-example-player">
          {{ page.blocks.video }}
        </div>
      </div>
    </div>
  </div>
</section>

<section class="b-block b-benchmark">
  <div class="b-block-wrapper">
    <h2 class="b-section-title">Our benchmarks (YCSB)</h2>
    <div class="b-block-wrapper_bench">
      <div class="b-benchmark-catalog">
        <ul class="b-switcher">
          <li class="b-switcher-item"><a href="#" class="b-switcher-item-url p-active">A</a></li>
          <li class="b-switcher-item"><a href="#" class="b-switcher-item-url">B</a></li>
          <li class="b-switcher-item"><a href="#" class="b-switcher-item-url">C</a></li>
          <li class="b-switcher-item"><a href="#" class="b-switcher-item-url">D</a></li>
          <li class="b-switcher-item"><a href="#" class="b-switcher-item-url">E</a></li>
          <li class="b-switcher-item"><a href="#" class="b-switcher-item-url">F</a></li>
        </ul>
      </div>
      <div class="b-benchmark-type">
        <ul class="b-switcher">
          <li class="b-switcher-item">
            <a href="#" class="b-switcher-item-url p-active">Throughput</a>
          </li>
          <li class="b-switcher-item">
            <a href="#" class="b-switcher-item-url">Latency</a>
          </li>
        </ul>
      </div>
      <h3 class="b-benchmark-type-title">Workload A</h3>
    </div>
    <div class="b-benchmark-grapf"><div id="b-benchmark-grapf-image"></div></div>
    <div class="b-benchmark-more"> <a href="/benchmark.html">Learn more</a></div>
  </div>
</section>

<section class="b-gray_block b-customers">
  <div class="b-block-wrapper">
    <h2 class="b-section-title">Our users</h2>
    <div class="b-cols">
      <div class="b-cols-item">
        <a href="http://mail.ru" class="b-cust_logo i-mailru"></a>
      </div>
      <div class="b-cols-item-empty">&nbsp;</div>
      <div class="b-cols-item">
        <a href="http://badoo.com" class="b-cust_logo i-badoo"></a>
      </div>
      <!--div class="b-cols-item-empty">&nbsp;</div>
      <div class="b-cols-item">
        <a href="http://sbrf.ru" class="b-cust_logo i-sberbank"></a>
      </div-->
      <div class="b-cols-item-empty">&nbsp;</div>
      <div class="b-cols-item">
        <a href="http://avito.ru" class="b-cust_logo i-avito"></a>
      </div>
      <div class="b-cols-item-empty">&nbsp;</div>
      <div class="b-cols-item">
        <a href="http://qiwi.ru" class="b-cust_logo i-qiwi"></a>
      </div>
      <div class="b-cols-item-empty">&nbsp;</div>
      <div class="b-cols-item">
        <a href="http://wallarm.com" class="b-cust_logo i-wallarm"></a>
      </div>
    </div>
  </div>
</section>
{% endblock content %}

{# vim: syntax=htmldjango ts=2 sts=2 sw=2 expandtab #}
