teckids_related.html

<section class="section">
  <h2 class="title">Darum geht es bei Teckids</h2>
  <div class="columns is-vcentered">
    <div class="column is-two-thirds">
      {{body|markdown|safe}}
    </div>
    <div class="column is-one-third">
      {% if page.extra.platforms.wiki %}
        <div class="media">
          <div class="media-left">
            <div class="icon is-large">
              <i class="fa-solid fa-2x fa-book"></i>
            </div>
          </div>
          <div class="media-content">
            <a href="https://wiki.teckids.org/{{page.extra.platforms.wiki}}">
              <p class="title is-4">{{ trans(key="wiki", lang=lang) }}</p>
              <p class="subtitle is-6">{{ trans(key="wiki", lang=lang) }}</p>
            </a>
          </div>
        </div>
      {% endif %}
      {% if page.extra.platforms.forum %}
        <div class="media">
          <div class="media-left">
            <div class="icon is-large">
              <i class="fa-brands fa-2x fa-discourse"></i>
            </div>
          </div>
          <div class="media-content">
            <a href="https://forum.teckids.org/c/{{page.extra.platforms.forum}}">
              <p class="title is-4">{{ trans(key="forum", lang=lang) }}</p>
              <p class="subtitle is-6">{{ trans(key="forum", lang=lang) }}</p>
            </a>
          </div>
        </div>
      {% endif %}
      {% if page.extra.platforms.chat %}
        <div class="media">
          <div class="media-left">
            <div class="icon is-large">
              <i class="fa-solid fa-2x fa-comments"></i>
            </div>
          </div>
          <div class="media-content">
            <a href="https://matrix.to/#/{{page.extra.platforms.chat}}">
              <p class="title is-4">{{ trans(key="chat", lang=lang) }}</p>
              <p class="subtitle is-6">{{ trans(key="chat", lang=lang) }}</p>
            </a>
          </div>
        </div>
      {% endif %}
      <div class="media">
        <div class="media-left">
          <div class="icon is-large">
            <i class="fa-regular fa-2x fa-circle-question"></i>
          </div>
        </div>
        <div class="media-content">
          <p class="is-subtitle is-6">
            <a href="{{ get_url(path="@/gemeinschaft/offene-gemeinschaft/plattformen.md", lang=lang) }}">
              {{ trans(key="help_platforms", lang=lang) }}
            </a>
          </p>
        </div>
      </div>
    </div>
  </div>
</section>