{% extends 'pirati_cz.html' %}

{% block head %}
<style>
.st-btn {
    height: 40px;
    width: 40px;
    padding: 8px;
}
.st-btn > svg { height: 100%; width: 100%; }
</style>
{%endblock%}
{%block body%}
<div class="row">
  <div class="medium-12 large-8 large-push-2 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
        <div class="o-section-block" data-equalizer data-equalize-on="medium">
          <h1>Sledujte piráty&thinsp;!</h1>
          <p>
          Chcete vědět, co Piráti dělají? Vyberte si oblíbené informační kanály a&nbsp;sociální sítě, abyste byli informováni o&nbsp;naší činnosti a&nbsp;neutekla vám žádná akce.
          </p>

          <h3>Sledujte Piráty na oblíbené sociální síti:</h3>
          {% include 'follow_buttons.html' %}

          <br/>
          <br/>
          <h3>Přihlašte se k&nbsp;odběru novinek e-mailem:</h3>
          <form method="post" action="#">
              {%csrf_token%}
              {{form}}<br/>
              <p stle="text-align: left; padding: 1em 2em 1em 2em;">
              Detaily způsobu zpracování osobních údajů jsou k&nbsp;dispozici 
              <a href="https://www.pirati.cz/o-nas/ochrana-osobnich-udaju/" target="_blank">online</a>.
              </p>
              <input type="submit" class="c-cta-button c-cta-button--primary" value="Odebírat newsletter"/>
          </form>
        </div>
      </div>
    </section>
  </div>
</div>

<div class="row">
  <div class="medium-12 large-8 columns large-push-2">
    <section class="o-section o-section">
      <div class="o-section-inner">
          <blockquote class="c-blockquote c-blockquote--wicon">
          Pirátská strana funguje na principu dobrovolnosti.
            <br> Pokud něco chceš dělat, nečekej na ostatní
            <br> a&nbsp;zapoj se. 
            </blockquote>
      </div>
    </section>
  </div>
</div>

<div class="row">
  <div class="medium-12 large-8 large-push-2 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
    <h2>Chcete se zapojit více ?</h2>
      <p>
      Rozhlédněte se po <b><a href="/paluby/">palubách</a></b>,
      navštivte naše <b><a href="/posadky/">posádky</a></b> a&nbsp;rovnou se zaregistrujte.
      </p>
    <div id='do_register_button' style="    text-align: center;">
        <a href="/jdu-do-toho/" style="width: 350px; margin-top: 10px; text-align: center; padding: 22px; font-size: 22px; background-color: #5cb85c;border-color: #5cb85c; color: white;" class="c-cta-button c-cta-button--primary">
        Přidejte se k&nbsp;Pirátům !<i class="fa fa-thumbs-up" aria-hidden="true"></i>
        </a>
    </div>
      </div>
    </section>
  </div>
</div>


<div class="row">
  <div class="medium-12 large-12 columns">
    <section class="o-section o-section--spaceBot">
      <div class="o-section-inner">
      &nbsp;
      </div>
    </section>
  </div>
</div>


{%endblock%}
