index.html

---
layout: home
namespace: index
permalink: /
category: index
---

<div class="container">
  {% include lang_pickers.html %}
  <br/>
  <div class="content has-text-centered">
    {% tf index/introduction.md %}
  </div>

  <div class="tile is-ancestor"> <!-- tiles -->

    <div class="tile is-vertical is-8"> <!-- left side tiles -->
      <div class="tile">
        <div class="tile is-parent is-vertical"> <!-- first column tiles -->
          <a href="{% tl introduction %}" class="tile is-child notification is-primary">
            <div class="content">{% tf index/tile_introduction.md %}</div>
          </a>
          <a href="{% tl decentralization %}" class="tile is-child notification is-primary">
            <div class="content">{% tf index/tile_decentralization.md %}</div>
          </a>
        </div>

        <div class="tile is-parent">
          <a href="{% tl instances %}" class="tile is-child notification is-info">
            <div class="content">{% tf index/tile_instances.md %}</div>
            <figure class="image is-4by3">
              <img src="/assets/images/fediverse.png">
            </figure>
          </a>
        </div>
      </div>
    <div class="tile is-parent">
      <a href="{% tl matters %}" class="tile is-child notification is-danger">
        <div class="content">{% tf index/tile_matters.md %}</div>
      </a>
    </div>
    </div>



    <div class="tile is-parent">
      <article class="tile is-child notification is-success">
        <p class="title">Mastodon? Fediverse? GNUSocial?</p>
        <p class="subtitle">A small introduction</p>
        <div class="content">

        </div>
      </article>
    </div>





  </div> <!-- /tiles -->

</div>