integrate europarl templates, add carousel block, finish function base elections page

elections/blocks.py

+from wagtail.blocks import StructBlock
+from wagtail.images.blocks import ImageChooserBlock
+
+
+class ElectionsCarouselBlock(StructBlock):
+    image = ImageChooserBlock(label="Obrázek na pozadí")
+
+    class Meta:
+        template = "styleguide2/includes/molecules/menus/europarl/carousel.html"
+        icon = "form"
+        label = "Carousel"

elections/migrations/0006_alter_electionshomepage_content.py

+# Generated by Django 4.1.10 on 2024-01-04 16:52
+
+from django.db import migrations
+import wagtail.blocks
+import wagtail.fields
+import wagtail.images.blocks
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("elections", "0005_alter_electionsarticlepage_shared_tags"),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name="electionshomepage",
+            name="content",
+            field=wagtail.fields.StreamField(
+                [
+                    (
+                        "carousel",
+                        wagtail.blocks.StructBlock(
+                            [
+                                (
+                                    "image",
+                                    wagtail.images.blocks.ImageChooserBlock(
+                                        label="Obrázek na pozadí"
+                                    ),
+                                )
+                            ]
+                        ),
+                    )
+                ],
+                blank=True,
+                use_json_field=True,
+                verbose_name="Hlavní obsah",
+            ),
+        ),
+    ]

elections/models.py

