fix

content/community/index.md

@@ -21,6 +21,8 @@ extra:
   community_card_description_5: Add and update translations in the app's interface, app stores and this website.
   community_card_title_6: Design & Product Management
   community_card_description_6: Shape the direction of the product and the user experience
+  community_card_title_7: Volunteer
+  community_card_description_7: Get involved in Engineering, Marketing, Product/Design, or Support
   stay_connected_section_title: Stay Connected
   donate:
      title: Donate

content/new-donate/index.md

@@ -19,7 +19,9 @@ extra:
   funding_section_card_description_3: User support, bug fixing, and improving the stability of the app are at the top of our priorities. There are 1200+ issues on GitHub that is growing every day, and a large number of items to address on AppStore, Google Play, and support emails.
   users_way_section_title: Our users say
   users_way_donation_description_1: I donate to Organic Maps for the unique offering they bring, and to support positive change
-  users_way_donation_description_2: I stopped using Google Maps and want to have an alternative to grow, for everyone to benefit from this
+  users_way_donation_description_2: Simple and fast and battery saving for your device and it's free. I donated a small sum for support and I suggest please support this app. Thank you!
+  users_way_donation_description_3: love it for the simplicity, user-friendly interface. I would like to make a donation to support your effort
   users_way_donation_name_1: Name Donat
-  users_way_donation_name_2: Name Donat
+  users_way_donation_name_2: Emanuel Matis
+  users_way_donation_name_3: Rosa
 ---

sass/component/header-sub.scss

