add more district pages

majak_uistyleguide/templates/patterns/organisms/main_section/district/calendar.yaml

 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"}
-  ]'
+  calendar_data: '[{"allDay": false, "start": "2024-05-10T13:00:00+00:00", "end": "2024-05-10T21:00:00+00:00", "title": "Sportovn\u00ed odpoledne", "location": "Ostrava - Lod\u011bnice", "description": "Sportovn\u00ed odpoledne. Pohybov\u00e9 aktivity, workshopy, vystoupen\u00ed. B\u011bh proti n\u00e1sil\u00ed na d\u011btech. "}, {"allDay": false, "start": "2024-05-16T14:00:00+00:00", "end": "2024-05-16T20:00:00+00:00", "title": "Kulturn\u00ed odpoledne", "location": "Brno - N\u00e1m\u011bst\u00ed Svobody", "description": "Kulturn\u00ed odpoledne. \u017div\u00e1 folklorn\u00ed a reggae hudba, diskuze s kandid\u00e1ty. "}, {"allDay": false, "start": "2024-05-20T10:30:00+00:00", "end": "2024-05-20T20:00:00+00:00", "title": "Relaxa\u010dn\u00ed koutek", "location": "\u010cesk\u00e9 Bud\u011bjovice - na Sadech u pomn\u00edku Vojt\u011bcha Lanny", "description": "Relaxa\u010dn\u00ed \"koutek\" s pir\u00e1ty. Tepl\u00e9 i studen\u00e9 nealkoholick\u00e9 drinky, posezen\u00ed a diskuze s kandid\u00e1ty."}, {"allDay": false, "start": "2024-05-24T13:00:00+00:00", "end": "2024-05-24T18:00:00+00:00", "title": "Setk\u00e1n\u00ed s kandid\u00e1ty", "location": "Kladno - N\u00e1m\u011bst\u00ed Svobody", "description": "Setk\u00e1n\u00ed s kandid\u00e1ty, doprovodn\u00fd program pro rodiny s d\u011btmi. "}, {"allDay": false, "start": "2024-05-30T13:00:00+00:00", "end": "2024-05-30T18:00:00+00:00", "title": "D\u011btsk\u00fd den", "location": "Plze\u0148 - K\u0159i\u017e\u00edkovy sady", "description": "D\u011btsk\u00fd den se sk\u00e1kac\u00edm hradem, d\u00edli\u010dkami a mnoho dal\u0161\u00edho pro rodiny s d\u011btmi. "}, {"allDay": false, "start": "2024-06-01T14:00:00+00:00", "end": "2024-06-01T18:00:00+00:00", "title": "D\u011btsk\u00fd den", "location": "Praha - Letensk\u00e1 pl\u00e1\u0148 u prakovi\u0161t\u011b Letn\u00e1", "description": "D\u011btsk\u00fd den se sk\u00e1kac\u00edm hradem, d\u00edli\u010dkami a mnoho dal\u0161\u00edho pro rodiny s d\u011btmi. "}]'

majak_uistyleguide/templates/patterns/templates/district/universal_cards/universal_cards.html

+{% include 'patterns/organisms/layout/district/navbar.html' %}
+{% include 'patterns/organisms/header/simple_header.html' with title="Stránka s kartami" %}
+
+<main role="main" class="mb-10 xl:mb-32">
+  <div class="container--wide mb-2 lg:mb-12">
+    {% include 'patterns/organisms/cards/card_list.html' with description_classes="!bg-grey-180" %}
+  </div>
+</main>
+
+{% include 'patterns/organisms/layout/footer.html' %}

majak_uistyleguide/templates/patterns/templates/district/universal_page/universal_page.html

+{% include 'patterns/organisms/layout/district/navbar.html' %}
+{% include 'patterns/organisms/header/simple_header.html' with title="Univerzální stránka" %}
+
+<main role="main" class="mb-10 xl:mb-32">
+  <div class="container--wide mb-2 lg:mb-12">
+    <div class="prose max-w-screen-lg">
+      {{ text }}
+    </div>
+  </div>
+</main>
+
+{% include 'patterns/organisms/layout/footer.html' %}

majak_uistyleguide/templates/patterns/templates/district/universal_page/universal_page.yaml

+context:
+  text: 'Ratione quasi dicta fuga cumque sunt ab tempora quia. Est voluptatem possimus praesentium est molestiae. Ipsam eum mollitia esse deleniti hic deserunt. Officiis dolor reiciendis est cumque non. Ut sapiente voluptatem itaque provident. Ea eos nisi est porro laborum.'

src/css/atoms/full-calendar.pcss

@@ -76,3 +76,7 @@
 .fc-daygrid-event-dot {
   border: calc(var(--fc-daygrid-event-dot-width)/2) solid var(--fc-event-dot-color);
 }
+
+.fc .fc-scroller-harness {
+  overflow: visible;
+}

src/js/components/full_calendar/Calendar.vue

@@ -41,6 +41,14 @@ export default {
                         {
                             content: `
                                 <div class="p-2 flex flex-col gap-3 text-white">
+                                    ${
+                                        (info.event.title !== undefined) ?
+                                        `
+                                            <div class="flex gap-2 items-baseline">
+                                                <strong>${info.event.title}</strong>
+                                            </div>
+                                        ` : ''
+                                    }
                                     ${
                                         (info.event.extendedProps.location !== undefined) ?
                                         `
@@ -79,7 +87,11 @@ export default {
                                 'hover' : 'click'
                             ),
                             allowHTML: true,
-                            interactive: true
+                            interactive: true,
+                            onShow(instance) {
+                              // Set the minimum width using CSS
+                              instance.popper.style.minWidth = '250px'; // Set your desired minimum width here
+                            }
                         }
                     );