@@ -53,7 +53,9 @@ from . import blocks
 class ElectionsHomePage(MainHomePageMixin):
     # content
     content = StreamField(
-        [],
+        [
+            ("carousel", blocks.ElectionsCarouselBlock()),
+        ],
         verbose_name="Hlavní obsah",
         blank=True,
         use_json_field=True,

elections/static/elections/logo-full-black.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="235.44283"
+   height="40.335537"
+   viewBox="0 0 235.44282 40.335538"
+   version="1.1"
+   id="svg24"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs28" />
+  <g
+     id="logo-flag-text-white"
+     transform="translate(-288.547,-170.504)"
+     style="fill:#000000">
+    <g
+       id="Group_11"
+       data-name="Group 11"
+       transform="translate(288.3,173.149)"
+       style="fill:#000000">
+      <path
+         id="Path_17"
+         data-name="Path 17"
+         d="M 306.944,211.307 A 16.912,16.912 0 1 1 323.856,194.4 16.936,16.936 0 0 1 306.944,211.312 M 320.189,181.2 a 18.571,18.571 0 1 0 5.5,13.194 18.794,18.794 0 0 0 -5.5,-13.194"
+         transform="translate(-288.3,-175.7)"
+         fill="#ffffff"
+         style="fill:#000000" />
+      <path
+         id="Path_18"
+         data-name="Path 18"
+         d="m 316,197.98 c -0.56,2.7 -3.515,4.126 -5.247,5.3 v -13.7 c 2.9,0.713 6.368,2.955 5.247,8.405 m -5.25,-9.885 v -2.6 h -1.63 v 3.005 c -1.121,0.357 -1.732,0.713 -1.63,0.917 a 5.119,5.119 0 0 1 1.63,-0.1 v 15.741 c -1.681,3.26 0.713,8.252 0.713,8.252 0,0 -1.783,-5.349 2.19,-7.9 3.668,-2.343 16.4,-1.223 16.352,-8.405 0,-10.188 -11.767,-10.137 -17.625,-8.915"
+         transform="translate(-297.709,-180.508)"
+         fill="#ffffff"
+         style="fill:#000000" />
+      <path
+         id="Path_19"
+         data-name="Path 19"
+         d="m 384.221,186.483 a 4.663,4.663 0 0 0 0.866,0.051 2.758,2.758 0 0 0 1.936,-0.611 2.117,2.117 0 0 0 0.662,-1.681 c 0,-1.375 -0.866,-2.038 -2.649,-2.038 a 5.022,5.022 0 0 0 -0.866,0.1 v 4.177 z m 0,2.853 v 4.432 H 380.4 v -14.162 a 29.174,29.174 0 0 1 4.279,-0.306 c 4.432,0 6.622,1.579 6.622,4.788 a 5.032,5.032 0 0 1 -1.477,3.922 6.265,6.265 0 0 1 -4.381,1.324 9.753,9.753 0 0 1 -1.223,0"
+         transform="translate(-333.484,-177.466)"
+         fill="#ffffff"
+         style="fill:#000000" />
+    </g>
+    <rect
+       id="Rectangle_29"
+       data-name="Rectangle 29"
+       width="4.2789998"
+       height="14.263"
+       transform="translate(347.951,175.187)"
+       fill="#ffffff"
+       x="0"
+       y="0"
+       style="fill:#000000" />
+    <g
+       id="Group_12"
+       data-name="Group 12"
+       transform="translate(355.032,174.983)"
+       style="fill:#000000">
+      <path
+         id="Path_20"
+         data-name="Path 20"
+         d="m 423.121,185.973 h 1.07 a 2.269,2.269 0 0 0 1.579,-0.509 1.639,1.639 0 0 0 0.56,-1.375 q 0,-1.834 -2.14,-1.834 a 6.358,6.358 0 0 0 -1.07,0.1 z m 0,2.8 v 4.992 H 419.3 v -14.159 a 42.086,42.086 0 0 1 5.094,-0.306 c 3.922,0 5.858,1.477 5.858,4.381 a 3.871,3.871 0 0 1 -0.764,2.292 4.207,4.207 0 0 1 -1.988,1.527 v 0.051 a 2.646,2.646 0 0 1 0.968,0.866 6.5,6.5 0 0 1 0.764,1.477 l 1.426,3.922 h -4.024 l -1.223,-3.719 a 1.949,1.949 0 0 0 -0.56,-0.968 1.2,1.2 0 0 0 -0.866,-0.306 h -0.866 z"
+         transform="translate(-419.3,-179.3)"
+         fill="#ffffff"
+         style="fill:#000000" />
+    </g>
+    <path
+       id="Path_21"
+       data-name="Path 21"
+       d="m 448.551,183.8 h 2.6 l -1.273,-5.3 h -0.051 z m 2.089,-9.781 h -3.107 l 1.936,-3.515 h 4.279 z m -2.8,12.684 -0.662,2.751 H 443.1 l 4.687,-14.263 h 4.126 l 4.687,14.259 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-75.944)"
+       fill="#ffffff"
+       style="fill:#000000" />
+    <path
+       id="Path_22"
+       data-name="Path 22"
+       d="m 480.816,179.7 v 3.209 h -3.871 v 11.054 h -3.973 V 182.909 H 469.1 V 179.7 Z"
+       transform="translate(-88.7,-4.513)"
+       fill="#ffffff"
+       style="fill:#000000" />
+    <g
+       id="Group_13"
+       data-name="Group 13"
+       transform="translate(393.237,175.034)"
+       style="fill:#000000">
+      <path
+         id="Path_23"
+         data-name="Path 23"
+         d="m 504.233,183.373 a 8.828,8.828 0 0 0 -4.024,-0.968 2.5,2.5 0 0 0 -1.375,0.306 1,1 0 0 0 -0.458,0.866 c 0,0.56 0.408,0.917 1.274,1.172 a 11.092,11.092 0 0 1 4.33,1.987 4.145,4.145 0 0 1 -0.2,6.164 7.27,7.27 0 0 1 -4.483,1.121 10.863,10.863 0 0 1 -2.7,-0.408 6,6 0 0 1 -2.292,-1.07 l 0.866,-3.005 a 8.413,8.413 0 0 0 2.14,1.07 6.866,6.866 0 0 0 2.139,0.408 c 1.172,0 1.783,-0.408 1.783,-1.273 0,-0.56 -0.509,-0.968 -1.579,-1.274 a 10.417,10.417 0 0 1 -4.075,-1.987 3.808,3.808 0 0 1 -1.223,-2.9 3.719,3.719 0 0 1 1.477,-3.056 6.681,6.681 0 0 1 4.177,-1.121 10.873,10.873 0 0 1 4.89,0.968 z"
+         transform="translate(-494.3,-179.4)"
+         fill="#ffffff"
+         style="fill:#000000" />
+    </g>
+    <path
+       id="Path_24"
+       data-name="Path 24"
+       d="m 523.722,185.762 h 0.051 l 3.668,-6.062 h 4.483 l -4.483,6.826 4.687,7.437 h -4.483 l -3.872,-6.622 h -0.051 v 6.622 H 519.8 V 179.7 h 3.922 z"
+       transform="translate(-113.573,-4.513)"
+       fill="#ffffff"
+       style="fill:#000000" />
+    <path
+       id="Path_25"
+       data-name="Path 25"
+       d="m 550.651,183.8 h 2.6 l -1.274,-5.3 h -0.051 z m 2.089,-9.781 h -3.107 l 1.936,-3.515 h 4.279 z m -2.8,12.684 -0.662,2.751 H 545.2 l 4.687,-14.263 h 4.126 l 4.687,14.259 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-126.034)"
+       fill="#ffffff"
+       style="fill:#000000" />
+    <g
+       id="Group_14"
+       data-name="Group 14"
+       transform="translate(334.758,194.289)"
+       style="fill:#000000">
+      <path
+         id="Path_26"
+         data-name="Path 26"
+         d="m 389.433,221.173 a 8.828,8.828 0 0 0 -4.024,-0.968 2.5,2.5 0 0 0 -1.375,0.306 1,1 0 0 0 -0.458,0.866 c 0,0.56 0.408,0.917 1.274,1.172 a 11.093,11.093 0 0 1 4.33,1.987 4.146,4.146 0 0 1 -0.2,6.164 7.27,7.27 0 0 1 -4.483,1.121 10.866,10.866 0 0 1 -2.7,-0.408 6.866,6.866 0 0 1 -2.292,-1.07 l 0.866,-3.005 a 8.414,8.414 0 0 0 2.139,1.07 6.867,6.867 0 0 0 2.14,0.408 c 1.172,0 1.783,-0.408 1.783,-1.274 0,-0.56 -0.509,-0.968 -1.579,-1.273 a 10.419,10.419 0 0 1 -4.075,-1.987 3.808,3.808 0 0 1 -1.223,-2.9 3.719,3.719 0 0 1 1.477,-3.056 6.681,6.681 0 0 1 4.177,-1.121 10.874,10.874 0 0 1 4.89,0.968 z"
+         transform="translate(-379.5,-217.2)"
+         fill="#ffffff"
+         style="fill:#000000" />
+    </g>
+    <path
+       id="Path_27"
+       data-name="Path 27"
+       d="m 415.016,217.6 v 3.209 h -3.871 v 11.054 h -3.973 V 220.809 H 403.3 V 217.6 Z"
+       transform="translate(-56.418,-23.107)"
+       fill="#ffffff"
+       style="fill:#000000" />
+    <g
+       id="Group_15"
+       data-name="Group 15"
+       transform="translate(360.686,194.289)"
+       style="fill:#000000">
+      <path
+         id="Path_28"
+         data-name="Path 28"
+         d="m 434.221,223.822 h 1.07 a 2.269,2.269 0 0 0 1.579,-0.509 1.639,1.639 0 0 0 0.56,-1.375 q 0,-1.834 -2.14,-1.834 a 6.36,6.36 0 0 0 -1.07,0.1 z m 0,2.853 v 4.992 H 430.4 v -14.161 a 42.1,42.1 0 0 1 5.094,-0.306 c 3.922,0 5.858,1.477 5.858,4.381 a 3.871,3.871 0 0 1 -0.764,2.292 4.207,4.207 0 0 1 -1.988,1.527 v 0.051 a 2.647,2.647 0 0 1 0.968,0.866 6.5,6.5 0 0 1 0.764,1.477 l 1.426,3.922 h -4.024 L 436.513,228 a 1.949,1.949 0 0 0 -0.56,-0.968 1.2,1.2 0 0 0 -0.866,-0.306 h -0.866 z"
+         transform="translate(-430.4,-217.2)"
+         fill="#ffffff"
+         style="fill:#000000" />
+    </g>
+    <path
+       id="Path_29"
+       data-name="Path 29"
+       d="m 460.051,226.158 h 2.6 l -1.273,-5.3 h -0.051 z m -0.713,2.955 -0.662,2.751 H 454.6 l 4.687,-14.263 h 4.126 l 4.687,14.263 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-81.586,-23.107)"
+       fill="#ffffff"
+       style="fill:#000000" />
+    <path
+       id="Path_30"
+       data-name="Path 30"
+       d="M 492.349,225.394 H 492.4 V 217.6 h 3.821 v 14.263 H 492.4 l -4.279,-7.845 h -0.051 v 7.845 H 484.3 V 217.6 h 3.77 z"
+       transform="translate(-96.157,-23.107)"
+       fill="#ffffff"
+       style="fill:#000000" />
+    <path
+       id="Path_31"
+       data-name="Path 31"
+       d="m 516.151,226.158 h 2.6 l -1.274,-5.3 h -0.051 z m -0.713,2.955 -0.662,2.751 H 510.7 l 4.686,-14.263 h 4.126 l 4.687,14.263 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-109.108,-23.107)"
+       fill="#ffffff"
+       style="fill:#000000" />
+  </g>
+  <rect
+     style="fill:#000000"
+     id="rect238"
+     width="1.1317097"
+     height="40.189453"
+     x="153.40904"
+     y="0.1460845" />
+  <g
+     aria-label="Eurovolby"
+     id="text395"
+     style="font-size:21.3333px;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, '">
+    <path
+       d="m 162.44034,27.358948 h 6.39999 v -2.13333 H 164.787 v -4.58666 h 3.22133 v -2.13333 H 164.787 v -3.94666 h 4.05333 v -2.13333 h -6.39999 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path290" />
+    <path
+       d="m 173.59767,27.572281 c 2.304,0 3.49866,-1.365331 3.49866,-3.754661 V 12.425638 H 174.835 v 11.562648 c 0,1.066665 -0.44799,1.450665 -1.19466,1.450665 -0.74667,0 -1.19466,-0.384 -1.19466,-1.450665 V 12.425638 h -2.34667 V 23.81762 c 0,2.38933 1.19467,3.754661 3.49866,3.754661 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path292" />
+    <path
+       d="m 178.76034,27.358948 h 2.34666 v -6.39999 h 0.81067 c 1.06666,0 1.472,0.447999 1.472,1.834664 v 2.730662 c 0,1.215998 0.0853,1.450664 0.21333,1.834664 h 2.38933 c -0.23467,-0.554666 -0.256,-1.087999 -0.256,-1.813331 v -2.623996 c 0,-1.68533 -0.384,-2.794662 -1.55733,-3.157328 v -0.04267 c 1.04533,-0.426666 1.536,-1.407997 1.536,-2.943995 v -0.917332 c 0,-2.303996 -1.04534,-3.434661 -3.47733,-3.434661 h -3.47733 z m 2.34666,-8.53332 v -4.26666 h 1.06667 c 0.832,0 1.19466,0.469333 1.19466,1.535998 v 1.151998 c 0,1.194665 -0.53333,1.578664 -1.40799,1.578664 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path294" />
+    <path
+       d="m 190.74965,27.572281 c 2.304,0 3.56266,-1.365331 3.56266,-3.754661 v -7.850654 c 0,-2.38933 -1.25866,-3.754661 -3.56266,-3.754661 -2.30399,0 -3.56266,1.365331 -3.56266,3.754661 v 7.850654 c 0,2.38933 1.25867,3.754661 3.56266,3.754661 z m 0,-2.13333 c -0.74666,0 -1.216,-0.405333 -1.216,-1.471998 v -8.14932 c 0,-1.066665 0.46934,-1.471998 1.216,-1.471998 0.74667,0 1.216,0.405333 1.216,1.471998 v 8.14932 c 0,1.066665 -0.46933,1.471998 -1.216,1.471998 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path296" />
+    <path
+       d="m 197.49095,27.358948 h 3.11466 l 2.26133,-14.93331 h -2.15466 l -1.536,11.583982 h -0.0427 l -1.53599,-11.583982 h -2.368 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path298" />
+    <path
+       d="m 207.34692,27.572281 c 2.30399,0 3.56266,-1.365331 3.56266,-3.754661 v -7.850654 c 0,-2.38933 -1.25867,-3.754661 -3.56266,-3.754661 -2.304,0 -3.56266,1.365331 -3.56266,3.754661 v 7.850654 c 0,2.38933 1.25866,3.754661 3.56266,3.754661 z m 0,-2.13333 c -0.74667,0 -1.216,-0.405333 -1.216,-1.471998 v -8.14932 c 0,-1.066665 0.46933,-1.471998 1.216,-1.471998 0.74666,0 1.216,0.405333 1.216,1.471998 v 8.14932 c 0,1.066665 -0.46934,1.471998 -1.216,1.471998 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path300" />
+    <path
+       d="m 212.48823,27.358948 h 6.20799 v -2.13333 h -3.86132 v -12.79998 h -2.34667 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path302" />
+    <path
+       d="m 219.82689,27.358948 h 3.69066 c 2.34666,0 3.56266,-1.237332 3.56266,-3.541328 v -1.279998 c 0,-1.578664 -0.49067,-2.687996 -1.74933,-3.114662 v -0.04267 c 1.04533,-0.426666 1.51466,-1.386665 1.51466,-2.922662 v -0.597333 c 0,-2.303996 -1.04533,-3.434661 -3.47733,-3.434661 h -3.54132 z m 2.34666,-8.85332 v -3.94666 h 1.13066 c 0.832,0 1.19467,0.469333 1.19467,1.535998 v 0.831998 c 0,1.194665 -0.53333,1.578664 -1.408,1.578664 z m 0,6.71999 v -4.58666 h 1.04533 c 1.06667,0 1.51467,0.426666 1.51467,1.813331 v 1.301331 c 0,1.109332 -0.42667,1.471998 -1.216,1.471998 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path304" />
+    <path
+       d="m 230.25884,27.358948 h 2.34666 v -6.357324 l 2.83733,-8.575986 h -2.28267 l -1.59999,5.482658 h -0.0427 l -1.6,-5.482658 h -2.49599 l 2.83733,8.575986 z"
+       style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+       id="path306" />
+  </g>
+</svg>

elections/static/elections/logo-full-white.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="230.98334"
+   height="40.335537"
+   viewBox="0 0 230.98333 40.335538"
+   version="1.1"
+   id="svg24"
+   sodipodi:docname="logo-full-white.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview26"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="3.4671387"
+     inkscape:cx="202.76085"
+     inkscape:cy="-79.027701"
+     inkscape:window-width="1920"
+     inkscape:window-height="1004"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="text294" />
+  <defs
+     id="defs28" />
+  <g
+     id="logo-flag-text-white"
+     transform="translate(-288.547,-170.504)"
+     style="fill:#ffffff">
+    <g
+       id="Group_11"
+       data-name="Group 11"
+       transform="translate(288.3,173.149)"
+       style="fill:#ffffff">
+      <path
+         id="Path_17"
+         data-name="Path 17"
+         d="M 306.944,211.307 A 16.912,16.912 0 1 1 323.856,194.4 16.936,16.936 0 0 1 306.944,211.312 M 320.189,181.2 a 18.571,18.571 0 1 0 5.5,13.194 18.794,18.794 0 0 0 -5.5,-13.194"
+         transform="translate(-288.3,-175.7)"
+         fill="#ffffff"
+         style="fill:#ffffff" />
+      <path
+         id="Path_18"
+         data-name="Path 18"
+         d="m 316,197.98 c -0.56,2.7 -3.515,4.126 -5.247,5.3 v -13.7 c 2.9,0.713 6.368,2.955 5.247,8.405 m -5.25,-9.885 v -2.6 h -1.63 v 3.005 c -1.121,0.357 -1.732,0.713 -1.63,0.917 a 5.119,5.119 0 0 1 1.63,-0.1 v 15.741 c -1.681,3.26 0.713,8.252 0.713,8.252 0,0 -1.783,-5.349 2.19,-7.9 3.668,-2.343 16.4,-1.223 16.352,-8.405 0,-10.188 -11.767,-10.137 -17.625,-8.915"
+         transform="translate(-297.709,-180.508)"
+         fill="#ffffff"
+         style="fill:#ffffff" />
+      <path
+         id="Path_19"
+         data-name="Path 19"
+         d="m 384.221,186.483 a 4.663,4.663 0 0 0 0.866,0.051 2.758,2.758 0 0 0 1.936,-0.611 2.117,2.117 0 0 0 0.662,-1.681 c 0,-1.375 -0.866,-2.038 -2.649,-2.038 a 5.022,5.022 0 0 0 -0.866,0.1 v 4.177 z m 0,2.853 v 4.432 H 380.4 v -14.162 a 29.174,29.174 0 0 1 4.279,-0.306 c 4.432,0 6.622,1.579 6.622,4.788 a 5.032,5.032 0 0 1 -1.477,3.922 6.265,6.265 0 0 1 -4.381,1.324 9.753,9.753 0 0 1 -1.223,0"
+         transform="translate(-333.484,-177.466)"
+         fill="#ffffff"
+         style="fill:#ffffff" />
+    </g>
+    <rect
+       id="Rectangle_29"
+       data-name="Rectangle 29"
+       width="4.2789998"
+       height="14.263"
+       transform="translate(347.951,175.187)"
+       fill="#ffffff"
+       x="0"
+       y="0"
+       style="fill:#ffffff" />
+    <g
+       id="Group_12"
+       data-name="Group 12"
+       transform="translate(355.032,174.983)"
+       style="fill:#ffffff">
+      <path
+         id="Path_20"
+         data-name="Path 20"
+         d="m 423.121,185.973 h 1.07 a 2.269,2.269 0 0 0 1.579,-0.509 1.639,1.639 0 0 0 0.56,-1.375 q 0,-1.834 -2.14,-1.834 a 6.358,6.358 0 0 0 -1.07,0.1 z m 0,2.8 v 4.992 H 419.3 v -14.159 a 42.086,42.086 0 0 1 5.094,-0.306 c 3.922,0 5.858,1.477 5.858,4.381 a 3.871,3.871 0 0 1 -0.764,2.292 4.207,4.207 0 0 1 -1.988,1.527 v 0.051 a 2.646,2.646 0 0 1 0.968,0.866 6.5,6.5 0 0 1 0.764,1.477 l 1.426,3.922 h -4.024 l -1.223,-3.719 a 1.949,1.949 0 0 0 -0.56,-0.968 1.2,1.2 0 0 0 -0.866,-0.306 h -0.866 z"
+         transform="translate(-419.3,-179.3)"
+         fill="#ffffff"
+         style="fill:#ffffff" />
+    </g>
+    <path
+       id="Path_21"
+       data-name="Path 21"
+       d="m 448.551,183.8 h 2.6 l -1.273,-5.3 h -0.051 z m 2.089,-9.781 h -3.107 l 1.936,-3.515 h 4.279 z m -2.8,12.684 -0.662,2.751 H 443.1 l 4.687,-14.263 h 4.126 l 4.687,14.259 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-75.944)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+    <path
+       id="Path_22"
+       data-name="Path 22"
+       d="m 480.816,179.7 v 3.209 h -3.871 v 11.054 h -3.973 V 182.909 H 469.1 V 179.7 Z"
+       transform="translate(-88.7,-4.513)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+    <g
+       id="Group_13"
+       data-name="Group 13"
+       transform="translate(393.237,175.034)"
+       style="fill:#ffffff">
+      <path
+         id="Path_23"
+         data-name="Path 23"
+         d="m 504.233,183.373 a 8.828,8.828 0 0 0 -4.024,-0.968 2.5,2.5 0 0 0 -1.375,0.306 1,1 0 0 0 -0.458,0.866 c 0,0.56 0.408,0.917 1.274,1.172 a 11.092,11.092 0 0 1 4.33,1.987 4.145,4.145 0 0 1 -0.2,6.164 7.27,7.27 0 0 1 -4.483,1.121 10.863,10.863 0 0 1 -2.7,-0.408 6,6 0 0 1 -2.292,-1.07 l 0.866,-3.005 a 8.413,8.413 0 0 0 2.14,1.07 6.866,6.866 0 0 0 2.139,0.408 c 1.172,0 1.783,-0.408 1.783,-1.273 0,-0.56 -0.509,-0.968 -1.579,-1.274 a 10.417,10.417 0 0 1 -4.075,-1.987 3.808,3.808 0 0 1 -1.223,-2.9 3.719,3.719 0 0 1 1.477,-3.056 6.681,6.681 0 0 1 4.177,-1.121 10.873,10.873 0 0 1 4.89,0.968 z"
+         transform="translate(-494.3,-179.4)"
+         fill="#ffffff"
+         style="fill:#ffffff" />
+    </g>
+    <path
+       id="Path_24"
+       data-name="Path 24"
+       d="m 523.722,185.762 h 0.051 l 3.668,-6.062 h 4.483 l -4.483,6.826 4.687,7.437 h -4.483 l -3.872,-6.622 h -0.051 v 6.622 H 519.8 V 179.7 h 3.922 z"
+       transform="translate(-113.573,-4.513)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+    <path
+       id="Path_25"
+       data-name="Path 25"
+       d="m 550.651,183.8 h 2.6 l -1.274,-5.3 h -0.051 z m 2.089,-9.781 h -3.107 l 1.936,-3.515 h 4.279 z m -2.8,12.684 -0.662,2.751 H 545.2 l 4.687,-14.263 h 4.126 l 4.687,14.259 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-126.034)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+    <g
+       id="Group_14"
+       data-name="Group 14"
+       transform="translate(334.758,194.289)"
+       style="fill:#ffffff">
+      <path
+         id="Path_26"
+         data-name="Path 26"
+         d="m 389.433,221.173 a 8.828,8.828 0 0 0 -4.024,-0.968 2.5,2.5 0 0 0 -1.375,0.306 1,1 0 0 0 -0.458,0.866 c 0,0.56 0.408,0.917 1.274,1.172 a 11.093,11.093 0 0 1 4.33,1.987 4.146,4.146 0 0 1 -0.2,6.164 7.27,7.27 0 0 1 -4.483,1.121 10.866,10.866 0 0 1 -2.7,-0.408 6.866,6.866 0 0 1 -2.292,-1.07 l 0.866,-3.005 a 8.414,8.414 0 0 0 2.139,1.07 6.867,6.867 0 0 0 2.14,0.408 c 1.172,0 1.783,-0.408 1.783,-1.274 0,-0.56 -0.509,-0.968 -1.579,-1.273 a 10.419,10.419 0 0 1 -4.075,-1.987 3.808,3.808 0 0 1 -1.223,-2.9 3.719,3.719 0 0 1 1.477,-3.056 6.681,6.681 0 0 1 4.177,-1.121 10.874,10.874 0 0 1 4.89,0.968 z"
+         transform="translate(-379.5,-217.2)"
+         fill="#ffffff"
+         style="fill:#ffffff" />
+    </g>
+    <path
+       id="Path_27"
+       data-name="Path 27"
+       d="m 415.016,217.6 v 3.209 h -3.871 v 11.054 h -3.973 V 220.809 H 403.3 V 217.6 Z"
+       transform="translate(-56.418,-23.107)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+    <g
+       id="Group_15"
+       data-name="Group 15"
+       transform="translate(360.686,194.289)"
+       style="fill:#ffffff">
+      <path
+         id="Path_28"
+         data-name="Path 28"
+         d="m 434.221,223.822 h 1.07 a 2.269,2.269 0 0 0 1.579,-0.509 1.639,1.639 0 0 0 0.56,-1.375 q 0,-1.834 -2.14,-1.834 a 6.36,6.36 0 0 0 -1.07,0.1 z m 0,2.853 v 4.992 H 430.4 v -14.161 a 42.1,42.1 0 0 1 5.094,-0.306 c 3.922,0 5.858,1.477 5.858,4.381 a 3.871,3.871 0 0 1 -0.764,2.292 4.207,4.207 0 0 1 -1.988,1.527 v 0.051 a 2.647,2.647 0 0 1 0.968,0.866 6.5,6.5 0 0 1 0.764,1.477 l 1.426,3.922 h -4.024 L 436.513,228 a 1.949,1.949 0 0 0 -0.56,-0.968 1.2,1.2 0 0 0 -0.866,-0.306 h -0.866 z"
+         transform="translate(-430.4,-217.2)"
+         fill="#ffffff"
+         style="fill:#ffffff" />
+    </g>
+    <path
+       id="Path_29"
+       data-name="Path 29"
+       d="m 460.051,226.158 h 2.6 l -1.273,-5.3 h -0.051 z m -0.713,2.955 -0.662,2.751 H 454.6 l 4.687,-14.263 h 4.126 l 4.687,14.263 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-81.586,-23.107)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+    <path
+       id="Path_30"
+       data-name="Path 30"
+       d="M 492.349,225.394 H 492.4 V 217.6 h 3.821 v 14.263 H 492.4 l -4.279,-7.845 h -0.051 v 7.845 H 484.3 V 217.6 h 3.77 z"
+       transform="translate(-96.157,-23.107)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+    <path
+       id="Path_31"
+       data-name="Path 31"
+       d="m 516.151,226.158 h 2.6 l -1.274,-5.3 h -0.051 z m -0.713,2.955 -0.662,2.751 H 510.7 l 4.686,-14.263 h 4.126 l 4.687,14.263 h -4.126 l -0.662,-2.751 z"
+       transform="translate(-109.108,-23.107)"
+       fill="#ffffff"
+       style="fill:#ffffff" />
+  </g>
+  <rect
+     style="fill:#ffffff"
+     id="rect238"
+     width="1.1317097"
+     height="40.189453"
+     x="153.40904"
+     y="0.1460845" />
+  <g
+     aria-label="Eurovolby"
+     id="text294"
+     style="font-size:15.6161px;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, ';fill:#000000;stroke-width:1.30134">
+    <path
+       d="m 165.87963,15.256582 v 1.197132 H 161.0606 V 15.256582 Z M 161.31222,5.3516431 V 16.453714 h -1.40301 V 5.3516431 Z m 3.91928,4.7732809 v 1.197132 h -4.1709 v -1.197132 z m 0.57188,-4.7732809 V 6.5564008 H 161.0606 V 5.3516431 Z"
+       id="path332"
+       style="fill:#ffffff" />
+    <path
+       d="M 171.52979,14.547452 V 8.2034114 h 1.34963 v 8.2503026 h -1.28101 z m 0.25163,-1.738511 0.53375,-0.01525 q 0,0.823505 -0.14488,1.52501 -0.13725,0.693879 -0.4575,1.204757 -0.31263,0.510879 -0.83113,0.800631 -0.5185,0.282126 -1.27338,0.282126 -0.51088,0 -0.93026,-0.175376 -0.41175,-0.175376 -0.71675,-0.541378 -0.29738,-0.366003 -0.46513,-0.953131 -0.16013,-0.587129 -0.16013,-1.410634 V 8.2034114 h 1.34201 v 5.3375346 q 0,0.556628 0.0991,0.922631 0.0991,0.358377 0.26687,0.571878 0.16775,0.205877 0.37363,0.289752 0.20588,0.08388 0.41938,0.08388 0.71675,0 1.14376,-0.343128 0.427,-0.350752 0.61,-0.937881 0.19063,-0.594753 0.19063,-1.319133 z"
+       id="path334"
+       style="fill:#ffffff" />
+    <path
+       d="m 176.25732,9.4996697 v 6.9540443 h -1.34963 V 8.2034114 h 1.30388 z m 2.05114,-1.3420086 0.008,1.3115084 q -0.16775,-0.038125 -0.305,-0.04575 -0.12962,-0.01525 -0.305,-0.01525 -0.38125,0 -0.67101,0.152501 -0.28212,0.152501 -0.488,0.4270027 -0.20587,0.2745022 -0.32788,0.6557542 -0.122,0.373627 -0.16775,0.823505 l -0.35075,0.228752 q 0,-0.747255 0.11438,-1.403009 0.122,-0.6557544 0.37362,-1.1590077 0.25163,-0.5108782 0.64051,-0.793005 0.3965,-0.2897519 0.9455,-0.2897519 0.12201,0 0.29738,0.038125 0.183,0.0305 0.23638,0.068625 z"
+       id="path336"
+       style="fill:#ffffff" />
+    <path
+       d="m 179.23109,12.725065 v -0.78538 q 0,-0.960756 0.244,-1.685135 0.244,-0.7320052 0.67863,-1.2200083 0.43463,-0.4880031 1.01413,-0.7320047 0.57951,-0.2516266 1.24288,-0.2516266 0.67863,0 1.25814,0.2516266 0.5795,0.2440016 1.01413,0.7320047 0.44225,0.4880031 0.68625,1.2200083 0.24401,0.724379 0.24401,1.685135 v 0.78538 q 0,0.960757 -0.24401,1.692761 -0.244,0.72438 -0.67863,1.212383 -0.43462,0.488003 -1.01413,0.732005 -0.5795,0.244001 -1.25051,0.244001 -0.671,0 -1.2505,-0.244001 -0.57951,-0.244002 -1.02176,-0.732005 -0.43463,-0.488003 -0.67863,-1.212383 -0.244,-0.732004 -0.244,-1.692761 z m 1.34963,-0.78538 v 0.78538 q 0,0.67863 0.13725,1.189508 0.13725,0.510878 0.38888,0.854006 0.25163,0.343127 0.58713,0.518503 0.3355,0.167751 0.732,0.167751 0.45751,0 0.80063,-0.167751 0.35076,-0.175376 0.57951,-0.518503 0.22875,-0.343128 0.34313,-0.854006 0.11437,-0.510878 0.11437,-1.189508 v -0.78538 q 0,-0.678629 -0.13725,-1.181882 -0.13725,-0.510878 -0.38888,-0.8540057 -0.25162,-0.3507523 -0.59475,-0.5185033 -0.3355,-0.1753762 -0.73201,-0.1753762 -0.38887,0 -0.72438,0.1753762 -0.3355,0.167751 -0.58712,0.5185033 -0.24401,0.3431277 -0.38126,0.8540057 -0.13725,0.503253 -0.13725,1.181882 z"
+       id="path338"
+       style="fill:#ffffff" />
+    <path
+       d="m 189.3724,15.180331 1.76902,-6.9769196 h 1.3725 l -2.44764,8.2503026 h -0.89213 z m -1.42588,-6.9769196 1.84526,7.0150446 0.14488,1.235258 h -0.88451 l -2.47814,-8.2503026 z"
+       id="path340"
+       style="fill:#ffffff" />
+    <path
+       d="m 193.52043,12.725065 v -0.78538 q 0,-0.960756 0.244,-1.685135 0.244,-0.7320052 0.67863,-1.2200083 0.43463,-0.4880031 1.01413,-0.7320047 0.57951,-0.2516266 1.24289,-0.2516266 0.67862,0 1.25813,0.2516266 0.5795,0.2440016 1.01413,0.7320047 0.44225,0.4880031 0.68625,1.2200083 0.24401,0.724379 0.24401,1.685135 v 0.78538 q 0,0.960757 -0.24401,1.692761 -0.244,0.72438 -0.67862,1.212383 -0.43463,0.488003 -1.01414,0.732005 -0.5795,0.244001 -1.2505,0.244001 -0.67101,0 -1.25051,-0.244001 -0.57951,-0.244002 -1.02176,-0.732005 -0.43463,-0.488003 -0.67863,-1.212383 -0.244,-0.732004 -0.244,-1.692761 z m 1.34963,-0.78538 v 0.78538 q 0,0.67863 0.13725,1.189508 0.13726,0.510878 0.38888,0.854006 0.25163,0.343127 0.58713,0.518503 0.3355,0.167751 0.73201,0.167751 0.4575,0 0.80063,-0.167751 0.35075,-0.175376 0.5795,-0.518503 0.22875,-0.343128 0.34313,-0.854006 0.11437,-0.510878 0.11437,-1.189508 v -0.78538 q 0,-0.678629 -0.13725,-1.181882 -0.13725,-0.510878 -0.38888,-0.8540057 -0.25162,-0.3507523 -0.59475,-0.5185033 -0.3355,-0.1753762 -0.732,-0.1753762 -0.38888,0 -0.72438,0.1753762 -0.33551,0.167751 -0.58713,0.5185033 -0.244,0.3431277 -0.38126,0.8540057 -0.13725,0.503253 -0.13725,1.181882 z"
+       id="path342"
+       style="fill:#ffffff" />
+    <path
+       d="M 203.08987,4.7416391 V 16.453714 h -1.34201 V 4.7416391 Z"
+       id="path344"
+       style="fill:#ffffff" />
+    <path
+       d="m 205.22488,4.7416391 h 1.34964 V 14.852454 l -0.11438,1.60126 h -1.23526 z m 5.97804,7.2132959 v 0.77013 q 0,0.976007 -0.183,1.708011 -0.17538,0.72438 -0.52613,1.212383 -0.35075,0.480378 -0.854,0.72438 -0.50326,0.236376 -1.15139,0.236376 -0.6405,0 -1.10563,-0.259251 -0.46513,-0.259252 -0.77775,-0.747255 -0.31263,-0.488003 -0.49563,-1.181883 -0.17538,-0.693879 -0.244,-1.563135 V 11.82531 q 0.0686,-0.876881 0.244,-1.57076 0.17537,-0.701505 0.488,-1.1895081 0.31263,-0.4956282 0.77776,-0.7548798 0.46512,-0.2592517 1.10563,-0.2592517 0.65575,0 1.15901,0.2287515 0.51087,0.2287514 0.854,0.7091295 0.35075,0.4727531 0.52613,1.2123826 0.183,0.732005 0.183,1.753761 z m -1.34963,0.77013 v -0.77013 q 0,-0.686254 -0.0915,-1.197132 -0.0839,-0.510878 -0.28213,-0.8463807 -0.19825,-0.3355021 -0.53375,-0.5032532 -0.32788,-0.1677511 -0.81588,-0.1677511 -0.41176,0 -0.72438,0.1677511 -0.30501,0.1677511 -0.52613,0.457503 -0.22113,0.2821269 -0.366,0.6481289 -0.14488,0.358378 -0.21351,0.747255 v 2.165514 q 0.0991,0.495628 0.31263,0.953131 0.22113,0.449878 0.59475,0.73963 0.37363,0.289752 0.93026,0.289752 0.46513,0 0.78538,-0.160126 0.32788,-0.160126 0.53375,-0.488004 0.20588,-0.335502 0.29738,-0.838755 0.0991,-0.510878 0.0991,-1.197133 z"
+       id="path346"
+       style="fill:#ffffff" />
+    <path
+       d="m 214.75619,15.599709 1.83764,-7.3962976 h 1.43351 l -2.72214,9.5236866 q -0.0991,0.305002 -0.26688,0.655754 -0.16013,0.358377 -0.41175,0.678629 -0.25163,0.320252 -0.60238,0.518503 -0.35075,0.205877 -0.82351,0.205877 -0.14487,0 -0.37362,-0.04575 -0.22113,-0.04575 -0.32026,-0.07625 v -1.143757 q 0.0457,0.0076 0.14488,0.01525 0.0991,0.01525 0.14488,0.01525 0.3965,0 0.671,-0.129626 0.28213,-0.122001 0.48038,-0.419378 0.19825,-0.289752 0.3355,-0.80063 z m -1.1895,-7.3962976 1.63938,6.4050416 0.35075,1.486884 -0.96075,0.518503 -2.50102,-8.4104286 z"
+       id="path348"
+       style="fill:#ffffff" />
+  </g>
+</svg>

shared/templates/styleguide2/includes/atoms/header/europarl/navigation.html

+{% extends 'patterns/atoms/header/navigation.html' %}
+
+{% block classes %}
+  flex gap-3 text-black {{ classes }}
+{% endblock %}

shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.html

+<a
+  href="#"
+  class="
+    flex gap-2 min-w-[calc(100vw_-_2.5rem)] duration-150 group !no-underline
+
+    hover:scale-110
+
+    lg:min-w-[24rem]
+  "
+>
+  <img
+    class="w-3/5"
+    src="{{ image_source }}"
+  >
+
+  <div class="flex flex-col justify-end">
+    <h3
+      class="head-4xl group-hover:underline underline-offset-3"
+    >{{ name }}</h3>
+    <p class="!no-underline">
+      {{ position }}
+    </p>
+  </div>
+</a>

shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.yaml

+context:
+  image_source: '../../../../../static/images/mikulas-arrow.png'
+  name: 'Mikuláš Peksa'
+  position: 'Europoslanec'

shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.html

+<ui-candidate-primary-box
+  name="{{ name }}"
+  position="{{ position }}"
+  description="{{ description }}"
+  url="{{ url }}"
+  image-source="{{ image_source }}"
+></ui-candidate-primary-box>

shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.yaml

+context:
+  name: 'Mikuláš Peksa'
+  image_source: '../../../../../static/images/mikulas-arrow.png'
+  position: 'Europoslanec'
+  description: 'Mikuláš Peksa (18. 6. 1986) vystudoval fyziku na Matematicko-fyzikální fakultě Univerzity Karlovy. V Německu pracoval jako správce Linuxových serverů a programátor v C++. Po návratu do Čech byl v roce 2017 zvolen poslancem PSP ČR, následně v roce 2019 poslancem Evropského parlamentu. Věnuje se zejména tématům spojeným s fungováním společnosti v digitálním věku.'

shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.html

+<li class="candidate-secondary-box">
+  <a
+    href="#"
+    class="
+      container--wide py-2 flex gap-6 items-center underline-offset-2
+    "
+  >
+    <div class="font-bold text-xl">
+      {{ number }}
+    </div>
+
+    <div
+      class="
+        flex font-bold justify-center items-center rounded-full
+      "
+    >
+      <img
+        class="rounded-full w-12 h-12 object-cover"
+        src="{{ image_source }}"
+      >
+    </div>
+
+    <div class="flex flex-col lg:flex-row">
+      <h4 class="text-xl font-bold">{{ name }}</h4>
+
+      {% if position %}
+        <p><span class="hidden lg:inline">,</span>
+          {{ position }}
+        </p>
+      {% endif %}
+    </div>
+  </a>
+</li>

shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.yaml

+context:
+  number: '1'
+  name: 'Mikuláš Peksa'
+  image_source: 'https://www.extremnews.com/images/max_image_view-166664f1d580456c9866fa3c20ed545b.jpg'
+  position: 'Europoslanec'
+  description: 'Mikuláš Peksa (18. 6. 1986) vystudoval fyziku na Matematicko-fyzikální fakultě Univerzity Karlovy. V Německu pracoval jako správce Linuxových serverů a programátor v C++. Po návratu do Čech byl v roce 2017 zvolen poslancem PSP ČR, následně v roce 2019 poslancem Evropského parlamentu. Věnuje se zejména tématům spojeným s fungováním společnosti v digitálním věku.'

shared/templates/styleguide2/includes/molecules/menus/europarl/carousel.html

+{% load static wagtailimages_tags %}
+
+<div class="__js-root">
+  <div class="header-carousel">
+    <div class="h-[700px] xl:h-screen relative bg-white">
+      {% image self.image original as image %}
+
+      <img
+        class="header-carousel--image opacity-60"
+        src="{{ image.url }}"
+        draggable="false"
+      >
+
+      <div class="europarl--header-carousel--text-wrapper">
+        <div
+          class="container--wide h-full flex flex-col justify-end items-start"
+        >
+          <div class="2.5xl:ml-[-10rem]">
+            <img
+              class="w-4/6"
+              src="{% static 'elections/europarl-header.png' %}"
+            >
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

shared/templates/styleguide2/includes/molecules/navbar/additional_button.html

@@ -8,9 +8,9 @@
 >
   <div
     class="
-      btn__body border-none border-4 w-24 h-11 py-4 px-6
+      navbar__border-button
 
-      bg-pirati-yellow text-black hover:bg-yellow-600
+      flex items-center justify-center border-none border-4 w-24 h-11 py-4 px-6 duration-150
 
       xl:w-auto
     "
@@ -21,13 +21,21 @@
 <a
   href="{{ self.button_link }}"
   class="
-    btn btn--to-yellow--600 group btn--hoveractive uppercase
+    group uppercase
 
     lg:hidden inline
   "
 >
-  <div class="btn__body-wrap">
-    <div class="btn__body px-0 group group-hover:border-yellow-600 border-yellow-500 text-black border-4 bg-transparent w-48 h-11 xl:w-auto py-8">
+  <div>
+    <div
+      class="
+        flex justify-center items-center group border-4 bg-transparent border-yellow-500 text-black w-48 h-11 py-8 px-0
+
+        group-hover:border-yellow-600
+
+        xl:w-auto
+      "
+    >
       {{ self.button_text }}
     </div>
   </div>

shared/templates/styleguide2/includes/organisms/articles/europarl/articles_section.html

+{% extends 'patterns/organisms/articles/articles_section.html' %}
+
+{% block wrapper_classes %}
+  bg-pirati-yellow text-black
+{% endblock %}
+
+{% block button_wrapper_classes %}
+  flex justify-center pt-12 pb-20
+
+  xl:py-24
+{% endblock %}

shared/templates/styleguide2/includes/organisms/articles/europarl/candidate_articles_section.html

+{% extends 'patterns/organisms/articles/articles_section.html' %}
+
+{% block heading_classes %} head-10xl {% endblock %}
+
+{% block button_wrapper_classes %}
+  flex justify-center pt-12 pb-20
+
+  xl:py-24
+{% endblock %}

shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_footer_list.html

+<div class="bg-pirati-yellow">
+  <div class="container--wide">
+    <div
+      class="
+        flex items-start py-16 flex-col gap-8
+
+        xl:py-24
+
+        __js-root
+      "
+    >
+      <h2
+        class="head-10xl"
+      >
+        {{ title }}
+      </h2>
+
+      <div class="w-full">
+        <ui-horizontal-scrollable
+          classes="
+            flex gap-8 overflow-x-scroll mt-4 mb-8 duration-150 py-5
+
+            lg:mt-0 lg:grid lg:grid-cols-2 lg:overflow-x-visible
+
+            xl:grid-cols-3
+          "
+          scroller-classes="!text-black"
+        >
+          {% include 'patterns/molecules/candidates/europarl/candidate_footer_box.html' %}
+          {% include 'patterns/molecules/candidates/europarl/candidate_footer_box.html' %}
+          {% include 'patterns/molecules/candidates/europarl/candidate_footer_box.html' %}
+        </ui-horizontal-scrollable>
+      </div>
+    </div>
+  </div>
+</div>

shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_primary_list.html

+<ul
+  class="candidate-primary-list __js-root"
+  id="{{ id }}"
+>
+  {% include "patterns/molecules/candidates/europarl/candidate_primary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_primary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_primary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_primary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_primary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_primary_box.html" %}
+</ul>

shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_secondary_list.html

+<ul class="candidate-secondary-list pt-14 pb-16">
+  <div class="container--wide">
+    <h2 class="head-7xl mb-3">Další kandidáti</h2>
+  </div>
+
+  {% include "patterns/molecules/candidates/europarl/candidate_secondary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_secondary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_secondary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_secondary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_secondary_box.html" %}
+  {% include "patterns/molecules/candidates/europarl/candidate_secondary_box.html" %}
+</ul>