diff --git a/source/_patterns/02-organisms/03-hero/home-hero.mustache b/source/_patterns/02-organisms/03-hero/home-hero.mustache new file mode 100644 index 0000000000000000000000000000000000000000..ad9cb686f2bc12a37dad6a7d00fc57e2ae98af56 --- /dev/null +++ b/source/_patterns/02-organisms/03-hero/home-hero.mustache @@ -0,0 +1,15 @@ +<article class="hero py-8 lg:py-16 {{ classes }}"> + <div class="container container--default grid lg:grid-rows-3 lg:grid-cols-7 gap-2 items-center"> + <div class="lg:row-span-2 lg:col-span-3 order-1"> + <h1 class="head-alt-md md:head-alt-xl">Piráti Pardubického kraje</h1> + </div> + <div class="lg:row-span-1 lg:col-span-3 order-3"> + <div class="mt-4 md:mt-8 space-y-4"> + {{> atoms-icon-button(icon: "fas fa-chevron-right", classes: "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> diff --git a/source/_patterns/03-templates/elections-candidates.mustache b/source/_patterns/03-templates/elections-candidates.mustache index 70d1055f6ec811e3099b925398e0329b977c9dd5..fb7fde1dbb5c6471308d9c418adf5a4e50bf2905 100644 --- a/source/_patterns/03-templates/elections-candidates.mustache +++ b/source/_patterns/03-templates/elections-candidates.mustache @@ -42,5 +42,4 @@ </div> </div> - {{> organisms-footer }} diff --git a/source/_patterns/03-templates/homepage.mustache b/source/_patterns/03-templates/homepage.mustache new file mode 100644 index 0000000000000000000000000000000000000000..b3db022b35041014bdc1aca6cacd1ff33ead7d4c --- /dev/null +++ b/source/_patterns/03-templates/homepage.mustache @@ -0,0 +1,24 @@ +{{> organisms-header }} +{{> organisms-home-hero }} + +<div class="container container--default lg:pb-24"> + <section> + <h1 class="head-alt-md md:head-alt-lg pb-4 lg:pb-8">Aktuálnà témata</h1> + {{> organisms-article-card-list() }} + + <nav class="text-center"> + {{> atoms-icon-button(cta: "Dalšà články", icon: "fas fa-chevron-right", classes: "text-xl pt-8") }} + </nav> + </section> + + <section class="py-16"> + {{> molecules-calendar }} + </section> + + <div class="flex flex-col lg:flex-row lg:space-x-8"> + {{> atoms-super-button(cta: "Sledujte nás na Facebooku", icon: "fab fa-facebook", classes: "bg-brands-facebook text-white container-padding--zero lg:container-padding--auto lg:w-full") }} + {{> atoms-super-button(cta: "Sledujte naše fórum", icon: "fa fa-comments", classes: "bg-black text-white container-padding--zero lg:container-padding--auto lg:w-full") }} + </div> +</div> + +{{> organisms-footer }}