<section class="section">
  <h2 class="title">Darum geht es bei Teckids</h2>
  <div class="columns">
    <div class="column is-two-thirds">
      {{body|markdown|safe}}
    </div>
    <div class="column is-one-third">
      <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">Wiki</p>
            <p class="subtitle is-6">Informationen und Handreichungen im Teckids-Wiki</p>
          </a>
        </div>
      </div>
      <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/{{page.extra.platforms.forum}}">
            <p class="title is-4">Forum</p>
            <p class="subtitle is-6">Fragen und Diskussion im Teckids-Forum</p>
          </a>
        </div>
      </div>
      <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">Chat</p>
            <p class="subtitle is-6">Darüber reden im Chat</p>
          </a>
        </div>
      </div>
    </div>
  </div>
</section>