{% 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>{{ _('Community') }}</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><i class="fa fa-github"></i>&nbsp;{{ _('GitHub Discussions') }}</td>
            <td><a href="https://github.com/heldercorreia/speedcrunch/discussions">{{ _('Ask questions and share ideas') }}</a></td>
          </tr>
          <tr>
            <td><i class="fa fa-github"></i>&nbsp;{{ _('GitHub Issues') }}</td>
            <td><a href="https://github.com/heldercorreia/speedcrunch/issues">{{ _('Report bugs and request features') }}</a></td>
          </tr>
          <tr>
            <td><i class="fa fa-at"></i>&nbsp;{{ _('Google Group') }}</td>
            <td><a href="https://groups.google.com/group/speedcrunch/">{{ _('SpeedCrunch discussion 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">{{ _('SpeedCrunch Facebook group') }}</a></td>
          </tr>
          <tr>
            <td><i class="fa fa-twitter"></i>&nbsp;{{ _('X (Twitter)') }}</td>
            <td><a href="https://x.com/SpeedCrunchOrg">@SpeedCrunchOrg</a></td>
          </tr>
          <tr>
            <td><i class="fa fa-reddit"></i>&nbsp;{{ _('Reddit Community') }}</td>
            <td><a href="https://www.reddit.com/r/speedcrunch/">r/speedcrunch</a></td>
          </tr>
          <tr>
            <td><i class="fa fa-comments"></i>&nbsp;{{ _('Discord') }}</td>
            <td><a href="https://discord.gg/AKzSDmHMK">{{ _('SpeedCrunch server') }}</a></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
{%- endblock %}