<!DOCTYPE html>
<html lang="cs" dir="ltr" itemtype="http://schema.org/WebPage" itemscope="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Nalodění - Pirátská strana</title>
    <meta name="author" content="Česká pirátská strana" />
    <meta name="robots" content="index,follow" />
    <meta name="description" content="Česká pirátská strana stojí na své členské základně a pomoci mnoha příznívců a dobrovolníků. Piráti jsou otevření novým zájemcům na všech úrovních.">
    <meta name="keywords" content="piráti, česká pirátská strana, nalodění, nováček, politika pro 21. století, přidej se, členství, stát se členem, dobrovolníci, podporovotelé, příznivci, příznivci pirátů" />
    <meta property="og:title"         content="Naloď se k Pirátům!" />
    <meta property="og:description"   content="Česká pirátská strana stojí na své členské základně a pomoci mnoha příznívců a dobrovolníků. Piráti jsou otevření novým zájemcům na všech úrovních." />
    
    <meta property="og:image"         content="https://nalodeni.pirati.cz/static/img/pirati-vlajky.jpg" />
    <meta property="og:type"          content="website" />
    <meta property="og:url"           content="https://nalodeni.pirati.cz/" />
    
    <link type="application/atom+xml" rel="alternate" href="https://www.pirati.cz/feed.xml" title="Pirátská strana" />
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-57x57.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-114x114.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-144x144.png">
    <link rel="apple-touch-icon-precomposed" sizes="60x60" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-60x60.png">
    <link rel="apple-touch-icon-precomposed" sizes="120x120" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-120x120.png">
    <link rel="apple-touch-icon-precomposed" sizes="76x76" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-76x76.png">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="https://www.pirati.cz/assets/favicon/apple-touch-icon-152x152.png">
    <link rel="icon" type="image/png" href="https://www.pirati.cz/assets/favicon/favicon-196x196.png" sizes="196x196">
    <link rel="icon" type="image/png" href="https://www.pirati.cz/assets/favicon/favicon-96x96.png" sizes="96x96">
    <link rel="icon" type="image/png" href="https://www.pirati.cz/assets/favicon/favicon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="https://www.pirati.cz/assets/favicon/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="https://www.pirati.cz/assets/favicon/favicon-128.png" sizes="128x128">
    <link rel="alternate" type="application/atom+xml" title="Aktuality" href="https://www.pirati.cz/atom.xml" />
    <meta name="application-name" content="Česká pirátská strana">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-TileImage" content="https://www.pirati.cz/assets/favicon/mstile-144x144.">
    <meta name="msapplication-square70x70logo" content="https://www.pirati.cz/assets/favicon/mstile-70x70.">
    <meta name="msapplication-square150x150logo" content="https://www.pirati.cz/assets/favicon/mstile-150x150.">
    <meta name="msapplication-wide310x150logo" content="https://www.pirati.cz/assets/favicon/mstile-310x150.">
    <meta name="msapplication-square310x310logo" content="https://www.pirati.cz/assets/favicon/mstile-310x310.">
    <!-- Fonts -->
    
    <link href="/static/fonts/google/FiraSans-OpenSans.css" rel="stylesheet">
    <link href="/static/css/main.css" rel="stylesheet">
    <link href="/static/css/main_local.css" rel="stylesheet">

    <link href="/static/libs/select2_4.0.5.css" rel="stylesheet" />
    
    <script>
      window.pirates = window.pirates || {};
      pirates.priorityStack = [];
    </script>
    <style>
        .top-bar-title > .title-text { display: inline-block; padding: 0.5em 1em 0.5em 3em; font-size:1.15rem;}
        .width-alt-s { display:none; }
        @media only screen and (max-width:700px){
            .top-bar-title > .title-text {display:none !important;}
            .c-top-bar .c-top-bar-inner .top-bar-title {margin-right: 0px;}
            .width-alt-l { display:none !important; }
            .width-alt-s { display:block !important; }
        }

