areguera / centos / centos.org

Forked from centos/centos.org 4 years ago
Clone
Blob Blame History Raw
<!DOCTYPE html>
<html lang="{{ page.lang | default: 'en' }}">
  {% include head.html -%}
  <body>
    {% include navbar.html -%}
    <main class="bg-light">

      <header class="header header__home">
        <section class="header__home__presentation">
          <h1 class="header__home__presentaiton_title">{{ site.title }}</h1>
          <p class="header__home__presentation__description">{{ site.description }}</p>
          <div class="header__home__presentation__distributions">
            {% for distribution in site.data.centos.distributions %}
            <div class="card">
              <a class="btn" role="button" href="centos-stream">
                <div class="card-body">
                  <h2 class="card-title">{{ distribution.name }}</h2>
                  <p class="card-text">{{ distribution.description }}</p>
                </div>
              </a>
            </div>
            {% endfor %}
          </div>
        </section>
        <section class="header__home__shortcuts">
          <div class="header__home__shortcuts__community">
            {% assign community_items = site.data.centos.navbar | where: "name", "Community" %}
            {% for community_item in community_items %}
            {% for shortcut in community_item.menu %}
            <a class="btn" role="button" href="{{ shortcut.link }}">
              <div class="card">
                <div class="card-body">
                  <h2 class="card-title"><i class="{{ shortcut.icon }}"></i></h2>
                  <p class="card-text">{{ shortcut.name }}</p>
                </div>
              </div>
            </a>
            {% endfor %}
            {% endfor %}
          </div>
        </section>
      </header>
      <div class="hr">
        <div class="hr__centos-color-0"></div>
        <div class="hr__centos-color-1"></div>
        <div class="hr__centos-color-2"></div>
        <div class="hr__centos-color-3"></div>
      </div>

      {{ content }}
      {% include home/news-and-events.html %}
      {% include home/planet.html %}
    </main>

    {% include footer.html -%}

    <script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
    <script src="{{ site.baseurl }}/assets/js/bootstrap.min.js"></script>
    <script src="{{ site.baseurl }}/assets/js/customization.js"></script>

  </body>
</html>