how-we-works.mustache

{{> organisms-header }}

{{> molecules-simple_header(title: "Jak piráti pracují") }}

<main role="main">
  <div class="grid-container mb-2 xl:mb-12">
    <div class="grid-content leading-6">
      <h2 class="head-xl mb-2">
        Piráti pracují pro občany ČR na všech úrovních. V zastupitelstev obcí působí 400 zastupitelů, dalších 100 v krajích.
        Piráti prosazují svůj program i na celostátní úrovni prostřednictvím 4 poslanců, 3 senátorů, 3 ministrů a v EU díky 3 europoslancům.
      </h2>
      <h2 class="head-xl mb-2">
        Projděte si archiv tiskových zpráv a souhrn našich nejvýraznějších aktivit
      </h2>
    </div>
  </div>

  <div class="__js-root">
    <ui-view-provider :initial="{timeline: true, articles: false}" :sync-location="true"
                      v-slot="{ isCurrentView, toggleView }">
      <div class="grid-container article-section mb-8">
        <div class="grid-full">
        <div class="switch">
          <a @click="toggleView('timeline')" class="switch__item"
             :class="{'switch__item--active': isCurrentView('timeline')}">Poslanecká sněmovna</a>
          <a @click="toggleView('articles')" class="switch__item"
             :class="{'switch__item--active': isCurrentView('articles')}">Vláda</a>
        </div>
      </div>
      </div>
        <template v-if="isCurrentView('timeline')">
          <div class="mt-20">
          {{> organisms-main-articles-timeline }}
          </div>
        </template>
        <template v-if="isCurrentView('articles')">
          {{> organisms-main-articles-article-list }}
        </template>
    </ui-view-provider>
  </div>
</main>
{{> organisms-newsletter-section }}

{{> organisms-footer }}