@@ -2,10 +2,18 @@
 
 .hero-sub {
   background-size: cover;
-  padding: 20rem 0 124rem;
+  padding: 120rem 0 124rem;
   position: relative;
   background-position: center center;
-
+ &:after {
+    content: "";
+    height: 80rem;
+   background-color: var(--common-green-primery);
+   position: absolute;
+   left: 0;
+   top: 0;
+   width: 100%;
+  }
   &:before {
     content: "";
     height: 100%;
@@ -16,7 +24,9 @@
     top: 0;
     left: 0;
   }
-
+.button  {
+    padding: 18rem 40rem;
+  }
   &--big {
      padding:calc(var(--menu-height) + 30rem)  0 274rem;
      @media (max-width: $media-sm) {

sass/global/index.scss

@@ -31,10 +31,7 @@ max-width: 130rem;
 overflow: hidden;
 }
 .main {
-  padding-top: 80rem;
-  @media(max-width: $media-md) {
-padding-top: 65rem;
-  }
+ 
 }
 .line {
   width: 100%;

sass/pages/community.scss

@@ -4,11 +4,13 @@
   padding: var(--container-mob-section) 0;
 
   &__container {
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 84rem 34rem;
+    display: flex;
+
+  flex-flow: row wrap;
+  justify-content: space-around;
+ gap: 80rem 10rem;
     @media (max-width: $media-md) {
-      grid-template-columns: 1fr;
+
       gap: 30rem 34rem;
     }
   }
@@ -28,6 +30,11 @@
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
+    max-width: 523rem;
+    width: 50%;
+    @media (max-width: $media-md) {
+  width: 100%;
+    }
   }
 
   &__img {
@@ -43,6 +50,7 @@
 
   &__description {
     text-align: center;
+    color: var(--text-com-color);
   }
 
   &__line {

sass/pages/download.scss

@@ -39,6 +39,7 @@
 
   &__icon {
     color: var(--green-button);
+    opacity: 0.1;
     @media (max-width: $media-md) {
       width: 18rem;
       height: 18rem;

sass/pages/home.scss

@@ -2,7 +2,7 @@
 
 // Hero Section
 .hero {
-  margin: -80rem 0 0;
+  //margin: -80rem 0 0;
   background: var(--common-black) url('/images/hero/hero-bg.jpg') center center / cover no-repeat fixed;
   height: 100vh;
   max-height: 900rem;
@@ -18,7 +18,9 @@
     padding: 120rem 0 51rem;
       margin: 0;
   }
-
+  .button  {
+    padding: 18rem 40rem;
+  }
   &__container {
     display: flex;
     justify-content: flex-start;

sass/variables/color-theme.scss

@@ -30,6 +30,7 @@
 
 // Theme COLOR change
 .light {
+  --text-com-color: var( --common-grey-v2);
   --map-grey-text: var(--common-grey-v7);
   --point-color: var(--common-green);
   --link-map-section: var(--common-white);
@@ -53,6 +54,7 @@
 }
 
 .dark {
+   --text-com-color: var( --common-white);
   --map-grey-text: var(--common-white);
   --point-color: var(--common-green-primery);
   --link-map-section: var(--common-grey-v6);

sass/variables/fonts.scss

@@ -8,7 +8,7 @@
   --h1: 300 48rem/60rem var(--sub-fonst);
   --h1-inter: 700 36rem/46rem var(--main-font);
   --h1-sub: 400 24rem/32rem var(--main-font);
-  --h1-sub_v2: 300 24rem/32rem var(--main-font);
+  --h1-sub_v2: 500 24rem/32rem var(--main-font);
   --h3-boold: 700 24rem/32rem var(--main-font);
   --h3-normal: 600 24rem/32rem var(--main-font);
   --h4: 500 18rem/28rem var(--main-font);

templates/community.html

@@ -131,6 +131,22 @@
                     {{ page.extra.community_card_description_6 | safe }}
                 </p>
             </div>
+            <div class="section-community__item">
+
+                <div class="section-community__img-row">
+                    <div class="icon-green section-community__icon">
+                        {% include 'ui/icons/community/icon-06.html' %}
+                    </div>
+                   <img class="section-community__img" src="/images/community/Volunteer-banner.png" alt="img">
+                </div>
+                <h2 class="h5 section-community__title">
+                    {{ page.extra.community_card_title_7 | safe }}
+                </h2>
+                <div class="section-community__line"></div>
+                <p class="p-card  section-community__description">
+                    {{ page.extra.community_card_description_7 | safe }}
+                </p>
+            </div>
         </div>
     </section>
     <section class="section-social">

templates/new-donate.html

@@ -116,7 +116,8 @@
                 <div class="swiper-slide">
                     <div class="reviews__item">
                         <p class="p reviews__text">{{ page.extra.users_way_donation_description_1 | safe }}</p>
-                        <h3 class="p-md-bold reviews__s-title">{{ page.extra.users_way_donation_name_1| safe }}</h3>
+                        <h3 class="p-md-bold reviews__s-title">{{ page.extra.users_way_donation_name_1| safe }} <br>
+                            <br> </h3>
                         <img class="reviews__icon" src="/images/donate/first-donate-ico.png" alt="img">
                     </div>
                 </div>
@@ -124,24 +125,18 @@
                     <div class="reviews__item">
                         <p class="p reviews__text">{{ page.extra.users_way_donation_description_2 | safe }}</p>
                         <h3 class="p-md-bold reviews__s-title">{{ page.extra.users_way_donation_name_2| safe }}</h3>
-                        <img class="reviews__icon" src="/images/donate/second-donate-ico.png" alt="img">
+                        <img class="reviews__icon" src="/images/donate/icon01.png" alt="img">
                     </div>
                 </div>
                 <div class="swiper-slide">
                     <div class="reviews__item">
-                        <p class="p reviews__text">{{ page.extra.users_way_donation_description_2 | safe }}</p>
-                        <h3 class="p-md-bold reviews__s-title">{{ page.extra.users_way_donation_name_2| safe }}</h3>
-                        <img class="reviews__icon" src="/images/donate/second-donate-ico.png" alt="img">
-                    </div>
-                </div>
-                <div class="swiper-slide">
-                    <div class="reviews__item">
-                        <p class="p reviews__text">{{ page.extra.users_way_donation_description_2 | safe }}</p>
-                        <h3 class="p-md-bold reviews__s-title">{{ page.extra.users_way_donation_name_2| safe }}</h3>
-                        <img class="reviews__icon" src="/images/donate/second-donate-ico.png" alt="img">
+                        <p class="p reviews__text">{{ page.extra.users_way_donation_description_3 | safe }}</p>
+                        <h3 class="p-md-bold reviews__s-title">{{ page.extra.users_way_donation_name_3| safe }} <br><br> </h3>
+                        <img class="reviews__icon" src="/images/donate/icon02.png" alt="img">
                     </div>
                 </div>
 
+
             </div>
             <div class="reviews__pag">
                 <div class="swiper-pagination"></div>

templates/support.html

@@ -3,7 +3,7 @@
 {%- block content %}
 
 
-    <section class="hero-sub" style="background-image: url({{ page.extra.hero_image | safe }})">
+    <section class="hero-sub" style="background-image: url(/{{ page.extra.hero_image | safe }})">
         <div class="container hero-sub__container">
             <nav class="bred-crum">
                 <ul class="bred-crum__row">