Skip to content
Snippets Groups Projects
Select Git revision
  • 57996e5b61f1d9cf41c141cb04dd749f34d7f76d
  • test default protected
  • master protected
  • feat/custom-css
  • feat/redesign-improvements-10
  • feat/redesign-improvements-8
  • feat/redesign-fixes-3
  • feat/pirstan-changes
  • feat/separate-import-thread
  • feat/dary-improvements
  • features/add-pdf-page
  • features/add-typed-table
  • features/fix-broken-calendar-categories
  • features/add-embed-to-articles
  • features/create-mastodon-feed-block
  • features/add-custom-numbering-for-candidates
  • features/add-timeline
  • features/create-wordcloud-from-article-page
  • features/create-collapsible-extra-legal-info
  • features/extend-hero-banner
  • features/add-link-to-images
21 results

people.mustache

Blame
  • people.mustache 3.79 KiB
    {{> organisms-header }}
    
    {{> molecules-simple_header(title: "Lidé v pirátské straně") }}
    
    <main role="main" class="mb-4 xl:mb-20">
      <div class="grid-container">
        <div class="grid-content">
          <p class="font-alt text-xl leading-7 mb-5">
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula
            venenatis, tincidunt ac pede. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus,
            vel sagittis velit mauris vel metus.
          </p>
        </div>
      </div>
      <div class="container--medium">
        <div class="__js-root">
          <ui-view-provider :initial="{candidates: true, program: false, other1: false, other2: false}" :sync-location="true"
                            v-slot="{ isCurrentView, toggleView }">
            <div class="flex justify-center mb-12">
              <ui-horizontal-scrollable>
                <div class="switch">
                  <a @click="toggleView('candidates')" class="switch__item"
                     :class="{'switch__item--active': isCurrentView('candidates')}">Poslanecká sněmovna</a>
                  <a @click="toggleView('program')" class="switch__item"
                     :class="{'switch__item--active': isCurrentView('program')}">Vláda</a>
                  <a @click="toggleView('other1')" class="switch__item"
                     :class="{'switch__item--active': isCurrentView('other1')}">Jiná skupina</a>
                  <a @click="toggleView('other2')" class="switch__item"
                     :class="{'switch__item--active': isCurrentView('other2')}">Jiná skupina dvě</a>
                </div>
              </ui-horizontal-scrollable>
            </div>
            <div class="flex flex-wrap gap-4">
              <template v-if="isCurrentView('candidates')">
                {{> molecules-person-contact-big-block(name: "Ivan Bartoš", function: "předseda Pirátů, poslanec PSP ČR za Ústecký kraj, ministr, vicepremiér") }}
              </template>
              <template v-if="isCurrentView('program')">
                {{> molecules-person-contact-big-block(name: "Klára Kocmanová", function: "poslankyně Parlamentu České republiky za Středočeský kraj") }}
                {{> molecules-person-contact-big-block(name: "Olga Richterová", function: "poslankyně, místopředsedkyně PSP ČR") }}
                {{> molecules-person-contact-big-block(name: "Jakub Michálek", function: "předseda poslaneckého klubu Pirátů") }}
                {{> molecules-person-contact-big-block(name: "Pepa Honzů", function: "předseda poslaneckého klubu Pirátů") }}
                {{> molecules-person-contact-big-block(name: "Jakub Zajíček", function: "předseda poslaneckého klubu Pirátů") }}
                {{> molecules-person-contact-big-block(name: "Ondra Chochol", function: "předseda poslaneckého klubu Pirátů") }}
              </template>
              <template v-if="isCurrentView('other1')">
                {{> molecules-person-contact-big-block(name: "Pepa Honzů", function: "předseda poslaneckého klubu Pirátů") }}
                {{> molecules-person-contact-big-block(name: "Jakub Zajíček", function: "předseda poslaneckého klubu Pirátů") }}
                {{> molecules-person-contact-big-block(name: "Ondra Chochol", function: "předseda poslaneckého klubu Pirátů") }}
              </template>
              <template v-if="isCurrentView('other2')">
                {{> molecules-person-contact-big-block(name: "Miloslav Procházka", function: "předseda poslaneckého klubu Pirátů") }}
                {{> molecules-person-contact-big-block(name: "Ladislav Zechmeister", function: "předseda poslaneckého klubu Pirátů") }}
                {{> molecules-person-contact-big-block(name: "Václav Bukva", function: "předseda poslaneckého klubu Pirátů") }}
              </template>
            </div>
          </ui-view-provider>
        </div>
      </div>
    </main>
    
    {{> organisms-newsletter-section }}
    
    {{> organisms-footer }}