{% extends "base.html" %}

{% block content %}

<div class="row big">
  <b>What do you want to do?</b>
</div>

<div class="row">

<!-- 🏠 -->
<!-- oauth_dropins_static/pixelfed_2x.png -->
<!-- static/hubzilla_logo.png -->
<!-- ~/Fediverse_logo_proposal.svg -->

<div class="col-lg-6 col-md-12">
<a href="https://brid.gy/mastodon/start" class="btn btn-default big">
Cross-post to a fediverse account
<pre class="big">      🐘
    /
🌐 - <span class="highlight">🐘</span> - 🐘
    \
      🐘
</pre>
</a>
</div>

<div class="col-lg-6 col-md-12">
<a href="/docs" class="btn btn-default big">
     Connect directly to the fediverse
<pre class="big">🐘   🐘
\ /
🐘 - <span class="highlight">🌐</span> - 🐘
/ \
🐘   🐘
</pre>
</a>
</div>
</div>

<div class="row">
  <div class="btn big col-lg-6 col-lg-offset-3 col-md-12">
    ...or
    <a href="https://fediverse.party/en/fediverse/">learn about the fediverse</a>
    or <a href="https://joinmastodon.org/">try Mastodon</a>
  </div>
</div>

</div>

{% endblock %}