nalodeni.pirati.cz/nalodeni/templates/pirati_cz.html

424 lines
20 KiB
HTML

<!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/" 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>
<li class="c-top-sub-nav__item"><a href="/people/eu2019/"{%if request.resolver_match.url_name == 'people_eu2019'%} class="is-active"{%endif%}>EU 2019</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>
<li class="c-vertical-navigation__item">
<a href="https://forum.pirati.cz">Fórum</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/">Piráti pracují</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"> Technický odbor Pirátů </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>