Skip to content
Snippets Groups Projects
Select Git revision
  • master default protected
  • 2.0.0-alpha-11
  • 2.0.0-alpha-10
  • 2.0.0-alpha-9
  • 2.0.0-alpha-8
  • 2.0.0-alpha-7
  • 2.0.0-alpha-6
  • 2.0.0-alpha-5
  • 2.0.0-alpha-4
  • 2.0.0-alpha-3
  • 2.0.0-alpha-2
  • 2.0.0-alpha-1
  • 1.8.0
  • 1.7.0
  • 1.6.4
  • 1.6.3
  • 1.6.2
  • 1.6.1
  • 1.6.0
  • 1.5.5
  • 1.5.4
21 results

elections-main.mustache

Blame
  • Forked from TO / Weby / ui-styleguide
    221 commits behind the upstream repository.
    elections-main.mustache 2.83 KiB
    {{> organisms-subnav() }}
    
    <article class="hero hero--image py-7 {{ classes }}" style="--image-url: url({{ img.landscape-16x9-fullhd.src }})">
      <div class="container grid lg:grid-rows-3 lg:grid-cols-7 gap-1 items-center">
        <div class="lg:row-span-2 lg:col-span-3 order-1">
          {{> atoms-basic-flag(font: "bg-green-100 text-white head-alt-base", cta: "Volte č. 2", classes: "mb-3") }}
          <h1 class="head-alt-md md:head-alt-xl">Krajské volby 2020</h1>
        </div>
        <div class="lg:row-span-1 lg:col-span-3 order-3">
          <div class="md-2 md:mt-4 space-y-2">
            {{> atoms-basic-button(classes: "btn--white btn--hoveractive btn--fullwidth md:btn--autowidth text-lg") }}
            {{> atoms-basic-button(classes: "btn--white btn--hoveractive btn--fullwidth md:btn--autowidth text-lg") }}
          </div>
        </div>
        <div class="lg:row-span-3 lg:col-span-4 order-2">
          <img src="/images/hero-profile-img.png" />
        </div>
      </div>
    </article>
    
    <div class="container pb-8 pt-8">
      <div class="text-center">
        {{> molecules-binary-switch(cta1: "Kandidáti", cta2: "Program") }}
      </div>
    
      <h1 class="head-alt-md text-center pt-8 pb-4">Kandidátka do krajských voleb</h1>
    
      <div class="candidate-card-list grid-cols-4">
        {{> molecules-candidate-card(classes: "candidate-card-list__item") }}
        {{> molecules-candidate-card(classes: "candidate-card-list__item") }}
        {{> molecules-candidate-card(classes: "candidate-card-list__item") }}
        {{> molecules-candidate-card(classes: "candidate-card-list__item candidate-card-list__item--last") }}
        {{> molecules-candidate-card(classes: "candidate-card-list__item") }}
        {{> molecules-candidate-card(classes: "candidate-card-list__item") }}
        {{> molecules-candidate-card(classes: "candidate-card-list__item") }}
        {{> molecules-banner(color: "bg-black", fullwidthButton: true)}}
      </div>
    
      <div class="candidate-table candidate-table--fadeout pt-4">
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
        {{> molecules-candidate-table-row }}
      </div>
    
      <div class="text-center pt-4">
        {{> atoms-icon-button(cta: "Zobrazit vše", classes: "text-xl btn--black btn--hoveractive", icon: "fas fa-chevron-right") }}
      </div>
    
      <div class="flex space-x-4 pt-8">
        {{> atoms-super-button(cta: "Povolební strategie", icon: "fa fa-chess", classes: "bg-grey-125 hover:bg-black hover:text-white w-full") }}
        {{> atoms-super-button(cta: "Financování kampaně", icon: "fa fa-calculator", classes: "bg-black text-white hover:bg-grey-125 hover:text-black w-full") }}
      </div>
    </div>
    
    
    {{> organisms-footer() }}