<!DOCTYPE html>
<html lang="en">
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="{{ page.description }}" />
    <meta name="project-title" content="{{ page.title }}" />
    <title>Projects{% if page.title %} | {{ page.title }}{% endif %}</title>
    {% include  assets.html %}
    <link rel="stylesheet" href={{ "/css/project.css" | relative_url }} />
  </head>
  <body>
    {% include header.html %}
    <div class="main-content center row valign-wrapper">
      {% if page.logo %}
        <div class="col s12 m4 valign">
          <img src="{{ page.logo }}" class="logo"/>
        </div>
        <div class="col s12 m8 valign">
          <h1 class="title"><a id="main-title">{{page.title}}</a><h1>
          <h2 class="flow-text description black-text text-lighten-2">{{page.description}}<h2>
        </div>
      {% else %}
        <div class="col s12">
          <h1 class="title"><a id="main-title">{{page.title}}</a><h1>
          <h2 class="flow-text description black-text text-lighten-2">{{page.description}}<h2>
        </div>
      {% endif %}
    </div>
    <hr class="container" />

    {% if page.gallery %}
      <div class="container gallery">
        <h2 class="center title">Gallery</h2>
        <div class="row cards-container noselect">
          {% for image in page.gallery %}
            <div class="col s12 m6 card-holder">
              <div class="card hoverable">
                <div class="card-image">
                  <img data-caption="{{ image.title }}" class="materialboxed" src="{{ image.url }}">
                  <span class="card-title">{{ image.title }}</span>
                </div>
              </div>
            </div>
          {% endfor %}
        </div>
      </div>
      <hr class="container" />
    {% endif %}

    <div class="container page-content">{{ content }}</div>
    <hr class="container" />

    <div id="stats" class="center container">
      <h1 class="heading">Hello there!</h1>
      <h4>We are the contributors to <b>{{page.title}}</b>.</h4>
      <div id="contributors" class="row"></div>

      <hr />
      <h3 class="title">Stats, stats everywhere!</h3>
      <p class="flow-text"><i class="fa fa-code"></i> mostly in <b id="language"></b></p>
      <p class="flow-text">
        Help us <i class="fa fa-wrench"></i> <a id="issues-url">fix issues</a>.
        We have <b id="issues-count"></b> <i class="fa fa-bug"></i> open issues right now!
      </p>
      <p class="flow-text">
        We were forked <b id="forks-count"></b>
        <i class="fa fa-code-fork"></i> times, in exact.</p>
      <p class="flow-text">
        <a href="https://gitter.im/NIT-dgp/General">Ping us</a>
        <i class="fa fa-rss"></i> for more updates!
      </p>
      <p class="flow-text">
        maintained by <a id="owner"></a> <i class="fa fa-user"></i>
      </p>
    </div>
    {% include footer.html %}
    <script type="text/javascript" src={{ "/js/project_processor.js" | relative_url }}></script>
  </body>
</html>
