update CR changes

majak_uistyleguide/templates/patterns/atoms/buttons/round_button.html

@@ -7,7 +7,7 @@
   {% endif %}
 
   class="
-    flex items-center group rounded-full font-condensed uppercase font-semibold tracking-normal
+    flex items-center group rounded-full font-condensed uppercase font-semibold tracking-normal text-center
     hover:no-underline max-w-max
 
     {% if not classes %}
@@ -16,6 +16,8 @@
       {{ classes }}
     {% endif %}
 
+    {{ extra_classes }}
+  
     {% block size_classes %}
       pl-8 pr-3 py-3
 

majak_uistyleguide/templates/patterns/atoms/youtube_video/youtube_video.html

@@ -54,7 +54,7 @@
   {% if maxwidth %}style="max-width: {{ maxwidth }}"{% endif %}
   {% if not autoplay %}style="display:none"{% endif %}
 >
-  {% if autoplay %}
+  {% if autoplay or self.autoplay %}
     <iframe
       class="rounded w-full h-full !border-0"
       src="https://www.youtube-nocookie.com/embed/{{ video_id }}?autoplay=1&mute=1"

majak_uistyleguide/templates/patterns/molecules/boxes/nakopneme/square_flip_card_box.html

-<div class="flip-card h-[40rem] lg:h-[36rem]" tabindex="0">
+<div class="flip-card h-[37.5rem] lg:h-[36rem]" tabindex="0">
   <div class="flip-card-inner">
     <div
       class="flip-card-front nakopneme-gradient-bg-vertical"
     >
       <div
-        class="relative h-[40rem] lg:h-[36rem] overflow-hidden bg-cover p-6 text-center flex flex-col gap-6 justify-between"
+        class="relative h-[37.5rem] lg:h-[36rem] overflow-hidden bg-cover p-6 text-center flex flex-col gap-6 justify-between"
       >
         <div>
           <span class="font-condensed text-3xl mb-4">{{ title_top }}</span>

majak_uistyleguide/templates/patterns/molecules/menus/nakopneme/carousel.html

@@ -29,7 +29,7 @@
         >
           <div
             class="
-              mb-4 px-5 flex flex-col lg:hidden nakopneme-font text-6xl z-10
+              mb-4 px-5 flex flex-col lg:hidden nakopneme-font text-7xl z-10
               sm:text-9xl
             "
           >
@@ -47,7 +47,7 @@
           </div>
 
           <div class="ml-4 text-lg group">
-            {% include "patterns/atoms/buttons/round_button.html" with url='#manifesto' classes="bg-white text-black z-50 absolute right-0 mt-8 lg:mt-16 text-2xl" show_arrow_on_hover=True button_text=button_text %}
+            {% include "patterns/atoms/buttons/round_button.html" with url='#manifesto' classes="bg-white text-black z-50 absolute left-8 lg:right-0 mt-8 lg:mt-32 text-xl lg:text-2xl" show_arrow_on_hover=True button_text=button_text %}
           </div>
         </h1>
       </div>

majak_uistyleguide/templates/patterns/organisms/header/nakopneme/helpus_header.html

@@ -102,7 +102,7 @@
                           required
                       >
 
-                      <label for="personal_data_agreement">Souhlasím se zpracováním osobním údajů (povinné)</label>
+                      <label for="personal_data_agreement">Souhlasím se <a href="#">zpracováním osobním údajů</a> (povinné)</label>
                   </div>
 
                   <div>
@@ -114,7 +114,10 @@
               <div class="col-span-2"></div>
               
               <div class="col-span-3">