/* Social buttons */
.sso-social-buttons { display: flex; flex-wrap: wrap; } 
.sso-social-button { color: white; background: #323232; display: block; margin: 4px 8px 4px 0; transition: 0.2s background; width: 120px; height: 38px; }

.sso-social-button-pirati { background: #e3e3e3; }
.sso-social-button-pirati:hover { background: #cbcbcb; }
.sso-social-button-facebook { background: #1672b9; }
.sso-social-button-facebook:hover { background: #165fa0; }
.sso-social-button-instagram { background: #a1317d; }
.sso-social-button-instagram:hover { background: #80215d; }
.sso-social-button-youtube { background: #dd0000; }
.sso-social-button-youtube:hover { background: #aa0000; }
.sso-social-button-google { background: #dd4b39; }
.sso-social-button-google:hover { background: #c44634; }
.sso-social-button-twitter { background: #00aced; }
.sso-social-button-twitter:hover { background: #0098d4; }
.sso-social-button-microsoft { background: #0078d7; }
.sso-social-button-microsoft:hover { background: #0068be; }
.sso-social-button-oidc { background: #f7931e; }
.sso-social-button-oidc:hover { background: #de841b; }

.sso-social-button a { color: white; text-decoration: none; align-self: center; vertical-align: middle; line-height: 20px; padding: 0; display: flex; }
.sso-social-button-pirati .sso-social-button-text { color: black; }

.sso-social-button-icon { font-size: 20px; padding: 8px 5px; background: black; }
.sso-social-button-pirati .sso-social-button-icon { background: #fffb; height:38px; width: 36px; padding: 3px 3px; }
.sso-social-button-facebook .sso-social-button-icon { background: #134b87; }
.sso-social-button-instagram .sso-social-button-icon { background: #bc2a8d; padding: 8px; }
.sso-social-button-youtube .sso-social-button-icon { background: #ff0000; padding: 8px; }
.sso-social-button-google .sso-social-button-icon { background: #ab3b2a; }
.sso-social-button-twitter .sso-social-button-icon { background: #008bbb; }
.sso-social-button-microsoft .sso-social-button-icon { background: #005fa5; }
.sso-social-button-oidc .sso-social-button-icon { background: #c56e1b; }
.sso-social-button-icon, .sso-social-button-text { align-self: center; }
.sso-social-button-text { padding: 0 10px; align-self: center; }
.svg-inline--fa { text-align: center; height: 1em; min-width: 18px }
@media screen and (max-width: 74.9375em) { .svg-inline--fa { min-width: 15px } }
@media screen and (max-width: 63.9375em) { .svg-inline--fa { min-width: 13px } }

.c-cta-button {
    border: 0px none;
}

.checklist-table td {text-align: center; }
.checklist-table td.ok {color: #3bba3b; font-weight: bold; font-size:1.5em; }
.checklist-table td.na {color: black; }

.topic-icon { width: 2em; margin: 0 0.5em 0 0; vertical-align: middle; padding-bottom: 0.3em; }

.header-block div { text-align: justify; }
.header-block h2.tr { text-align: right; }
@media screen and (max-width: 74.9375em) { 
    .header-block h2.topic { margin-top:1.0em; }
}


    </style>
    <script src="/static/js/vendor/jquery.js"></script>
    {%block head%} {%endblock %}

    <!-- Matomo -->
    <script type="text/javascript">
      var _paq = _paq || [];
      /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
      _paq.push(['trackPageView']);
      _paq.push(['enableLinkTracking']);
      (function() {
        var u="//piwik.pirati.cz/";
        _paq.push(['setTrackerUrl', u+'piwik.php']);
        _paq.push(['setSiteId', '16']);
        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
        g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
      })();
    </script>
    <!-- End Matomo Code -->
</head>


  <body>

    <div class='thetop'></div>
<aside class="o-section o-section--smaller c-header-bar u-inverted u-inverted--darker u-center-860-down">
  <div class="row">
    <div class="o-section-inner" style="padding: 3px;">
      <div class="medium-12 columns">
      &nbsp;
      </div>
    </div>
  </div>
</aside>
<div class="c-top-bar">
  <div class="row">
    <div class="c-top-bar-inner u-cf">
      
      <div class="top-bar-title">
        <a href="https://www.pirati.cz/pripoj-se" title='Zpět na hlavní web'>
          <img src="https://www.pirati.cz/assets/img/brand/logo_napis.svg" alt="Pirátská strana">
        </a>
        <span class="title-text">NALODĚNÍ</span>
      </div>


      <div class="menu-toggle-container hide-for-large">
        <span data-responsive-toggle="responsive-menu" id="menuTogge" data-hide-for="large">
          <button class="" type="button" data-toggle="">
            <span class="menu-toggle-inner">
              <span class="menu-toggle-description">Nalodění</span>
              <i class="menu-icon dark"></i>
            </span>
          </button>
        </span>
      </div>
      <div id="responsive-menu" class="c-top-bar-menu">
        <div class="responsive-menu-inner">
          <div class="top-bar-left top-bar-footer-group">
            <ul class="dropdown menu" data-dropdown-menu="">
              {%if request.user.is_anonymous%}
              <li{%if request.resolver_match.url_name == 'about'%} class="is-active"{%endif%}>
                    <a href="/">Co je nalodění ?</a>
              </li>
              <li{%if request.resolver_match.url_name == 'follow_pirates'%} class="is-active"{%endif%}>
                    <a href="/sledovat-piraty/">Sleduj piráty</a>
              </li>
              <li{%if request.resolver_match.url_name == 'join_pirates'%} class="is-active"{%endif%}>
                    <a href="/jdu-do-toho/">Jdu do toho</a>
              </li>
              <li{%if request.resolver_match.url_name == 'news_all'%} class="is-active"{%endif%}>
                    <a href="/news/all">Newslettery</a>
              </li>
              <li{%if request.resolver_match.url_name == 'prihlaseni'%} class="is-active"{%endif%}>
                <a href="/prihlaseni/">Přihlášení</a>
              </li>
              {%else%}
              <li{%if request.resolver_match.url_name == 'paluby'%} class="is-active"{%endif%}>
                    <a href="/paluby/">Paluby</a>
              </li>
              <li{%if request.resolver_match.url_name == 'posadky'%} class="is-active"{%endif%}>
                    <a href="/posadky/">Posádky</a>
              </li>
              <li{%if request.resolver_match.url_name == 'news_all'%} class="is-active"{%endif%}>
                    <a href="/news/all">Newslettery</a>
              </li>
              <li{%if request.resolver_match.url_name == 'ja_pirat'%} class="is-active"{%endif%}>
                    <a href="/ja-pirat/">Já, pirát</a>
              </li>
              <li>

              <li>
                <a href="/sso/logoutLocal/"><small>odhlášení</small></a>
                <ul class="menu vertical submenu is-dropdown-submenu first-sub" data-submenu="" aria-hidden="true" role="menu" style="">
                  <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item">
                    <a href="/sso/logoutLocal/"><small>Z nalodění</small></a>
                  </li>
                  <li role="menuitem" class="is-submenu-item is-dropdown-submenu-item">
                    <a href="/sso/logout/"><small>auth.pirati.cz</small>
                    </a>
                  </li>
                </ul>
              </li>
              {%endif%}
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="c-top-bar-border"></div>

{%block submenu%}
{% if 'sso_staff' in request.session.site_perms %}
<nav class="c-top-sub-nav u-center-860-down">
  <div class="row">
    <div style="padding: 0.5rem 2rem;">
      <b style="padding: 0 3rem 0 1rem;">MENU</b>
      <ul class="c-top-sub-nav-items">
        <li class="c-top-sub-nav__item"><a href="/people/list/"{%if request.resolver_match.url_name == 'people_list'%} class="is-active"{%endif%}>Registrovaní</a>
        <li class="c-top-sub-nav__item"><a href="/people/list-new/"{%if request.resolver_match.url_name == 'people_list_new'%} class="is-active"{%endif%}>Nově přihlášení</a>
        <li class="c-top-sub-nav__item"><a href="/people/pending/"{%if request.resolver_match.url_name == 'people_pending'%} class="is-active"{%endif%}>Čekající registrace</a>
        <li class="c-top-sub-nav__item"><a href="/stats/reg_counts/"{%if request.resolver_match.url_name == 'stats_reg_counts'%} class="is-active"{%endif%}>Statistiky</a>
      </ul>
    </div>
  </div>
</nav>
{%endif%}
{%endblock%}

    <div class="page-content">
      <div class="wrapper">

{%block messages %}
    {% if messages %}
    <div class="row">
    <div class="section">
    <div class="o-section-inner">
    <div class="messages medium-12 large-12 columns" style="margin-top:1em">
        {% for message in messages %}
        <div class="msg {% if message.tags %}{{ message.tags }}{% endif %}">
        {%if 'safe' in message.tags%}{{ message|safe }}{%else%}{{message}}{%endif%}
        </div>
        {% endfor %}
    </div>
    </div>
    </div>
    </div>
    {% endif %}
{%endblock%}
        

{%block body%}
{%endblock%}

<footer class="o-section o-section--tiled o-section--bigger u-inverted u-cf">
  <div class="o-section-inner">
    <div class="row">
      <div class="medium-12 large-3 u-stacked-medium-down columns">
        <a href="https://www.pirati.cz/">
          <img src="https://www.pirati.cz/assets/img/brand/logo_napis_white.png" style="width: 170px" alt="Česká pirátská strana" class="u-center-medium-down u-10paddingTop">
        </a>
        <p class="u-0margin u-noWrap u-50paddingTop u-smaller-line-height show-for-large">
          <span class="u-mirror-horizontally">&copy;</span> Piráti, 2018. Všechna práva vyhlazena.
      </div>
      <div class="medium-12 large-7 u-stacked-medium-down columns">
        <div class="row u-custom-gutter">
          <div class="small-6 medium-3 columns">
            <nav class="c-vertical-navigation u-center-medium-only">
              <h3 class="c-vertical-navigation__title"><a href="https://www.pirati.cz/o-nas/">O nás</a></h3>
              <ul class="c-vertical-navigation-items">
                <li class="c-vertical-navigation__item">
                  <a href="https://www.pirati.cz/lide/">Lidé</a>
                </li>
                <li class="c-vertical-navigation__item">
                  <a href="https://www.pirati.cz/regiony/">Regiony</a>
                </li>
                <li class="c-vertical-navigation__item">
                  <a href="https://www.pirati.cz/program/">Program</a>
                </li>
              </ul>
            </nav>
          </div>
          <div class="small-6 medium-3 u-mobile-down-clear columns">
            <nav class="c-vertical-navigation u-center-medium-only">
              <h3 class="c-vertical-navigation__title"><a href="https://www.pirati.cz/snemovna/tymy/">Makáme</a></h3>
              <ul class="c-vertical-navigation-items">
                <li class="c-vertical-navigation__item">
                  <a href="https://www.pirati.cz/aktuality/">Aktuality</a>
                </li>
                <li class="c-vertical-navigation__item">
                  <a href="https://www.pirati.cz/snemovna/">Sněmovna</a>
                </li>
                <li class="c-vertical-navigation__item">
                  <a href="https://www.pirati.cz/pripoj-se/kalendar/">Kalendář</a>
                </li>
              </ul>
            </nav>
          </div>
          <div class="small-6 medium-3 columns">
            <nav class="c-vertical-navigation u-center-medium-only">
              <h3 class="c-vertical-navigation__title"><a href="https://www.pirati.cz/otevrenost/">Otevřenost</a></h3>
              <ul class="c-vertical-navigation-items">
                <li class="c-vertical-navigation__item">
                  <a href="https://ucet.pirati.cz">Transparentní účet</a>
                </li>
                <li class="c-vertical-navigation__item">
                  <a href="https://smlouvy.pirati.cz">Registr smluv</a>
                </li>
              </ul>
            </nav>
          </div>
        </div>
      </div>
      <div class="medium-12 large-2 u-stacked-medium-down columns u-center-medium-down">
        <nav class="c-vertical-navigation">
          <h3 class="c-vertical-navigation__title">Buďte s námi v síti</h3>
          <ul class="c-vertical-navigation-items c-vertical-navigation-items--horizontal">
            <li class="c-vertical-navigation__item">
              <a href="https://www.facebook.com/ceska.piratska.strana/" rel="noopener noreferrer" title="Facebook - Česká pirátská strana">
                <i class="fa fa-facebook c-icon c-icon--rounded c-icon--facebook" aria-hidden="true"></i>
              </a>
            </li>
            <li class="c-vertical-navigation__item">
              <a href="https://www.twitter.com/PiratskaStrana" rel="noopener noreferrer" title="Twitter - Česká pirátská strana">
                <i class="fa fa-twitter c-icon c-icon--rounded c-icon--twitter" aria-hidden="true"></i>
              </a>
            </li>
            <li class="c-vertical-navigation__item">
              <a href="https://www.instagram.com/pirati.cz/" rel="noopener noreferrer" title="Instagram - Česká pirátská strana">
                <i class="fa fa-instagram c-icon c-icon--rounded c-icon--instagram" aria-hidden="true"></i>
              </a>
            </li>
          </ul>
        </nav>
        <p class="u-10paddingTop u-maxWidth80percent u-smaller-line-height hide-for-large">
          <span class="u-mirror-horizontally">&copy;</span> Piráti, 2018. Všechna práva vyhlazena.
      </div>
    </div>
  </div>
</footer>
<aside class="o-section o-section--bigger c-contact-bar u-inverted u-center-medium-down">
  <div class="o-section-inner">
    <div class="row">
      <div class="small-12 columns">
        <header class="c-contact-bar-header u-stacked-medium-down">
          <h3 class="c-contact-bar__heading"> <a href="https://www.pirati.cz/kontakt/">Kontakt</a> </h3>
        </header>
        <ul class="c-contact-bar-items u-stacked-medium-down">
          <li class="c-contact-bar__item u-stacked-medium-down">
            <div class="c-contact-bar__section">Občané</div>
            <div class="c-contact-bar__description">
              <a href="mailto:info@pirati.cz">info@pirati.cz</a>
            </div>
          </li>
          <li class="c-contact-bar__item u-stacked-medium-down">
            <div class="c-contact-bar__section"> Aplikaci spravuje </div>
            <div class="c-contact-bar__description"> Martin Rejman </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</aside>

    <script>
/* Global variables from jekyll */
var api_people = "";
var api_search = "";
var api_tags = "";
var api_regions = "";
var snippet_profile = "";
var page_url = "";
var page_layout = "";
var page_garant = "";
var page_leader = "";
var page_contact ="";
var page_tags = [];
</script>
<div class='scrolltop'>
    <div class='scroll icon'><i class="fa fa-4x fa-angle-up"></i></div>
</div>

<script src="/static/js/vendor/what-input.js"></script>
<script src="/static/js/vendor/foundation.min.js"></script>
<script src="/static/libs/select2_4.0.5.js"></script>
<script>
$(function(){
  // responsive menu
  $(document).foundation();

  $('select').select2();
});
</script>

{%block bottom%} {%endblock %}
</body>

</html>

