{% extends "entrance.html" %}

{%- block content %}
  {{ entranceNavBar() }}
  <div class="container">
    <ul class="breadcrumb">
      <li><a href="{{ pathto('index') }}">{{ _('Home') }} </a></li>
      <li class="active">{{ _('Community') }} </li>
    </ul>

    <div class="container">
      <h1>{{ _('Community') }}</h1>
      <p>
        {% trans %}Connect with other SpeedCrunch users and follow project news through these community channels.{% endtrans %}
      </p>
      <hr/>
      <table class="table table-hover">
        <thead>
          <tr>
            <th>{{ _('Channel') }}</th>
            <th>{{ _('Link') }}</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><i class="fa fa-at"></i>&nbsp;{{ _('Google Group') }}</td>
            <td><a href="https://groups.google.com/group/speedcrunch/">{{ _('Visit Google Group') }}</a></td>
          </tr>
          <tr>
            <td><i class="fa fa-facebook"></i>&nbsp;{{ _('Facebook Group') }}</td>
            <td><a href="https://www.facebook.com/groups/1783793218546797">{{ _('Visit Facebook Group') }}</a></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
{%- endblock %}