diff --git a/elections/blocks.py b/elections/blocks.py
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..f6e75959f31ac5868ae5c65a12dbf0df44b11b16 100644
--- a/elections/blocks.py
+++ b/elections/blocks.py
@@ -0,0 +1,11 @@
+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"
diff --git a/elections/migrations/0006_alter_electionshomepage_content.py b/elections/migrations/0006_alter_electionshomepage_content.py
new file mode 100644
index 0000000000000000000000000000000000000000..b3ee585c23f67fd262553c0dc068b0d3d2425c59
--- /dev/null
+++ b/elections/migrations/0006_alter_electionshomepage_content.py
@@ -0,0 +1,39 @@
+# 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",
+ ),
+ ),
+ ]
diff --git a/elections/models.py b/elections/models.py
index bfcc8252d60191b96d39d5cdaec047c51c505d86..15cedb930730f5a6e5760131314d718d15c9f371 100644
--- a/elections/models.py
+++ b/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,
diff --git a/elections/static/elections/europarl-header.png b/elections/static/elections/europarl-header.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe143d22ed0fcffe8876dfd4b15e70037ea5579e
Binary files /dev/null and b/elections/static/elections/europarl-header.png differ
diff --git a/elections/static/elections/logo-full-black.svg b/elections/static/elections/logo-full-black.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d5993c411020fb8e9d3db0b6625be52cb081761f
--- /dev/null
+++ b/elections/static/elections/logo-full-black.svg
@@ -0,0 +1,210 @@
+<?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>
diff --git a/elections/static/elections/logo-full-white.svg b/elections/static/elections/logo-full-white.svg
new file mode 100644
index 0000000000000000000000000000000000000000..f08dcc6a25f364de309d33f03c5a0d4cf0c2d8c5
--- /dev/null
+++ b/elections/static/elections/logo-full-white.svg
@@ -0,0 +1,233 @@
+<?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>
diff --git a/shared/templates/styleguide2/includes/atoms/header/europarl/navigation.html b/shared/templates/styleguide2/includes/atoms/header/europarl/navigation.html
new file mode 100644
index 0000000000000000000000000000000000000000..17e79cdd3cef34db01aca1db1603effadd4690a4
--- /dev/null
+++ b/shared/templates/styleguide2/includes/atoms/header/europarl/navigation.html
@@ -0,0 +1,5 @@
+{% extends 'patterns/atoms/header/navigation.html' %}
+
+{% block classes %}
+ flex gap-3 text-black {{ classes }}
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.html b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.html
new file mode 100644
index 0000000000000000000000000000000000000000..5d987f00f7c4e9721aaa27da64cec5d177f54157
--- /dev/null
+++ b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.html
@@ -0,0 +1,24 @@
+<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>
diff --git a/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.yaml b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..394d1d5844fc39ced684c10bd59dbfab229587a2
--- /dev/null
+++ b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_footer_box.yaml
@@ -0,0 +1,4 @@
+context:
+ image_source: '../../../../../static/images/mikulas-arrow.png'
+ name: 'Mikuláš Peksa'
+ position: 'Europoslanec'
diff --git a/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.html b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.html
new file mode 100644
index 0000000000000000000000000000000000000000..3ed76e9cc9f1e232f54c089edc0d5154e2c1ef69
--- /dev/null
+++ b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.html
@@ -0,0 +1,7 @@
+<ui-candidate-primary-box
+ name="{{ name }}"
+ position="{{ position }}"
+ description="{{ description }}"
+ url="{{ url }}"
+ image-source="{{ image_source }}"
+></ui-candidate-primary-box>
diff --git a/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.yaml b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..4d7ef146e7bff60ba9364a6db06604bb23ceda02
--- /dev/null
+++ b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_primary_box.yaml
@@ -0,0 +1,5 @@
+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.'
diff --git a/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.html b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.html
new file mode 100644
index 0000000000000000000000000000000000000000..66e97766f1c9e8a71e20c7b2c60c4c9f597c8591
--- /dev/null
+++ b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.html
@@ -0,0 +1,33 @@
+<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>
diff --git a/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.yaml b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..063e289fe914767e29edc0ed2a43e52929d96dcb
--- /dev/null
+++ b/shared/templates/styleguide2/includes/molecules/candidates/europarl/candidate_secondary_box.yaml
@@ -0,0 +1,6 @@
+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.'
diff --git a/shared/templates/styleguide2/includes/molecules/menus/europarl/carousel.html b/shared/templates/styleguide2/includes/molecules/menus/europarl/carousel.html
new file mode 100644
index 0000000000000000000000000000000000000000..d2cf20e0fd3e4be2f665537a8e54d5d2869c022b
--- /dev/null
+++ b/shared/templates/styleguide2/includes/molecules/menus/europarl/carousel.html
@@ -0,0 +1,28 @@
+{% 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>
diff --git a/shared/templates/styleguide2/includes/molecules/navbar/additional_button.html b/shared/templates/styleguide2/includes/molecules/navbar/additional_button.html
index a2347cc10e3eef433a2eadea5864448b870a510c..1a5f50bbdc8df1108f0c61f1fb9519deb4ecc75d 100644
--- a/shared/templates/styleguide2/includes/molecules/navbar/additional_button.html
+++ b/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>
diff --git a/shared/templates/styleguide2/includes/organisms/articles/europarl/articles_section.html b/shared/templates/styleguide2/includes/organisms/articles/europarl/articles_section.html
new file mode 100644
index 0000000000000000000000000000000000000000..dd10af48790d7163b6a6b72967302504f7bfbd42
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/articles/europarl/articles_section.html
@@ -0,0 +1,11 @@
+{% 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 %}
diff --git a/shared/templates/styleguide2/includes/organisms/articles/europarl/candidate_articles_section.html b/shared/templates/styleguide2/includes/organisms/articles/europarl/candidate_articles_section.html
new file mode 100644
index 0000000000000000000000000000000000000000..5e07ebc42dc9251cf611e68b140d24452f95e746
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/articles/europarl/candidate_articles_section.html
@@ -0,0 +1,9 @@
+{% 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 %}
diff --git a/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_footer_list.html b/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_footer_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..f405737254ffe7a994bba57ad46904b1be02c686
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_footer_list.html
@@ -0,0 +1,36 @@
+<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>
diff --git a/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_primary_list.html b/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_primary_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..585348ce6bb28e2a2073b4d83771582d3139ea95
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_primary_list.html
@@ -0,0 +1,11 @@
+<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>
diff --git a/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_secondary_list.html b/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_secondary_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..3e6e6a3cb9b73991e155cfe276c3d1c667f4b3bb
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/candidates/europarl/candidate_secondary_list.html
@@ -0,0 +1,12 @@
+<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>
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/article_header.html b/shared/templates/styleguide2/includes/organisms/header/europarl/article_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..e573f117e06ff018788ace7eef2b6c2cb89362bd
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/article_header.html
@@ -0,0 +1,9 @@
+{% extends 'patterns/organisms/header/europarl/simple_header_with_tags_and_navigation.html' %}
+
+{% block before_heading %}
+ {% include 'patterns/atoms/header/europarl/navigation.html' with classes='mb-6' first_text=first_nav_text second_text=second_nav_text second_link=second_link %}
+{% endblock %}
+
+{% block heading_classes %}!text-black head-8xl{% endblock %}
+
+{% block description_classes %}!text-black{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/articles_header.html b/shared/templates/styleguide2/includes/organisms/header/europarl/articles_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..a21212d832921e11057df1cb2359a042b2b4cb9c
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/articles_header.html
@@ -0,0 +1,24 @@
+{% extends 'patterns/organisms/header/europarl/simple_header_with_tags.html' %}
+
+{% block classes %}
+ bg-pirati-yellow flex items-center w-full mb-10 pt-28 pb-8
+
+ md:mb-16
+
+ xl:pt-48 xl:pb-24
+
+ {% block extra_classes %}{% endblock %}
+{% endblock %}
+
+{% block after_heading %}
+ {% include 'patterns/molecules/tags/tags.html' with classes='mb-4' tag_color_classes='bg-black text-white' %}
+
+ <div class="flex justify-start">
+ <input
+ type="text"
+ id="articles_search"
+ class="max-w-md w-full bg-grey-180 px-4 py-2 text-black"
+ placeholder="Hledej..."
+ >
+ </div>
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/candidate_header.html b/shared/templates/styleguide2/includes/organisms/header/europarl/candidate_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..345c84e73d8e44e641e76fa616b7bccee64cfd42
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/candidate_header.html
@@ -0,0 +1,89 @@
+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block classes %}
+ bg-pirati-yellow flex items-center w-full pt-28 pb-8
+
+ xl:pt-48 xl:pb-24
+
+ {% block extra_classes %}{% endblock %}
+{% endblock %}
+
+{% block content %}
+ <div
+ class="
+ flex gap-10 flex-col-reverse
+ lg:flex-row lg:gap-4
+ "
+ >
+ <div class="grow w-full text-white flex flex-col !text-black">
+ {% block heading %}
+ <h1
+ class="
+ {% block heading_classes %}
+ mb-1 head-8xl
+ lg:head-7xl
+ {% endblock %}
+ "
+ >
+ {{ name }}
+ </h1>
+ {% endblock %}
+
+ {% block position %}
+ <p
+ class="
+ font-bold mt-[-0.5rem] mb-6
+ lg:mt-[-1rem]
+ "
+ >
+ {{ position }}
+ </p>
+ {% endblock %}
+
+ {% block description %}
+ <div
+ class="
+ mb-10
+
+ [&_p]:text-lg
+
+ [&_.content-block]:flex
+ [&_.content-block]:flex-col
+ [&_.content-block]:gap-4
+ "
+ >
+ <div class="content-block">
+ <p>
+ {{ description_1 }}
+ </p>
+
+ <p>
+ {{ description_2 }}
+ </p>
+
+ <p>
+ {{ description_3 }}
+ </p>
+ </div>
+ </div>
+ {% endblock %}
+
+ {% block contact %}
+ <div>
+ {% include 'patterns/molecules/blocks/inline_contact.html' %}
+ </div>
+ {% endblock %}
+ </div>
+
+ <div
+ class="
+ flex justify-center items-start grow w-full
+ "
+ >
+ <img
+ class="lg:w-3/5"
+ src="../../../../../static/images/mikulas-arrow.png"
+ >
+ </div>
+ </div>
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/candidates_header.html b/shared/templates/styleguide2/includes/organisms/header/europarl/candidates_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..ac66d1cd710bdf98aeef1960477fe6889070d722
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/candidates_header.html
@@ -0,0 +1,9 @@
+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block classes %}
+ bg-pirati-yellow flex items-center w-full pt-28 pb-8
+
+ xl:pt-48 xl:pb-24
+
+ {% block extra_classes %}{% endblock %}
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/faq_header.html b/shared/templates/styleguide2/includes/organisms/header/europarl/faq_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..4a5adf043d01a7d06b44f760d35b3f61cbb5e9b2
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/faq_header.html
@@ -0,0 +1,3 @@
+{% extends 'patterns/organisms/header/europarl/simple_header_with_ui_switch.html' %}
+
+{% block extra_classes %}!mb-0{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header.html b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..185258399e3da590f559f47239bae42b09ada373
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header.html
@@ -0,0 +1,21 @@
+{% extends 'patterns/organisms/header/simple_header.html' %}
+
+{% block classes %}
+ bg-pirati-yellow flex items-center w-full mb-20 pt-28 pb-8
+
+ xl:pt-48 xl:pb-24
+
+ {% block extra_classes %}{% endblock %}
+{% endblock %}
+
+{% block heading_classes %}
+ mb-1 !text-black
+
+ {% if is_short %}head-short{% endif %}
+
+ {% if description %}
+ head-8xl
+ {% else %}
+ head-14xl
+ {% endif %}
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags.html b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags.html
new file mode 100644
index 0000000000000000000000000000000000000000..b0fb3ce21b18968afa0fe5292db9801ca5f6630e
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags.html
@@ -0,0 +1,5 @@
+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block after_heading %}
+ {% include 'patterns/molecules/tags/tags.html' with classes='mb-4' tag_color_classes='bg-black text-white' %}
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags_and_navigation.html b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags_and_navigation.html
new file mode 100644
index 0000000000000000000000000000000000000000..a50b5455acbeaa99e51bf467f7109a52886eee6e
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_tags_and_navigation.html
@@ -0,0 +1,9 @@
+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block before_heading %}
+ {% include 'patterns/atoms/header/europarl/navigation.html' with classes='mb-6' %}
+{% endblock %}
+
+{% block after_heading %}
+ {% include 'patterns/molecules/tags/tags.html' with classes='mb-4 mt-4' tag_color_classes='bg-black text-white' %}
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_ui_switch.html b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_ui_switch.html
new file mode 100644
index 0000000000000000000000000000000000000000..05088a3720481e44ce9444e0dedce84880681cf0
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/header/europarl/simple_header_with_ui_switch.html
@@ -0,0 +1,26 @@
+{% extends 'patterns/organisms/header/europarl/simple_header.html' %}
+
+{% block after_description %}
+ <div
+ class="
+ container--medium flex justify-start !pl-[unset] !pr-[unset] !ml-[unset] !mr-[unset]
+ xl:mb-12 mb-4
+ "
+ >
+ <ui-horizontal-scrollable
+ classes="switch overflow-x-scroll flex gap-2 w-[calc(100vw_-_3rem)] lg:w-[unset]"
+ scroller-classes="!text-black"
+ arrow-position="bottom"
+ >
+ {% block switch %}
+ {% for switch in ui_switch_iterable %}
+ <a
+ @click="toggleView('view{{ forloop.counter }}')"
+ class="switch__item--europarl"
+ :class="{'switch__item--active': isCurrentView('view{{ forloop.counter }}')}"
+ >{{ switch.name }}</a>
+ {% endfor %}
+ {% endblock %}
+ </ui-horizontal-scrollable>
+ </div>
+{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.html b/shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.html
new file mode 100644
index 0000000000000000000000000000000000000000..fff908e8c447cdb624bd9ac17b45466cc5c5320b
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.html
@@ -0,0 +1,22 @@
+{% extends 'patterns/organisms/layout/navbar.html' %}
+
+{% block navbar_logo_images %}
+ <img class="navbar__logo--white w-[220px] lg:w-[280px]" src="../../../../../static/images/europarl/logo-full-white.svg" alt="">
+ <img class="navbar__logo--black w-[220px] lg:w-[280px]" src="../../../../../static/images/europarl/logo-full-black.svg" alt="">
+{% endblock %}
+
+{% block popout_logo_image %}
+ <img
+ class="w-[220px] mt-3"
+ src="../../../../../static/images/europarl/logo-full-black.svg"
+ alt=""
+ >
+{% endblock %}
+
+{% block extra_classes %}
+ navbar--europarl
+
+ {% if is_transparent %}navbar--europarl-transparent{% endif %}
+{% endblock %}
+
+{% block observer_script_toggled_class %}navbar--europarl-transparent{% endblock %}
diff --git a/shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.yaml b/shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..669c562a0b8bba687329d8f261400263bf336677
--- /dev/null
+++ b/shared/templates/styleguide2/includes/organisms/layout/europarl/navbar.yaml
@@ -0,0 +1,21 @@
+context:
+ has_background: false
+
+ menu_items:
+ -
+ name: 'Kandidáti'
+ url: '#kandidati'
+ -
+ name: 'Priority pro Evropu'
+ url: '#program'
+ -
+ name: 'Aktuality'
+ url: '#'
+ -
+ name: 'Ptáte se'
+ url: '#'
+ -
+ name: 'Kontakty'
+ url: '#'
+
+ important_item: null
diff --git a/shared/templates/styleguide2/includes/organisms/layout/navbar.html b/shared/templates/styleguide2/includes/organisms/layout/navbar.html
index 1752901486306a159b6fc487382638278a662bdb..a57ceb96ba1943df0ec1c52ea2e952c48b2aa008 100644
--- a/shared/templates/styleguide2/includes/organisms/layout/navbar.html
+++ b/shared/templates/styleguide2/includes/organisms/layout/navbar.html
@@ -86,14 +86,14 @@
{% if page.root_page.menu_button_name and page.root_page.menu_button_content %}
{% block navbar_menu_button %}
<div
- class="group btn btn--hoveractive uppercase cursor-pointer relative"
+ class="group uppercase cursor-pointer relative"
>
- <div class="btn__body-wrap w-24 h-11 min-w-[9rem]">
+ <div class="w-24 h-11 min-w-[9rem]">
<div
class="
- navbar__border-button 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
"