diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/elections/calendar.html b/majak_uistyleguide/templates/patterns/organisms/main_section/elections/calendar.html new file mode 100644 index 0000000000000000000000000000000000000000..ea1d31b78b4b104e60712f9d38bcf37961d046bf --- /dev/null +++ b/majak_uistyleguide/templates/patterns/organisms/main_section/elections/calendar.html @@ -0,0 +1,13 @@ +<div class="py-24" id="kalendar"> + <div class="container--medium mx-auto px-4"> + <h2 class="head-14xl xl:leading-[10.5rem] mb-4 xl:mb-8"> + {{ title }} + </h2> + <div class="flex flex-wrap"> + <div class="__js-root flex items-center justify-center h-full mb-4 w-full"> + <ui-full-calendar events='{{ calendar_data }}'></ui-full-calendar> + </div> + </div> + <div></div> + </div> +</div> diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/elections/calendar.yaml b/majak_uistyleguide/templates/patterns/organisms/main_section/elections/calendar.yaml new file mode 100644 index 0000000000000000000000000000000000000000..1b5eb161ca7624d150a34fdbc2fe84b9876a51da --- /dev/null +++ b/majak_uistyleguide/templates/patterns/organisms/main_section/elections/calendar.yaml @@ -0,0 +1,7 @@ +context: + title: 'Kalendář akcí' + calendar_data: '[ + {"title": "event 1", "start": "2023-11-21T09:30:00.000Z", "url": "https://example.com"}, + {"title": "event 2", "start": "2023-11-21", "url": "https://example.com"}, + {"title": "event 3", "start": "2023-11-22T09:00:00.000Z", "description": "Lorem ipsum...", "location": "https://jitsi.pirati.cz"} + ]' diff --git a/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html b/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html index de71a2c36c928b5bc24a95761843491fa057732f..cbd26dd186bc412b841406a4e177b1a00b4ea962 100644 --- a/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html +++ b/majak_uistyleguide/templates/patterns/templates/elections/homepage/homepage.html @@ -6,10 +6,17 @@ <main role="main"> {% include 'patterns/molecules/menus/elections/carousel.html' %} + {% include 'patterns/organisms/candidates/elections/candidate_primary_list.html' with id='kandidati' %} + {% include "patterns/organisms/candidates/elections/candidate_secondary_list.html" %} + {% include 'patterns/molecules/program/card_program.html' with id='program' %} + {% include 'patterns/organisms/articles/elections/articles_section.html' %} + + {% include 'patterns/organisms/main_section/elections/calendar.html' %} + {% include 'patterns/organisms/main_section/newsletter_section.html' %} </main>