fixed headers

majak_uistyleguide/templates/patterns/templates/crossroad/crossroad.html

@@ -5,7 +5,7 @@
     <div class="grid-full">
       {% for section in sections %}
         {% if section.header %}
-          <h2>{{ section.header }}</h2>
+          <h2 class="head-4xl mt-5 mb-5">{{ section.header }}</h2>
         {% endif %}
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
           {% for card in section.cards %}

majak_uistyleguide/templates/patterns/templates/crossroad/crossroad.yaml

 context:
   sections:
     -
-      header: ""
+      header: "Rezortní týmy"
+      cards:
+        -
+          url: "https://example.com"
+          image: "https://randomuser.me/api/portraits/women/63.jpg"
+          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://randomuser.me/api/portraits/men/64.jpg"
+          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://randomuser.me/api/portraits/women/65.jpg"
+          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://randomuser.me/api/portraits/men/62.jpg"
-          header: "MRT Návykové chování"
+          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://randomuser.me/api/portraits/women/63.jpg"
-          header: "RT Informatika"
+          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://randomuser.me/api/portraits/men/64.jpg"
-          header: "RT Životní Prostředí"
+          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://randomuser.me/api/portraits/women/65.jpg"
-          header: "RT EZO"
+          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."
-