-                {% include "patterns/atoms/youtube_video/youtube_video.html" with autoplay=True aspect_reverse=True %}
+                <img
+                  src="../../../static/images/background-images/onboarding-mobile.png"
+                >
+                {# {% include "patterns/atoms/youtube_video/youtube_video.html" with autoplay=True aspect_reverse=True %} #}
               </div>
             </div>
           {% endblock %}

majak_uistyleguide/templates/patterns/organisms/layout/navbar.html

@@ -6,6 +6,8 @@
 
     {% if is_transparent %}xl:sticky sticky{% else %}xl:absolute{% endif %}
 
+    {{ extra_classes }}
+
     {% block extra_classes %}
       {% if is_transparent %}navbar--transparent{% endif %}
       {% if is_on_dark_background %}navbar--on-dark-bg{% endif %}

majak_uistyleguide/templates/patterns/organisms/nakopneme/get_program.html

@@ -47,7 +47,7 @@
                         <label
                             class="!text-sm"
                             for="personal_data_agreement"
-                        >Souhlasím se zpracováním osobním údajů (povinné)</label>
+                        >Souhlasím se <a href="#">zpracováním osobním údajů</a> (povinné)</label>
                     </div>
 
                     <div>

majak_uistyleguide/templates/patterns/organisms/nakopneme/leaders.html

@@ -41,3 +41,10 @@
         </div>
     </div>
 </div>
+
+<script>
+    if (!window.location.hash) {
+        console.log("Setting default leader")
+        window.location.href += `#lidr-{{ default_region_id }}`;
+    }
+</script>
\ No newline at end of file

majak_uistyleguide/templates/patterns/organisms/nakopneme/leaders.yaml

 context:
   heading: 'Naši lídři a lídryně'
+  default_region_id: 'ustecky'
\ No newline at end of file

majak_uistyleguide/templates/patterns/organisms/nakopneme/person_quote.html

@@ -16,8 +16,12 @@
 
             <div class="col-span-6 grid grid-rows-9 mt-8">
                 <div class="row-span-7 bg-gradient-to-r from-[#00A69C] to-[#FEC900] p-16 font-condensed relative">
-                    <p class="text-2xl">
+                    <p class="text-2xl leading-8">
                         {{ quote_content }}
+                        
+                        <span class="font-bold text-right">
+                            {{ quote_signature }}
+                        </span>
                     </p>
 
                     <div class="absolute bottom-[-40px] left-14 w-0 h-0 
@@ -26,6 +30,10 @@
                                 border-t-[40px] border-t-[#00A69C]">
                     </div>
                 </div>
+
+                <div class="row-span-2">
+                    {% include "patterns/atoms/buttons/round_button.html" with classes="mt-16 mx-auto text-xl lg:mt-8 bg-white text-black text-lg" show_arrow_on_hover=True button_text="Podívejte se na náš program" %}
+                </div>
             </div>
         </div>
     </div>

majak_uistyleguide/templates/patterns/organisms/nakopneme/person_quote.yaml

 context:
   heading: 'Nakopněte to s námi'
   quote_content: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Nam sed tellus id magna elementum tincidunt. Nullam faucibus mi quis velit. Pellentesque ipsum. Phasellus et lorem id felis nonummy placerat. Aenean placerat. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. '
+  quote_signature: 'Váš Zdeněk Hřib'
\ No newline at end of file

majak_uistyleguide/templates/patterns/organisms/nakopneme/video_section.html

@@ -7,6 +7,6 @@
     </div>
 
     <div class="flex justify-center items-center pb-12 text-2xl">
-        {% include "patterns/atoms/buttons/round_button.html" %}
+        {% include "patterns/atoms/buttons/round_button.html" with extra_classes="text-[1.25rem] lg:text-md mx-8" button_text="Přidejte se, darujte nebo sdílejte" %}
     </div>
 </div>

majak_uistyleguide/templates/patterns/templates/nakopneme/homepage/homepage.html

@@ -2,7 +2,7 @@
   {% include 'patterns/molecules/blocks/message_block.html' with is_last_child=True %}
 {% endif %}
 
-{% include 'patterns/organisms/layout/main/navbar.html' with is_on_dark_background=True %}
+{% include 'patterns/organisms/layout/navbar.html' with is_on_dark_background=True extra_classes="navbar--apply-scroll-only z-[99999999999]" is_transparent=True %}
 
 <main role="main">
   {% include 'patterns/molecules/menus/nakopneme/carousel.html' %}

majak_uistyleguide/templates/patterns/templates/nakopneme/program/program.html

@@ -2,6 +2,10 @@
 
 {% block header %}
     {% include 'patterns/organisms/header/nakopneme/simple_header.html' with title='Program' sub_heading=None %}
+
+    <div class="container--wide mx-auto">
+        <h2 class="nakopneme-font nakopneme-font-nocolor text-7xl lg:text-9xl">Jak to nakopneme?</h2>
+    </div>
 {% endblock %}
 
 {% block newsletter %}

src/css/molecules/carousels.pcss

@@ -39,7 +39,7 @@
       }
 
       &.header-carousel--text-wrapper--nakopneme {
-        bottom: 50%;
+        bottom: 70%;
       }
     }
   }
@@ -56,7 +56,7 @@
 
 
 .header-carousel--image--nakopneme {
-  @apply mx-auto max-w-full lg:max-w-[900px] xl:max-w-[1000px] 2xl:max-w-[1500px] 3xl:max-w-[1800px] object-cover absolute bottom-0;
+  @apply mx-auto max-w-full lg:max-w-[900px] xl:max-w-[1000px] 2xl:max-w-[1366px] 3xl:max-w-[1800px] object-cover absolute bottom-0;
 }
 
 

src/css/organisms/navbar.pcss

@@ -71,7 +71,10 @@
 
 
   &.navbar--transparent {
+    &.not(.navbar--apply-scroll-only) {
       @apply bg-transparent;
+    }
+
     @apply xl:text-black;
 
     .navbar__logo--white {