diff --git a/=5 b/=5
deleted file mode 100644
index e5a3d436f956fb910ae6d9d8289edd3b3e5f2983..0000000000000000000000000000000000000000
--- a/=5
+++ /dev/null
@@ -1,12 +0,0 @@
-
-up to date, audited 172 packages in 886ms
-
-39 packages are looking for funding
- run `npm fund` for details
-
-2 high severity vulnerabilities
-
-To address all issues, run:
- npm audit fix
-
-Run `npm audit` for details.
diff --git a/majak_uistyleguide/static/images/background-images/district/carousel_desktop_bg.jpg b/majak_uistyleguide/static/images/background-images/district/carousel_desktop_bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..3cb97f3a9ac3667eeb32f2f2bfa51eb5dededc24
Binary files /dev/null and b/majak_uistyleguide/static/images/background-images/district/carousel_desktop_bg.jpg differ
diff --git a/majak_uistyleguide/static/images/background-images/district/carousel_mobile_bg.jpg b/majak_uistyleguide/static/images/background-images/district/carousel_mobile_bg.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e8f1775a29d1aa8f56576e967ab61004e3aa3662
Binary files /dev/null and b/majak_uistyleguide/static/images/background-images/district/carousel_mobile_bg.jpg differ
diff --git a/majak_uistyleguide/static/images/district/logo-full-black.svg b/majak_uistyleguide/static/images/district/logo-full-black.svg
new file mode 100644
index 0000000000000000000000000000000000000000..bf2d9cabb9dac6236b987d36d6e45f71c653d51d
--- /dev/null
+++ b/majak_uistyleguide/static/images/district/logo-full-black.svg
@@ -0,0 +1,188 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ width="237.9003"
+ height="40.554771"
+ viewBox="0 0 237.90029 40.554772"
+ 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.28477)"
+ 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.36531809" />
+ <g
+ aria-label="Eurovolby"
+ id="text395"
+ style="font-size:21.3333px;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, '"
+ transform="translate(-9.9142337e-8,0.2192336)">
+ <g
+ id="text1"
+ style="fill:#1a1a1a"
+ aria-label="Pardubický kraj">
+ <path
+ style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+ d="m 158.96712,3.2367609 h 3.45599 q 1.74933,0 2.624,0.9386652 0.87466,0.9386652 0.87466,2.7519956 V 8.399419 q 0,1.813331 -0.87466,2.751996 -0.87467,0.938665 -2.624,0.938665 h -1.10933 v 6.079991 h -2.34666 z m 3.45599,6.7199891 q 0.576,0 0.85333,-0.319999 0.29867,-0.32 0.29867,-1.087998 V 6.7780886 q 0,-0.7679987 -0.29867,-1.0879982 -0.27733,-0.3199995 -0.85333,-0.3199995 h -1.10933 V 9.95675 Z m 5.84532,-6.7199891 h 3.17867 l 2.43199,14.9333101 h -2.34666 l -0.42667,-2.965329 v 0.04267 h -2.66666 l -0.42667,2.922662 h -2.17599 z m 2.56,9.9839841 -1.04533,-7.3813215 h -0.0427 l -1.024,7.3813215 z m 4.18131,-9.9839841 h 3.47732 q 1.81333,0 2.64533,0.853332 0.832,0.8319987 0.832,2.5813292 V 7.588754 q 0,2.32533 -1.536,2.943995 v 0.04267 q 0.85334,0.256 1.19467,1.045332 0.36267,0.789332 0.36267,2.111996 v 2.623996 q 0,0.639999 0.0427,1.045332 0.0427,0.383999 0.21333,0.767999 h -2.38932 q -0.128,-0.362666 -0.17067,-0.682666 -0.0427,-0.319999 -0.0427,-1.151998 v -2.730662 q 0,-1.023999 -0.34133,-1.429332 -0.32,-0.405332 -1.13067,-0.405332 h -0.81066 v 6.39999 h -2.34666 z m 3.19999,6.3999901 q 0.704,0 1.04533,-0.362666 0.36267,-0.362666 0.36267,-1.215998 V 6.9060884 q 0,-0.8106653 -0.29867,-1.1733314 -0.27733,-0.3626661 -0.896,-0.3626661 H 177.3564 V 9.636751 Z m 5.39732,-6.3999901 h 3.584 q 1.74933,0 2.62399,0.9386652 0.87467,0.9386652 0.87467,2.7519956 V 14.47941 q 0,1.81333 -0.87467,2.751995 -0.87466,0.938666 -2.62399,0.938666 h -3.584 z m 3.54133,12.7999801 q 0.576,0 0.87467,-0.341333 0.32,-0.341333 0.32,-1.109332 V 6.8207552 q 0,-0.7679987 -0.32,-1.1093315 -0.29867,-0.3413328 -0.87467,-0.3413328 h -1.19466 V 16.036741 Z m 8.53332,2.346663 q -1.70666,0 -2.60266,-0.959999 -0.896,-0.981332 -0.896,-2.794662 V 3.2367609 h 2.34667 V 14.799409 q 0,0.767999 0.29866,1.109332 0.32,0.341333 0.896,0.341333 0.576,0 0.87467,-0.341333 0.32,-0.341333 0.32,-1.109332 V 3.2367609 h 2.26133 V 14.628743 q 0,1.81333 -0.896,2.794662 -0.896,0.959999 -2.60267,0.959999 z m 5.16267,-15.1466431 h 3.54133 q 1.81333,0 2.64533,0.853332 0.83199,0.8319987 0.83199,2.5813292 v 0.5973324 q 0,1.1519985 -0.38399,1.8773305 -0.36267,0.725332 -1.13067,1.045332 v 0.04267 q 1.74933,0.597333 1.74933,3.114662 v 1.279998 q 0,1.727997 -0.91733,2.645329 -0.896,0.895999 -2.64533,0.895999 h -3.69066 z m 3.26399,6.0799901 q 0.704,0 1.04534,-0.362666 0.36266,-0.362666 0.36266,-1.2159979 V 6.9060884 q 0,-0.8106653 -0.29866,-1.1733314 -0.27734,-0.3626661 -0.896,-0.3626661 h -1.13067 V 9.316751 Z m 0.42667,6.71999 q 0.61867,0 0.91733,-0.32 0.29867,-0.341333 0.29867,-1.151998 v -1.301331 q 0,-1.023999 -0.36267,-1.407998 -0.34133,-0.405333 -1.152,-0.405333 h -1.04533 v 4.58666 z m 4.92798,-12.7999801 h 2.34666 V 18.170071 h -2.34666 z m 7.40264,15.1466431 q -1.68533,0 -2.58133,-0.959999 -0.87466,-0.959998 -0.87466,-2.709329 V 6.6927554 q 0,-1.7493305 0.87466,-2.709329 0.896,-0.9599985 2.58133,-0.9599985 1.68533,0 2.56,0.9599985 0.896,0.9599985 0.896,2.709329 V 8.27142 h -2.21867 V 6.5434223 q 0,-1.3866644 -1.17333,-1.3866644 -1.17333,0 -1.17333,1.3866644 v 8.3413207 q 0,1.365331 1.17333,1.365331 1.17333,0 1.17333,-1.365331 v -2.282664 h 2.21867 v 2.111997 q 0,1.749331 -0.896,2.709329 -0.87467,0.959999 -2.56,0.959999 z m 4.86398,-15.1466431 h 2.34666 V 9.530084 l 2.98667,-6.2933231 h 2.34666 l -2.79466,5.4826581 2.83732,9.450652 h -2.45332 l -1.984,-6.65599 -0.93867,1.898664 v 4.757326 h -2.34666 z m 10.98664,8.5759861 -2.83733,-8.5759861 h 2.496 l 1.6,5.4826581 h 0.0427 l 1.6,-5.4826581 h 2.28266 l -2.83733,8.5759861 v 6.357324 h -2.34666 z m 1.38667,-12.0319806 h 2.55999 l -2.28266,2.4533294 h -1.77066 z"
+ id="path2" />
+ <path
+ style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue'"
+ d="m 158.96744,22.267254 h 2.34666 v 6.293324 l 2.98666,-6.293324 h 2.34667 l -2.79467,5.482658 2.83733,9.450652 h -2.45333 l -1.98399,-6.655989 -0.93867,1.898663 v 4.757326 h -2.34666 z m 8.83198,0 h 3.47732 q 1.81333,0 2.64533,0.853332 0.832,0.831999 0.832,2.58133 v 0.917332 q 0,2.325329 -1.536,2.943995 v 0.04267 q 0.85334,0.255999 1.19467,1.045331 0.36266,0.789332 0.36266,2.111997 v 2.623996 q 0,0.639999 0.0427,1.045331 0.0427,0.384 0.21333,0.767999 h -2.38933 q -0.128,-0.362666 -0.17066,-0.682665 -0.0427,-0.32 -0.0427,-1.151999 v -2.730662 q 0,-1.023998 -0.34133,-1.429331 -0.32,-0.405333 -1.13067,-0.405333 h -0.81066 v 6.39999 h -2.34666 z m 3.19999,6.39999 q 0.704,0 1.04533,-0.362666 0.36267,-0.362666 0.36267,-1.215998 v -1.151998 q 0,-0.810665 -0.29867,-1.173331 -0.27733,-0.362667 -0.896,-0.362667 h -1.06666 v 4.26666 z m 7.21065,-6.39999 h 3.17866 l 2.432,14.93331 h -2.34666 l -0.42667,-2.965328 v 0.04267 h -2.66666 l -0.42667,2.922662 h -2.17599 z m 2.56,9.983985 -1.04533,-7.381322 h -0.0427 l -1.024,7.381322 z m 4.73597,5.034658 q -0.64,0 -1.088,-0.08533 v -2.13333 q 0.34134,0.08533 0.768,0.08533 0.704,0 1.04533,-0.341332 0.34134,-0.362666 0.34134,-1.087999 V 22.267254 h 2.34666 v 11.391982 q 0,1.834664 -0.85333,2.730663 -0.832,0.895998 -2.56,0.895998 z"
+ id="path3" />
+ </g>
+ </g>
+</svg>
diff --git a/majak_uistyleguide/static/images/district/logo-full-white.svg b/majak_uistyleguide/static/images/district/logo-full-white.svg
new file mode 100644
index 0000000000000000000000000000000000000000..d5ed7a332f1cf6fc31d51690f404d5584983e618
--- /dev/null
+++ b/majak_uistyleguide/static/images/district/logo-full-white.svg
@@ -0,0 +1,188 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+ width="237.9003"
+ height="40.554771"
+ viewBox="0 0 237.90029 40.554772"
+ 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.28477)"
+ 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.36531809" />
+ <g
+ aria-label="Eurovolby"
+ id="text395"
+ style="font-size:21.3333px;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, ';fill:#ffffff"
+ transform="translate(-9.9142337e-8,0.2192336)">
+ <g
+ id="text1"
+ style="fill:#ffffff"
+ aria-label="Pardubický kraj">
+ <path
+ style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';fill:#ffffff"
+ d="m 158.96712,3.2367609 h 3.45599 q 1.74933,0 2.624,0.9386652 0.87466,0.9386652 0.87466,2.7519956 V 8.399419 q 0,1.813331 -0.87466,2.751996 -0.87467,0.938665 -2.624,0.938665 h -1.10933 v 6.079991 h -2.34666 z m 3.45599,6.7199891 q 0.576,0 0.85333,-0.319999 0.29867,-0.32 0.29867,-1.087998 V 6.7780886 q 0,-0.7679987 -0.29867,-1.0879982 -0.27733,-0.3199995 -0.85333,-0.3199995 h -1.10933 V 9.95675 Z m 5.84532,-6.7199891 h 3.17867 l 2.43199,14.9333101 h -2.34666 l -0.42667,-2.965329 v 0.04267 h -2.66666 l -0.42667,2.922662 h -2.17599 z m 2.56,9.9839841 -1.04533,-7.3813215 h -0.0427 l -1.024,7.3813215 z m 4.18131,-9.9839841 h 3.47732 q 1.81333,0 2.64533,0.853332 0.832,0.8319987 0.832,2.5813292 V 7.588754 q 0,2.32533 -1.536,2.943995 v 0.04267 q 0.85334,0.256 1.19467,1.045332 0.36267,0.789332 0.36267,2.111996 v 2.623996 q 0,0.639999 0.0427,1.045332 0.0427,0.383999 0.21333,0.767999 h -2.38932 q -0.128,-0.362666 -0.17067,-0.682666 -0.0427,-0.319999 -0.0427,-1.151998 v -2.730662 q 0,-1.023999 -0.34133,-1.429332 -0.32,-0.405332 -1.13067,-0.405332 h -0.81066 v 6.39999 h -2.34666 z m 3.19999,6.3999901 q 0.704,0 1.04533,-0.362666 0.36267,-0.362666 0.36267,-1.215998 V 6.9060884 q 0,-0.8106653 -0.29867,-1.1733314 -0.27733,-0.3626661 -0.896,-0.3626661 H 177.3564 V 9.636751 Z m 5.39732,-6.3999901 h 3.584 q 1.74933,0 2.62399,0.9386652 0.87467,0.9386652 0.87467,2.7519956 V 14.47941 q 0,1.81333 -0.87467,2.751995 -0.87466,0.938666 -2.62399,0.938666 h -3.584 z m 3.54133,12.7999801 q 0.576,0 0.87467,-0.341333 0.32,-0.341333 0.32,-1.109332 V 6.8207552 q 0,-0.7679987 -0.32,-1.1093315 -0.29867,-0.3413328 -0.87467,-0.3413328 h -1.19466 V 16.036741 Z m 8.53332,2.346663 q -1.70666,0 -2.60266,-0.959999 -0.896,-0.981332 -0.896,-2.794662 V 3.2367609 h 2.34667 V 14.799409 q 0,0.767999 0.29866,1.109332 0.32,0.341333 0.896,0.341333 0.576,0 0.87467,-0.341333 0.32,-0.341333 0.32,-1.109332 V 3.2367609 h 2.26133 V 14.628743 q 0,1.81333 -0.896,2.794662 -0.896,0.959999 -2.60267,0.959999 z m 5.16267,-15.1466431 h 3.54133 q 1.81333,0 2.64533,0.853332 0.83199,0.8319987 0.83199,2.5813292 v 0.5973324 q 0,1.1519985 -0.38399,1.8773305 -0.36267,0.725332 -1.13067,1.045332 v 0.04267 q 1.74933,0.597333 1.74933,3.114662 v 1.279998 q 0,1.727997 -0.91733,2.645329 -0.896,0.895999 -2.64533,0.895999 h -3.69066 z m 3.26399,6.0799901 q 0.704,0 1.04534,-0.362666 0.36266,-0.362666 0.36266,-1.2159979 V 6.9060884 q 0,-0.8106653 -0.29866,-1.1733314 -0.27734,-0.3626661 -0.896,-0.3626661 h -1.13067 V 9.316751 Z m 0.42667,6.71999 q 0.61867,0 0.91733,-0.32 0.29867,-0.341333 0.29867,-1.151998 v -1.301331 q 0,-1.023999 -0.36267,-1.407998 -0.34133,-0.405333 -1.152,-0.405333 h -1.04533 v 4.58666 z m 4.92798,-12.7999801 h 2.34666 V 18.170071 h -2.34666 z m 7.40264,15.1466431 q -1.68533,0 -2.58133,-0.959999 -0.87466,-0.959998 -0.87466,-2.709329 V 6.6927554 q 0,-1.7493305 0.87466,-2.709329 0.896,-0.9599985 2.58133,-0.9599985 1.68533,0 2.56,0.9599985 0.896,0.9599985 0.896,2.709329 V 8.27142 h -2.21867 V 6.5434223 q 0,-1.3866644 -1.17333,-1.3866644 -1.17333,0 -1.17333,1.3866644 v 8.3413207 q 0,1.365331 1.17333,1.365331 1.17333,0 1.17333,-1.365331 v -2.282664 h 2.21867 v 2.111997 q 0,1.749331 -0.896,2.709329 -0.87467,0.959999 -2.56,0.959999 z m 4.86398,-15.1466431 h 2.34666 V 9.530084 l 2.98667,-6.2933231 h 2.34666 l -2.79466,5.4826581 2.83732,9.450652 h -2.45332 l -1.984,-6.65599 -0.93867,1.898664 v 4.757326 h -2.34666 z m 10.98664,8.5759861 -2.83733,-8.5759861 h 2.496 l 1.6,5.4826581 h 0.0427 l 1.6,-5.4826581 h 2.28266 l -2.83733,8.5759861 v 6.357324 h -2.34666 z m 1.38667,-12.0319806 h 2.55999 l -2.28266,2.4533294 h -1.77066 z"
+ id="path2" />
+ <path
+ style="font-family:'Bebas Neue';-inkscape-font-specification:'Bebas Neue';fill:#ffffff"
+ d="m 158.96744,22.267254 h 2.34666 v 6.293324 l 2.98666,-6.293324 h 2.34667 l -2.79467,5.482658 2.83733,9.450652 h -2.45333 l -1.98399,-6.655989 -0.93867,1.898663 v 4.757326 h -2.34666 z m 8.83198,0 h 3.47732 q 1.81333,0 2.64533,0.853332 0.832,0.831999 0.832,2.58133 v 0.917332 q 0,2.325329 -1.536,2.943995 v 0.04267 q 0.85334,0.255999 1.19467,1.045331 0.36266,0.789332 0.36266,2.111997 v 2.623996 q 0,0.639999 0.0427,1.045331 0.0427,0.384 0.21333,0.767999 h -2.38933 q -0.128,-0.362666 -0.17066,-0.682665 -0.0427,-0.32 -0.0427,-1.151999 v -2.730662 q 0,-1.023998 -0.34133,-1.429331 -0.32,-0.405333 -1.13067,-0.405333 h -0.81066 v 6.39999 h -2.34666 z m 3.19999,6.39999 q 0.704,0 1.04533,-0.362666 0.36267,-0.362666 0.36267,-1.215998 v -1.151998 q 0,-0.810665 -0.29867,-1.173331 -0.27733,-0.362667 -0.896,-0.362667 h -1.06666 v 4.26666 z m 7.21065,-6.39999 h 3.17866 l 2.432,14.93331 h -2.34666 l -0.42667,-2.965328 v 0.04267 h -2.66666 l -0.42667,2.922662 h -2.17599 z m 2.56,9.983985 -1.04533,-7.381322 h -0.0427 l -1.024,7.381322 z m 4.73597,5.034658 q -0.64,0 -1.088,-0.08533 v -2.13333 q 0.34134,0.08533 0.768,0.08533 0.704,0 1.04533,-0.341332 0.34134,-0.362666 0.34134,-1.087999 V 22.267254 h 2.34666 v 11.391982 q 0,1.834664 -0.85333,2.730663 -0.832,0.895998 -2.56,0.895998 z"
+ id="path3" />
+ </g>
+ </g>
+</svg>
diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
index 67c4139f321d46c1f277da53f9964ef82ed0dc59..b1437bfd90ffc4f078ed999bd6cfcc5fad51cef4 100644
--- a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
+++ b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html
@@ -13,7 +13,9 @@
preload="metadata"
poster="{{ mobile_background_image }}"
>
- <source src="{{ mobile_background_video }}">
+ {% if mobile_background_video %}
+ <source src="{{ mobile_background_video }}">
+ {% endif %}
</video>
<video
@@ -28,7 +30,9 @@
preload="metadata"
poster="{{ desktop_background_image }}"
>
- <source src="{{ desktop_background_video }}">
+ {% if desktop_background_video %}
+ <source src="{{ desktop_background_video }}">
+ {% endif %}
</video>
<div class="header-carousel--text-wrapper" style="box-sizing: border-box">
diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
new file mode 100644
index 0000000000000000000000000000000000000000..23316967df343f67cad5f0bdc8a90325394b61ae
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.html
@@ -0,0 +1 @@
+{% extends 'patterns/molecules/menus/carousel.html' %}
diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.yaml b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..ee68d0bd276b8f463e26de09c584d26ddf0588d6
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/molecules/menus/district/carousel.yaml
@@ -0,0 +1,15 @@
+context:
+ mobile_label_first: 'Pardubický perník'
+ mobile_label_second: 'bez přidaného'
+ mobile_label_third: 'ketaminu'
+
+ desktop_label_first: 'Pardubický perník'
+ desktop_label_second: 'bez přidaného ketaminu'
+
+ button_text: 'Více informací'
+
+ desktop_background_video: ''
+ desktop_background_image: '../../../../../../static/images/background-images/district/carousel_desktop_bg.jpg'
+
+ mobile_background_video: ''
+ mobile_background_image: '../../../../../../static/images/background-images/district/carousel_mobile_bg.jpg'
diff --git a/majak_uistyleguide/templates/patterns/organisms/articles/articles_section.html b/majak_uistyleguide/templates/patterns/organisms/articles/articles_section.html
index 9a9b363f96f2a3dac7c1d00d463e8ac00ec284c4..949632ab9a15377296057e5e0f4a20340c647960 100644
--- a/majak_uistyleguide/templates/patterns/organisms/articles/articles_section.html
+++ b/majak_uistyleguide/templates/patterns/organisms/articles/articles_section.html
@@ -24,7 +24,7 @@
</h2>
{% if description %}
- <p class="max-w-[350px] text-xl">
+ <p class="{% block description_classes %}max-w-[350px] text-xl{% endblock %}">
{{ description }}
</p>
{% endif %}
diff --git a/majak_uistyleguide/templates/patterns/organisms/articles/district/articles_section.html b/majak_uistyleguide/templates/patterns/organisms/articles/district/articles_section.html
new file mode 100644
index 0000000000000000000000000000000000000000..e6f619a20fe0208bf2edf2c0c4a1f96993e25540
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/articles/district/articles_section.html
@@ -0,0 +1,3 @@
+{% extends 'patterns/organisms/articles/articles_section.html' %}
+
+{% block description_classes %}max-w-[400px] text-xl{% endblock %}
diff --git a/majak_uistyleguide/templates/patterns/organisms/articles/district/articles_section.yaml b/majak_uistyleguide/templates/patterns/organisms/articles/district/articles_section.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..1ceca846d283943c0a4589229620d10ee2884eab
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/articles/district/articles_section.yaml
@@ -0,0 +1,4 @@
+context:
+ title: 'Aktuality'
+ description: 'Zde se dozvíte o všech důležitých zprávách z dění kolem Pirátů v Parubickém kraji. Zobrazte si více článků a vyhledávejte konkrétní zprávy nebo zvolte téma, které vás zajímá nejvíce.'
+ button_text: "Více článků"
diff --git a/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.html b/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.html
index 9f4dc7bd41a0e8388d01ce2a52f92f6c1ce25ed8..6c25087531497593a4c3cd8a49b0659717f62f8d 100644
--- a/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.html
+++ b/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.html
@@ -1,23 +1,11 @@
<div class="flex justify-center">
<div class="container--wide w-full">
<div class="flex flex-col gap-8 mb-16">
-
- <div class="text-center">
- <h2 class="head-9xl">{{ month_1 }}</h2>
- </div>
-
- <div class="grid grid-cols-1 md:grid-cols-2 gap-12 lg:mb-6">
+ <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
{% include 'patterns/molecules/articles/article_timeline_preview.html' %}
{% include 'patterns/molecules/articles/article_timeline_preview.html' %}
{% include 'patterns/molecules/articles/article_timeline_preview.html' %}
{% include 'patterns/molecules/articles/article_timeline_preview.html' %}
- </div>
-
- <div class="text-center">
- <h2 class="head-9xl">{{ month_1 }}</h2>
- </div>
-
- <div class="grid grid-cols-1 md:grid-cols-2 gap-12">
{% include 'patterns/molecules/articles/article_timeline_preview.html' %}
{% include 'patterns/molecules/articles/article_timeline_preview.html' %}
{% include 'patterns/molecules/articles/article_timeline_preview.html' %}
diff --git a/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.yaml b/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.yaml
index c6ba08169c9013108fdf2433aacb79e8a06e4849..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644
--- a/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.yaml
+++ b/majak_uistyleguide/templates/patterns/organisms/articles/main_articles_timeline.yaml
@@ -1,2 +0,0 @@
-context:
- month_1: 'Červenec'
diff --git a/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.html b/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..8a02bb72e49a32ada7b173aff62d857ec38ff8fa
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.html
@@ -0,0 +1,56 @@
+<div class="bg-grey-180">
+ <ul class="candidate-secondary-list pt-14 pb-16">
+ <div class="container--wide">
+ <h2 class="head-7xl mb-3">{{ heading }}</h2>
+ </div>
+
+ {% for candidate in candidates %}
+ <li class="candidate-secondary-box container--wide">
+ <a
+ href="{{ candidate.url }}"
+ class="
+ py-2 flex gap-6 items-center underline-offset-2
+ "
+ >
+ <div class="font-bold text-xl w-8">
+ {{ candidate.number }}
+ </div>
+
+ <div
+ class="
+ flex font-bold justify-center items-center rounded-full
+ "
+ >
+ <img
+ class="w-12 object-cover"
+ src="{{ candidate.image_source }}"
+ >
+ </div>
+
+ <h4
+ class="text-xl font-bold w-64"
+ >{{ candidate.name }}</h4>
+
+ {% if candidate.position %}
+ <p class="ml-6">
+ {{ candidate.position }}
+ </p>
+ {% endif %}
+
+ {% if candidate.party_membership %}
+ <div class="ml-auto font-bold flex items-center gap-1">
+ {% if candidate.party_membership == "Pirátská strana" %}
+ <img
+ class="w-8"
+ src="../../../../../static/images/logo-round-black.svg"
+ >
+ {% endif %}
+
+ {{ candidate.party_membership }}
+ </div>
+ {% endif %}
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
+</div>
diff --git a/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.yaml b/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..42a45a5461beea18f8a057fd48a64b1e6e418e02
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/candidates/district/candidate_secondary_list.yaml
@@ -0,0 +1,87 @@
+context:
+ heading: 'Další kandidáti'
+ candidates:
+ -
+ number: '1'
+ name: 'Pepa Bohoušů'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '35 let, programátor automatizovaných výrobních linek, Slatiňany'
+ party_membership: 'Pirátská strana'
+ -
+ number: '2'
+ name: 'Jana Nováková'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '42 let, učitelka matematiky, Praha'
+ party_membership: 'Pirátská strana'
+ -
+ number: '3'
+ name: 'Tomáš Kovařík'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '39 let, inženýr v obnovitelných zdrojích energie, Brno'
+ party_membership: 'Pirátská strana'
+ -
+ number: '4'
+ name: 'Eva Malá'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '29 let, novinářka, Ostrava'
+ party_membership: 'bez příslušnosti'
+ -
+ number: '5'
+ name: 'Lukáš Novotný'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '38 let, podnikatel v oblasti IT, Plzeň'
+ party_membership: 'Pirátská strana'
+ -
+ number: '6'
+ name: 'Petra Dvořáková'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '45 let, lékařka, Liberec'
+ party_membership: 'Pirátská strana'
+ -
+ number: '7'
+ name: 'Martin Vacek'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '33 let, architekt, Olomouc'
+ party_membership: 'Pirátská strana'
+ -
+ number: '8'
+ name: 'Pepa Bohoušů'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '35 let, programátor automatizovaných výrobních linek, Slatiňany'
+ party_membership: 'bez příslušnosti'
+ -
+ number: '9'
+ name: 'Jana Nováková'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '42 let, učitelka matematiky, Praha'
+ party_membership: 'Pirátská strana'
+ -
+ number: '10'
+ name: 'Tomáš Kovařík'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '39 let, inženýr v obnovitelných zdrojích energie, Brno'
+ party_membership: 'bez příslušnosti'
+ -
+ number: '11'
+ name: 'Eva Malá'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '29 let, novinářka, Ostrava'
+ party_membership: 'Pirátská strana'
+ -
+ number: '12'
+ name: 'Lukáš Novotný'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '38 let, podnikatel v oblasti IT, Plzeň'
+ party_membership: 'bez příslušnosti'
+ -
+ number: '13'
+ name: 'Petra Dvořáková'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '45 let, lékařka, Liberec'
+ party_membership: 'Pirátská strana'
+ -
+ number: '14'
+ name: 'Martin Vacek'
+ image_source: '../../../../../static/images/mikulas-inverse-arrow.png'
+ position: '33 let, architekt, Olomouc'
+ party_membership: 'bez příslušnosti'
diff --git a/majak_uistyleguide/templates/patterns/organisms/header/district/elections_header.html b/majak_uistyleguide/templates/patterns/organisms/header/district/elections_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..096578bb9849b7fbe20cbad2cef2325e00559340
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/header/district/elections_header.html
@@ -0,0 +1,9 @@
+{% extends 'patterns/organisms/header/simple_header_with_ui_switch.html' %}
+
+{% block classes %}
+ bg-black flex items-center w-full pt-28 pb-8
+
+ xl:pt-48 xl:pb-24
+
+ {% block extra_classes %}{% endblock %}
+{% endblock %}
diff --git a/majak_uistyleguide/templates/patterns/organisms/header/district/people_header.html b/majak_uistyleguide/templates/patterns/organisms/header/district/people_header.html
new file mode 100644
index 0000000000000000000000000000000000000000..323a7c2dbeec2f61b3769599a936944a82720baf
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/header/district/people_header.html
@@ -0,0 +1 @@
+{% extends 'patterns/organisms/header/people_header.html' %}
diff --git a/majak_uistyleguide/templates/patterns/organisms/header/district/people_header.yaml b/majak_uistyleguide/templates/patterns/organisms/header/district/people_header.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..58278dec332c03fdcddc4383388aeb1d74cd097b
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/header/district/people_header.yaml
@@ -0,0 +1,16 @@
+context:
+ title: 'Lidé'
+ description_column_1: '
+ Laudantium maiores quia laudantium quia dolorum ea. Nihil facere consequatur veniam quia dolorem et dolorum. Consequuntur esse repudiandae aut quibusdam omnis maiores. Soluta repudiandae natus iure corporis quod esse non. Quis eum impedit ab aut nihil velit nihil aut. Repellat omnis numquam facilis vel et fugit ut.
+ <br>
+ <br>
+ Sit esse temporibus in harum et. Dolorem ut eum et similique quia. Ut nemo recusandae eum id ducimus nulla.
+ '
+ description_column_2: '
+ In maxime vero placeat excepturi sapiente. Incidunt magnam sit et est. Tenetur id odio dolorum sunt a animi doloremque. Non et ad aspernatur sit. Ipsam voluptatibus dolor sed eum. Molestiae recusandae alias atque. Aut qui in minus qui est officia ea ut. Suscipit eum nisi voluptatem sint id sunt. Facere animi aut animi dolorum. Repellat eveniet distinctio quaerat ad. Voluptas magnam quasi eaque dolorum voluptates natus.
+ '
+ choice_1: 'Předsednictvo'
+ choice_2: 'Krajští zastupitelé'
+ choice_3: 'Předsedové místních sdružení'
+ choice_4: 'Členové krajského sdružení'
+ choice_5: 'Expertní týmy'
diff --git a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html
new file mode 100644
index 0000000000000000000000000000000000000000..67f8d6dbe02e076da95cddf6fd9a731f75d7fd5a
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.html
@@ -0,0 +1,6 @@
+{% extends 'patterns/organisms/layout/navbar.html' %}
+
+{% block navbar_logo_images %}
+ <img class="navbar__logo--white w-[200px] lg:w-[250px]" src="{{ white_logo_image_url }}" alt="">
+ <img class="navbar__logo--black w-[200px] lg:w-[250px]" src="{{ black_logo_image_url }}" alt="">
+{% endblock %}
diff --git a/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.yaml b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..ccd72e7dc3b0fb52c7ce8600e9a766ff301c2c42
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/layout/district/navbar.yaml
@@ -0,0 +1,59 @@
+context:
+ menu_button: 'Zapojte se'
+ logo_url: '#'
+
+ additional_buttons:
+ -
+ name: 'Nalodění'
+ url: '#'
+ -
+ name: 'Dary'
+ url: '#'
+ -
+ name: 'E-shop'
+ url: '#'
+
+ has_background: false
+
+ menu_items:
+ -
+ name: 'Aktuality'
+ url: '#'
+ -
+ name: 'Lidé'
+ url: '#'
+ -
+ name: 'Místní sdružení'
+ url: '#'
+ -
+ name: 'Kontakt'
+ url: '#'
+
+ important_item: 'Krajské volby'
+ important_item_url: 'https://example.com'
+
+ social_media_links:
+ -
+ icon: 'ico--facebook'
+ url: '#'
+ -
+ icon: 'ico--instagram'
+ url: '#'
+ -
+ icon: 'ico--twitter'
+ url: '#'
+ -
+ icon: 'ico--youtube'
+ url: '#'
+ -
+ icon: 'ico--flickr'
+ url: '#'
+ -
+ icon: 'ico--envelope'
+ url: '#'
+ -
+ icon: 'ico--feed'
+ url: '#'
+
+ white_logo_image_url: '../../../../../../static/images/district/logo-full-white.svg'
+ black_logo_image_url: '../../../../../../static/images/district/logo-full-black.svg'
diff --git a/majak_uistyleguide/templates/patterns/organisms/layout/navbar.html b/majak_uistyleguide/templates/patterns/organisms/layout/navbar.html
index b8452ddbc509c9a1aa47c8e2a4353d616401f7dd..84ce6776c2a912c2ae993141cb83ae4c0d195c08 100644
--- a/majak_uistyleguide/templates/patterns/organisms/layout/navbar.html
+++ b/majak_uistyleguide/templates/patterns/organisms/layout/navbar.html
@@ -54,7 +54,7 @@
class="__js-root flex gap-1 items-center decoration-1 underline-offset-4 {% if selected_item == important_item %}navbar__menu-item--selected{% endif %}"
>
<div class="mb-1">
- {% if not is_transparent %}
+ {% if not is_transparent or is_on_dark_background %}
{% include 'patterns/atoms/icons/arrow.html' with width='27' height='28.35' fill='#fff' %}
{% else %}
<ui-animated-arrow
diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/district/calendar.html b/majak_uistyleguide/templates/patterns/organisms/main_section/district/calendar.html
new file mode 100644
index 0000000000000000000000000000000000000000..42c73eced2bbc255db40efbfc1f2793339ff4325
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/district/calendar.html
@@ -0,0 +1,13 @@
+<div class="py-24">
+ <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/district/calendar.yaml b/majak_uistyleguide/templates/patterns/organisms/main_section/district/calendar.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..762502a3e32eb3808dd29ee894605edf627385a8
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/district/calendar.yaml
@@ -0,0 +1,7 @@
+context:
+ title: 'Kalendář'
+ 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/organisms/main_section/district/elections.html b/majak_uistyleguide/templates/patterns/organisms/main_section/district/elections.html
new file mode 100644
index 0000000000000000000000000000000000000000..fd1bc2eac46460bb5c3fd9cd5a28edcbf118fa6b
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/district/elections.html
@@ -0,0 +1,28 @@
+<div class="bg-pirati-yellow text-black py-24">
+ <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-col flex-wrap mb-12">
+ <div class="flex gap-4 font-alt items-center">
+ <div class="text-6xl flex items-center gap-2">
+ {% include 'patterns/atoms/icons/arrow.html' with width="66.6" height="70" fill="#000" %}
+
+ <div class="leading-none mt-2">
+ Aktuálně zbývá
+ </div>
+ </div>
+ <div class="p-4 text-6xl bg-black text-white">
+ <div class="leading-none mt-2">
+ 6 dní, 4 hodiny, 21 sekund
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="flex gap-4">
+ {% include 'patterns/atoms/buttons/round_button.html' with classes='inline-block bg-black text-white' button_text=button_program_text %}
+
+ {% include 'patterns/atoms/buttons/round_button.html' with classes='inline-block bg-black text-white' button_text=button_candidates_text %}
+ </div>
+ </div>
+</div>
diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/district/elections.yaml b/majak_uistyleguide/templates/patterns/organisms/main_section/district/elections.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..b5eeee46672b9946bb7713668cb4dab8a9a3755f
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/district/elections.yaml
@@ -0,0 +1,4 @@
+context:
+ title: 'Krajské volby'
+ button_program_text: 'Zobrazit program'
+ button_candidates_text: 'Zobrazit kandidáty'
diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/district/representatives_section.html b/majak_uistyleguide/templates/patterns/organisms/main_section/district/representatives_section.html
new file mode 100644
index 0000000000000000000000000000000000000000..49c766b9226854c3cafd4452096b589b87f8eba8
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/district/representatives_section.html
@@ -0,0 +1,3 @@
+{% extends 'patterns/organisms/main_section/representatives_section.html' %}
+
+{% block wrapper_classes %}bg-black text-white pt-16{% endblock %}
diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/district/representatives_section.yaml b/majak_uistyleguide/templates/patterns/organisms/main_section/district/representatives_section.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..82eae6c698965f599a6f38dba455e9b75f641f51
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/district/representatives_section.yaml
@@ -0,0 +1,5 @@
+context:
+ first_line: 'Lidé v našem'
+ second_line: 'kraji'
+ representative_section_desc: 'V Pardubickém kraji jsou Piráti aktivní ve všech klíčových oblastech. Na komunální úrovni zlepšují infrastrukturu, ekonomiku a ochranu životního prostředí. V kraji hospodaří efektivně, podporují podnikání a zdravotní péči. Ve sněmovně a EP hájí zájmy kraje. Staví na transparentnosti, participaci občanů a rozhodování na základě dat. Lorem ipsum dolor sit amet.'
+ button_text: 'Další lidé'
diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.html b/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.html
index 9e06b4228cdf9e3dcc694a59bcb4dfdf1fe7935a..e7d05567817534da58159e3522016dc8d49816b3 100644
--- a/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.html
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.html
@@ -1,4 +1,4 @@
-<div class="bg-black text-white">
+<div class="{% block wrapper_classes %}bg-black text-white{% endblock %}">
<div class="container--medium __js-root">
<!-- NOTE: This will change once europarl section exists. py-16 xl:py-24 -->
diff --git a/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.yaml b/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.yaml
index 5c21bbf0ace5130657d5dde45aac366003034be5..e5b6869a4432e7b59cf416e3ce0287ee21f2d55a 100644
--- a/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.yaml
+++ b/majak_uistyleguide/templates/patterns/organisms/main_section/representatives_section.yaml
@@ -1,5 +1,5 @@
context:
first_line: 'Piráti zastupují'
second_line: 'občany'
- description: 'Piráti dnes vystupují ve všech patrech politiky a pokrývají veškerá politická a společenská témata. Jsou stranou liberálního středu, kladou důraz na diskusi, transparentnost a rozhodování na základě dat a informací. Piráti zastupují občany ČR na všech úrovních politiky. Na komunální úrovni působí od roku 2014, v krajských zastupitelstvech od roku 2016. Ve druhém volebním období působí v Poslanecké sněmovně a od roku 2018 hájí Piráti ČR v Evropském parlamentu.'
+ representative_section_desc: 'Piráti dnes vystupují ve všech patrech politiky a pokrývají veškerá politická a společenská témata. Jsou stranou liberálního středu, kladou důraz na diskusi, transparentnost a rozhodování na základě dat a informací. Piráti zastupují občany ČR na všech úrovních politiky. Na komunální úrovni působí od roku 2014, v krajských zastupitelstvech od roku 2016. Ve druhém volebním období působí v Poslanecké sněmovně a od roku 2018 hájí Piráti ČR v Evropském parlamentu.'
button_text: 'Další lidé'
diff --git a/majak_uistyleguide/templates/patterns/organisms/popouts/district/program_popout_list.html b/majak_uistyleguide/templates/patterns/organisms/popouts/district/program_popout_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..0ca87d435ad49e4615e71a923cd9cff391b66316
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/popouts/district/program_popout_list.html
@@ -0,0 +1,60 @@
+<ul class="flex flex-col gap-6">
+ {% for category in categories %}
+ <li class="grow">
+ <div
+ class="
+ flex gap-2 bg-grey-150 flex-col justify-between p-5
+
+ lg:flex-row lg:items-center lg:mb-3
+ "
+ >
+ <div class="flex gap-3 items-center">
+ <i class="text-2xl {{ category.icon }}"></i>
+ <h2
+ class="
+ font-alt text-2xl leading-none mt-1
+
+ lg:mt-0
+ "
+ >{{ category.name }}</h2>
+ </div>
+
+ {% if category.guarantor %}
+ <a
+ class="
+ text-grey-250 duration-200 flex gap-3 items-center group
+
+ hover:text-black hover:no-underline
+ "
+ href="{{ category.guarantor.url }}"
+ >
+ <div class="flex flex-nowrap gap-1">
+ <div>
+ Garant bodu:
+ </div>
+ <strong>
+ <div
+ class="underline"
+ >{{ category.guarantor.name }}</div>
+ </strong>
+ </div>
+
+ <img
+ class="
+ rounded-full w-8 opacity-50 duration-200 hidden
+
+ group-hover:opacity-100 lg:block
+ "
+ alt="Profilový obrázek {{ category.guarantor.name }}"
+ src="{{ category.guarantor.image_source }}"
+ >
+ </a>
+ {% endif %}
+ </div>
+
+ {% for point in category.points %}
+ {% include 'patterns/molecules/popouts/popout_point.html' with name=point.name text=point.content %}
+ {% endfor %}
+ </li>
+ {% endfor %}
+</ul>
diff --git a/majak_uistyleguide/templates/patterns/organisms/popouts/district/program_popout_list.yaml b/majak_uistyleguide/templates/patterns/organisms/popouts/district/program_popout_list.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..bb66099aa1b39e7dba4f6aa6574798262a17b5e8
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/organisms/popouts/district/program_popout_list.yaml
@@ -0,0 +1,128 @@
+context:
+ categories:
+ -
+ name: 'Životní prostředí'
+ icon: 'ico--globe'
+ guarantor:
+ name: 'Josef Hovězí'
+ image_source: 'https://randomuser.me/api/portraits/men/10.jpg'
+ url: '#'
+ points:
+ -
+ name: 'Čerstvý vzduch v lese i ve městě'
+ content: '
+ Stavíme se proti výjimkám pro znečišťovatele ovzduší, byť chápeme, že za samotné zdroje zatím nemáme adekvátní náhradu.
+ <br>
+ Podporujeme veřejnou dopravu nezávislou na fosilních palivech.
+ <br>
+ Podporujeme výstavbu nové železniční sítě včetně vysokorychlostní železnice. Neopomeneme ani modernizaci stávající železniční sítě.
+ '
+ -
+ name: 'Čistý, živý, obnovitelný kraj'
+ content: '
+ Podporujeme projekty vedoucí k minimalizaci odpadů v našem kraji.
+ <br>
+ Podporujeme zpracovatele druhotných surovin.
+ <br>
+ Vyčistíme řeky, lesy, či příkopy od odpadu.
+ <br>
+ Podporujeme obce i občany při budování mezí a sázení stromořadí a vrátíme do krajiny ovocné stromy.
+ <br>
+ Podporujeme obnovu krajinné mozaiky a tím i návrat hmyzu a drobných obratlovců.
+ <br>
+ Podpoříme obnovu brownfieldů a omezení výstavby „na zelené louce“.
+ '
+ -
+ name: 'Pardubický kraj, krajina vody'
+ content: '
+ Důrazně odmítáme projekt vodního koridoru Dunaj-Odra-Labe – především díky nedostatku vody obecně.
+ <br>
+ Budeme prosazovat obnovu a revitalizací meandrů, rybníků, poldrů, či lužních lesů namísto umělých vodních nádrží podpoříme retenční schopnost krajině přirozenou cestou.
+ <br>
+ Zasadíme se o efektivnější využití dešťové vody a ochranu vody pitné.
+ <br>
+ Na základě zkušeností z modelu Zdoňov vytvoříme dostatek nových drobných vodních prvků, které nám do budoucna významně pomohou v boji se suchem.
+ '
+ -
+ name: 'Spoluúčast a informovanost při řešení problémů životního prostředí'
+ content: '
+ Vytvoříme platformu, díky které bude moci každý občan sdělit, co ho v oblasti životního prostředí trápí a budeme hledat řešení těchto problémů.
+ <br>
+ Náš expertní tým bude pořádat diskuze s občany a sbírat jejich prostřednictvím nové podněty.
+ <br>
+ Budeme iniciovat participační projekty, aby krajské zastupitelstvo táhlo s občany za jeden provaz a řešilo jejich nejpalčivější problémy.
+ <br>
+ Budeme prosazovat vznik poradního orgánu složeného z odborníků, který pomůže hledat řešení problémů životního prostředí
+ '
+ -
+ name: 'Zdravotnictví'
+ icon: 'ico--donation-full'
+ guarantor:
+ name: 'Tomáš Vepřový'
+ image_source: 'https://randomuser.me/api/portraits/men/11.jpg'
+ url: '#'
+ points:
+ -
+ name: 'Podpora personálu a stratifikace nemocnic'
+ -
+ name: 'Dostupná péče v regionu'
+ -
+ name: 'Zvýšení propojení a informovanost občanů'
+ -
+ name: 'Doprava'
+ icon: 'ico--train'
+ guarantor:
+ name: 'Adam Kotleta'
+ image_source: 'https://randomuser.me/api/portraits/men/12.jpg'
+ url: '#'
+ points:
+ -
+ name: 'Zajistíme kvalitní regionální dopravu'
+ -
+ name: 'Prosadíme kvalitní a bezpečnou infrastrukturu komunikací'
+ -
+ name: 'Myslíme na budoucnost, podpoříme elektromobilitu, snížíme uhlíkovou stopu'
+ -
+ name: 'Životní prostředí'
+ icon: 'ico--globe'
+ guarantor:
+ name: 'Josef Hovězí'
+ image_source: 'https://randomuser.me/api/portraits/men/10.jpg'
+ url: '#'
+ points:
+ -
+ name: 'Čerstvý vzduch v lese i ve městě'
+ -
+ name: 'Čistý, živý, obnovitelný kraj'
+ -
+ name: 'Pardubický kraj, krajina vody'
+ -
+ name: 'Spoluúčast a informovanost při řešení problémů životního prostředí'
+ -
+ name: 'Zdravotnictví'
+ icon: 'ico--donation-full'
+ guarantor:
+ name: 'Tomáš Vepřový'
+ image_source: 'https://randomuser.me/api/portraits/men/11.jpg'
+ url: '#'
+ points:
+ -
+ name: 'Podpora personálu a stratifikace nemocnic'
+ -
+ name: 'Dostupná péče v regionu'
+ -
+ name: 'Zvýšení propojení a informovanost občanů'
+ -
+ name: 'Doprava'
+ icon: 'ico--train'
+ guarantor:
+ name: 'Adam Kotleta'
+ image_source: 'https://randomuser.me/api/portraits/men/12.jpg'
+ url: '#'
+ points:
+ -
+ name: 'Zajistíme kvalitní regionální dopravu'
+ -
+ name: 'Prosadíme kvalitní a bezpečnou infrastrukturu komunikací'
+ -
+ name: 'Myslíme na budoucnost, podpoříme elektromobilitu, snížíme uhlíkovou stopu'
diff --git a/majak_uistyleguide/templates/patterns/templates/district/article/article_detail.html b/majak_uistyleguide/templates/patterns/templates/district/article/article_detail.html
new file mode 100644
index 0000000000000000000000000000000000000000..d393189b264f8beef886c6900c090bfe382f4aac
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/article/article_detail.html
@@ -0,0 +1,16 @@
+{% include 'patterns/organisms/layout/district/navbar.html' with selected_item='Aktuality' %}
+{% include 'patterns/organisms/header/article_header.html' with second_link=None %}
+
+<main role="main" class="mb-10 xl:mb-32">
+ <div class="container--wide flex flex-col">
+ {% include 'patterns/molecules/articles/article_richtext_content_with_image.html' %}
+ {% include 'patterns/molecules/blocks/download_block.html' %}
+
+ <div class="flex justify-start">
+ {% include 'patterns/atoms/buttons/round_button.html' with button_text='Zpět na aktuality' %}
+ </div>
+ </div>
+</main>
+
+{% include 'patterns/organisms/main_section/newsletter_section.html' %}
+{% include 'patterns/organisms/layout/footer.html' %}
diff --git a/majak_uistyleguide/templates/patterns/templates/district/article/article_list.html b/majak_uistyleguide/templates/patterns/templates/district/article/article_list.html
new file mode 100644
index 0000000000000000000000000000000000000000..7a744530d7dd68775ceedb5e8c02b1282bd58915
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/article/article_list.html
@@ -0,0 +1,9 @@
+{% include 'patterns/organisms/layout/district/navbar.html' with selected_item='Aktuality' %}
+{% include 'patterns/organisms/header/articles_header.html' %}
+
+<main role="main">
+ {% include 'patterns/organisms/articles/main_articles_timeline.html' %}
+</main>
+
+{% include 'patterns/organisms/main_section/newsletter_section.html' %}
+{% include 'patterns/organisms/layout/footer.html' %}
diff --git a/majak_uistyleguide/templates/patterns/templates/district/article/article_list.yaml b/majak_uistyleguide/templates/patterns/templates/district/article/article_list.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..14519d3f343461d3c8c20b8b72631a49cb7feab5
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/article/article_list.yaml
@@ -0,0 +1,3 @@
+context:
+ how_we_works_topic_1: 'Poslanecká sněmovna'
+ how_we_works_topic_2: 'Vláda'
diff --git a/majak_uistyleguide/templates/patterns/templates/district/elections/elections.html b/majak_uistyleguide/templates/patterns/templates/district/elections/elections.html
new file mode 100644
index 0000000000000000000000000000000000000000..19a68d6d92320f7a51d54ea7719cf09663c5d3ac
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/elections/elections.html
@@ -0,0 +1,35 @@
+{% include 'patterns/organisms/layout/district/navbar.html' with selected_item='Krajské volby' %}
+
+<div class="__js-root">
+ <ui-view-provider
+ :initial="{view1: true, view2: false}" :sync-location="true"
+ v-slot="{ isCurrentView, toggleView }"
+ >
+ {% include 'patterns/organisms/header/district/elections_header.html' with ui_switch_iterable=ui_switch_iterable title=title %}
+
+ <main role="main">
+ <template v-if="isCurrentView('view1')">
+ {% include 'patterns/organisms/candidates/elections/candidate_primary_list.html' with id='kandidati' %}
+ {% include "patterns/organisms/candidates/district/candidate_secondary_list.html" %}
+ </template>
+ <template v-if="isCurrentView('view2')">
+ <div class="container--wide my-20">
+ <div class="prose max-w-screen-lg mb-14">
+ <p>
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sed felis sed lacus sollicitudin pharetra. Phasellus sollicitudin consectetur rutrum. Donec dapibus imperdiet libero, ac bibendum ex volutpat mattis. Fusce laoreet mauris at ligula fermentum, id eleifend sem molestie. Suspendisse sed ante cursus, ornare magna at, mollis erat. Ut lobortis vitae tortor nec aliquam. Duis ut fringilla tortor, commodo efficitur nisi. Mauris dignissim sem quis urna faucibus, eget blandit enim tristique. Donec in nisl congue, semper quam id, mattis mauris. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec finibus in leo sed porta. Nunc dictum eros est, eget vestibulum magna molestie molestie. Fusce vel dolor odio. Etiam ligula erat, sollicitudin ut purus in, molestie varius est.
+ </p>
+
+ <p>
+ Aliquam erat volutpat. Phasellus nisl urna, dignissim quis nisl eget, congue tempus justo. Sed id consequat ante. Nam a felis eu est volutpat viverra eu non leo. Phasellus eleifend est orci, vel imperdiet sem sollicitudin sollicitudin. Cras arcu mi, feugiat sit amet orci a, gravida bibendum sapien. Mauris quis sagittis nunc. Nulla non justo luctus, lobortis justo eu, lacinia mi. Nulla ipsum erat, tincidunt vitae nisl in, rhoncus sagittis libero. Vivamus mollis est libero, nec sollicitudin purus ultrices in. Aenean id eros nulla.
+ </p>
+ </div>
+
+ {% include 'patterns/organisms/popouts/district/program_popout_list.html' %}
+ </div>
+ </template>
+ </main>
+ </ui-view-provider>
+</div>
+
+{% include 'patterns/organisms/main_section/newsletter_section.html' %}
+{% include 'patterns/organisms/layout/footer.html' %}
diff --git a/majak_uistyleguide/templates/patterns/templates/district/elections/elections.yaml b/majak_uistyleguide/templates/patterns/templates/district/elections/elections.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..d3ab012e8655830c93a585346cddd4ff71a550ab
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/elections/elections.yaml
@@ -0,0 +1,7 @@
+context:
+ title: 'Krajské volby 2024'
+ ui_switch_iterable:
+ -
+ name: 'Kandidáti'
+ -
+ name: 'Program'
diff --git a/majak_uistyleguide/templates/patterns/templates/district/homepage/homepage.html b/majak_uistyleguide/templates/patterns/templates/district/homepage/homepage.html
new file mode 100644
index 0000000000000000000000000000000000000000..6c9f3a606f88f6d50c4157eeb2d682b3a2611eeb
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/homepage/homepage.html
@@ -0,0 +1,17 @@
+{% include 'patterns/organisms/layout/district/navbar.html' with is_transparent=True %}
+
+<main role="main">
+ {% include 'patterns/molecules/menus/district/carousel.html' %}
+
+ {% include 'patterns/organisms/articles/district/articles_section.html' %}
+
+ {% include 'patterns/organisms/main_section/district/elections.html' %}
+
+ {% include 'patterns/organisms/main_section/district/representatives_section.html' %}
+
+ {% include 'patterns/organisms/main_section/district/calendar.html' %}
+
+ {% include 'patterns/organisms/main_section/newsletter_section.html' %}
+</main>
+
+{% include 'patterns/organisms/layout/footer.html' %}
diff --git a/majak_uistyleguide/templates/patterns/templates/district/people/people.html b/majak_uistyleguide/templates/patterns/templates/district/people/people.html
new file mode 100644
index 0000000000000000000000000000000000000000..f9744e391646cbe54c84a4b007746ca85d1560ec
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/people/people.html
@@ -0,0 +1,57 @@
+{% include 'patterns/organisms/layout/district/navbar.html' with selected_item='Kdo jsme' %}
+
+<div class="__js-root">
+ <ui-view-provider
+ :initial="{candidates: true, program: false, other1: false, other2: false}" :sync-location="true"
+ v-slot="{ isCurrentView, toggleView }"
+ >
+ {% include 'patterns/organisms/header/district/people_header.html' %}
+
+ <main role="main" class="mb-20">
+ <div class="container--wide">
+ <div
+ class="
+ flex flex-wrap justify-center gap-4
+ xl:justify-start
+ "
+ >
+ <template v-if="!isCurrentView('teams')">
+ <div class="grid grid-cols-1 gap-4 md:grid-cols-2 w-full">
+ <template v-if="isCurrentView('candidates')">
+ {% for content in people_candidates %}
+ {% include 'patterns/molecules/contact/contact_person_large_box.html' with name=content.name function=content.function %}
+ {% endfor %}
+ </template>
+ <template v-if="isCurrentView('program')">
+ {% for content in people_program %}
+ {% include 'patterns/molecules/contact/contact_person_large_box.html' with name=content.name function=content.function %}
+ {% endfor %}
+ </template>
+ <template v-if="isCurrentView('other1')">
+ {% for content in people_other_1 %}
+ {% include 'patterns/molecules/contact/contact_person_large_box.html' with name=content.name function=content.function %}
+ {% endfor %}
+ </template>
+ <template v-if="isCurrentView('other2')">
+ {% for content in people_other_2 %}
+ {% include 'patterns/molecules/contact/contact_person_large_box.html' with name=content.name function=content.function %}
+ {% endfor %}
+ </template>
+ </div>
+ </template>
+ <template v-if="isCurrentView('teams')">
+ {% for section in teams_sections %}
+ {% if section.header %}
+ <h2 class="head-6xl mt-5 mb-5">{{ section.header }}</h2>
+ {% endif %}
+ {% include 'patterns/organisms/cards/card_list.html' with cards=section.cards description_classes="!bg-grey-180" %}
+ {% endfor %}
+ </template>
+ </div>
+ </div>
+ </main>
+ </ui-view-provider>
+</div>
+
+{% include 'patterns/organisms/main_section/newsletter_section.html' %}
+{% include 'patterns/organisms/layout/footer.html' %}
diff --git a/majak_uistyleguide/templates/patterns/templates/district/people/people.yaml b/majak_uistyleguide/templates/patterns/templates/district/people/people.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..e8821e8c4473b795b99bc159aa87a6172f62ce6f
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/people/people.yaml
@@ -0,0 +1,88 @@
+context:
+ people_candidates:
+ -
+ name: 'Ivan Bartoš'
+ function: 'Poslanec PSP ČR za Ústecký kraj'
+ -
+ name: 'Ivan Bartoš'
+ function: 'Poslanec PSP ČR za Ústecký kraj'
+ -
+ name: 'Ivan Bartoš'
+ function: 'Poslanec PSP ČR za Ústecký kraj'
+ -
+ name: 'Ivan Bartoš'
+ function: 'Poslanec PSP ČR za Ústecký kraj'
+
+ people_program:
+ - name: 'Klára Kocmanová'
+ function: 'poslankyně Parlamentu České republiky za Středočeský kraj'
+ - name: 'Olga Richterová'
+ function: 'poslankyně, místopředsedkyně PSP ČR'
+ - name: 'Jakub Michálek'
+ function: 'předseda poslaneckého klubu Pirátů'
+ - name: 'Pepa Honzů'
+ function: 'předseda poslaneckého klubu Pirátů'
+ - name: 'Jakub Zajíček'
+ function: 'předseda poslaneckého klubu Pirátů'
+ - name: 'Ondra Chochol'
+ function: 'předseda poslaneckého klubu Pirátů'
+
+
+ people_other_1:
+ - name: 'Pepa Honzů'
+ function: 'předseda poslaneckého klubu Pirátů'
+ - name: 'Jakub Zajíček'
+ function: 'předseda poslaneckého klubu Pirátů'
+ - name: 'Ondra Chochol'
+ function: 'předseda poslaneckého klubu Pirátů'
+
+ people_other_2:
+ - name: 'Miloslav Procházka'
+ function: 'předseda poslaneckého klubu Pirátů'
+ - name: 'Ladislav Zechmeister'
+ function: 'předseda poslaneckého klubu Pirátů'
+ - name: 'Václav Bukva'
+ function: 'předseda poslaneckého klubu Pirátů'
+
+ teams_sections:
+ -
+ header: "Rezortní týmy"
+ cards:
+ -
+ url: "https://example.com"
+ image: "https://picsum.photos/1000"
+ header: "Informatika"
+ content: "Nunc vel risus commodo viverra maecenas accumsan lacus vel facilisis. Laoreet id donec ultrices tincidunt arcu non. Sem et tortor consequat id."
+ -
+ url: "https://example.com"
+ image: "https://picsum.photos/1000"
+ header: "Životní Prostředí"
+ content: "Id velit ut tortor pretium viverra suspendisse potenti. Accumsan in nisl nisi scelerisque eu ultrices. Arcu odio ut sem nulla. Mollis nunc sed id semper risus in."
+ -
+ url: "https://example.com"
+ image: "https://picsum.photos/1000"
+ header: "Evropa, zahraničí, obrana"
+ content: "Vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Tellus elementum sagittis vitae et leo duis ut diam. Eu non diam phasellus vestibulum."
+ -
+ header: "Mezirezortní týmy"
+ cards:
+ -
+ url: "https://example.com"
+ image: "https://picsum.photos/1000"
+ header: "Návykové chování"
+ content: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis ut diam quam nulla porttitor."
+ -
+ url: "https://example.com"
+ image: "https://picsum.photos/1000"
+ header: "Demokracie"
+ content: "Nunc vel risus commodo viverra maecenas accumsan lacus vel facilisis. Laoreet id donec ultrices tincidunt arcu non. Sem et tortor consequat id."
+ -
+ url: "https://example.com"
+ image: "https://picsum.photos/1000"
+ header: "Lidská práva"
+ content: "Id velit ut tortor pretium viverra suspendisse potenti. Accumsan in nisl nisi scelerisque eu ultrices. Arcu odio ut sem nulla. Mollis nunc sed id semper risus in."
+ -
+ url: "https://example.com"
+ image: "https://picsum.photos/1000"
+ header: "Bezbariérové Česko"
+ content: "Vitae purus faucibus ornare suspendisse sed nisi lacus sed viverra. Hendrerit dolor magna eget est lorem ipsum dolor sit amet. Tellus elementum sagittis vitae et leo duis ut diam. Eu non diam phasellus vestibulum."
diff --git a/majak_uistyleguide/templates/patterns/templates/district/people/person.html b/majak_uistyleguide/templates/patterns/templates/district/people/person.html
new file mode 100644
index 0000000000000000000000000000000000000000..4478c58dce4f6d94a670a4cc7385cfb18dc4032d
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/people/person.html
@@ -0,0 +1,89 @@
+{% include 'patterns/organisms/layout/district/navbar.html' with selected_item='Kdo jsme' is_transparent=True is_on_dark_background=True %}
+{% include 'patterns/organisms/header/photo_header.html' %}
+
+<main role="main">
+ <div class="container--wide w-full">
+ <section class="grid-container person-grid-container !ml-0">
+ <div class="grid-left-side-with-content leading-6">
+ <article
+ class="
+ mb-4
+ xl:mb-24 xl:mr-2 xl:pr-40
+ "
+ >
+ <p class="mb-5 text-lg leading-7">
+ {{ person_text_1 }}
+ </p>
+ <p class="mb-5 text-lg leading-7">
+ {{ person_text_2 }}
+ </p>
+ </article>
+ </div>
+ <div class="grid-right-side mb-8 xl:mb-0">
+ {% include 'patterns/molecules/blocks/inline_contact.html' %}
+ </div>
+ </section>
+ </div>
+
+ <section class="mb-4 xl:mb-20 container--wide w-full">
+ <div class="grid-container person-grid-container !ml-0">
+ <div class="grid-left-side-with-content">
+ <h2 class="text-[3.5rem] font-alt text-left">
+ {{ person_calendar_title }}
+ </h2>
+ </div>
+ </div>
+
+ <div class="grid-container person-grid-container !ml-0">
+ <div class="grid-left-side-with-content">
+ <div>
+ {% include 'patterns/atoms/calendar/calendar.html' %}
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="mb-4 xl:mb-20 container--wide w-full">
+ <div class="grid-container person-grid-container mb-3 !ml-0">
+ <div class="grid-left-side-with-content">
+ <h2 class="font-alt text-[3.5rem]">
+ {{ person_title }}
+ </h2>
+ </div>
+ </div>
+
+ <div class="grid-container person-grid-container !ml-0">
+ <div class="grid-full !ml-0">
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 content-stretch gap-8">
+ {% for related_article in person_related_articles %}
+ {% include 'patterns/molecules/boxes/card_box.html' with header=related_article.name content=related_article.description description_classes='!bg-grey-180' date=related_article.date %}
+ {% endfor %}
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section class="mb-4 xl:mb-20 container--wide w-full">
+ <div class="grid-container person-grid-container mb-4 !ml-0">
+ <div class="grid-left-side-with-content">
+ <h2 class="text-[3.5rem] font-alt text-left">
+ {{ person_simple_block_title }}
+ </h2>
+ </div>
+ </div>
+
+ <div class="grid-container person-grid-container !ml-0">
+ <div class="grid-full">
+ <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 content-stretch gap-8">
+ {% for content in person_simple_block %}
+ {% include 'patterns/molecules/boxes/card_box.html' with header=content.name content=content.function description_classes='!bg-grey-180' %}
+ {% endfor %}
+ </div>
+ </div>
+ </div>
+ </section>
+
+ {% include 'patterns/organisms/main_section/newsletter_section.html' %}
+</main>
+
+{% include 'patterns/organisms/layout/footer.html' %}
diff --git a/majak_uistyleguide/templates/patterns/templates/district/people/person.yaml b/majak_uistyleguide/templates/patterns/templates/district/people/person.yaml
new file mode 100644
index 0000000000000000000000000000000000000000..64f2c12c17807d1f9c3dc40caefd4cd07853a775
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/people/person.yaml
@@ -0,0 +1,39 @@
+context:
+ person_text_1: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula
+ venenatis, tincidunt ac pede. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus,
+ vel sagittis velit mauris vel metus.'
+ person_text_2: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula
+ venenatis, tincidunt ac pede. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus,
+ vel sagittis velit mauris vel metus. Aliquam erat volutpat. Mauris dictum facilisis augue. Aenean id metus
+ id velit ullamcorper pulvinar. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis,
+ sem. Nullam rhoncus aliquam metus. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae,
+ justo. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla
+ vel leo. Nulla est. Sed ac dolor sit amet purus malesuada congue. Nulla turpis magna, cursus sit amet,
+ suscipit a, interdum id, felis. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Fusce
+ consectetuer risus a nunc. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo.
+ Nulla non lectus sed nisl molestie malesuada.'
+ person_calendar_title: 'Kalendář'
+ person_title: 'Články'
+ person_simple_block_title: 'Další lidé'
+
+ person_related_articles:
+ - name: "Lorem ipsum dodělali jsme to někde."
+ description: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500."
+ date: '27. listopadu 2023'
+ - name: "Lorem ipsum dodělali jsme to někde."
+ description: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500."
+ date: '27. listopadu 2023'
+ - name: "Lorem ipsum dodělali jsme to někde."
+ description: "Le Lorem Ipsum est simplement du faux texte employé dans la composition et la mise en page avant impression. Le Lorem Ipsum est le faux texte standard de l'imprimerie depuis les années 1500."
+ date: '27. listopadu 2023'
+
+ person_simple_block:
+ - name: 'Klára Kocmanová'
+ function: 'oslankyně Parlamentu České republiky za Středočeský kraj'
+ - name: 'Olga Richterová'
+ function: 'poslankyně, místopředsedkyně PSP ČR'
+ - name: 'Jakub Michálek'
+ function: 'předseda poslaneckého klubu Pirátů'
+
+
+
diff --git a/majak_uistyleguide/templates/patterns/templates/district/search/search.html b/majak_uistyleguide/templates/patterns/templates/district/search/search.html
new file mode 100644
index 0000000000000000000000000000000000000000..bdfd8a8d48ca09d60703e197387a6771853a68d1
--- /dev/null
+++ b/majak_uistyleguide/templates/patterns/templates/district/search/search.html
@@ -0,0 +1,10 @@
+{% include 'patterns/organisms/layout/district/navbar.html' %}
+{% include 'patterns/organisms/header/simple_header.html' with title="Vyhledávání" %}
+
+<main role="main" class="mb-10 xl:mb-32">
+ <div class="container--wide mb-2 lg:mb-12">
+ {% include 'patterns/organisms/search/search_results.html' %}
+ </div>
+</main>
+
+{% include 'patterns/organisms/layout/footer.html' %}
diff --git a/src/css/atoms/full-calendar.pcss b/src/css/atoms/full-calendar.pcss
index 68139991be7a301ad5978604179c41f27ad932ae..4b7600ac6d4398b67704868a9afd70ab5b80c323 100644
--- a/src/css/atoms/full-calendar.pcss
+++ b/src/css/atoms/full-calendar.pcss
@@ -52,7 +52,7 @@
.fc .fc-toolbar-title,
.fc .fc-today-button {
- @apply capitalize;
+ @apply capitalize font-condensed;
}
.fc-toolbar-chunk {
diff --git a/src/js/components/secondary_candidates/CandidateSecondaryList.vue b/src/js/components/secondary_candidates/CandidateSecondaryList.vue
index db4d969a37362ad1ba751ceda8be0e62bb836e98..3f721dc56532a623d460b4c1ee794fdd9af172e1 100644
--- a/src/js/components/secondary_candidates/CandidateSecondaryList.vue
+++ b/src/js/components/secondary_candidates/CandidateSecondaryList.vue
@@ -57,12 +57,17 @@
<script>
export default {
name: "CandidateSecondaryList",
- props: ["heading", "candidates"],
+ props: ["heading", "candidates", "preopened"],
methods: {
openList () {
this.$refs.content.classList.remove('hidden')
this.$refs.button.classList.add('hidden')
}
+ },
+ mounted () {
+ if (this.preopened) {
+ this.openList()
+ }
}
}
</script>