diff --git a/content/donate/index.md b/content/donate/index.md index 358f723f..f5e07e0f 100644 --- a/content/donate/index.md +++ b/content/donate/index.md @@ -5,6 +5,8 @@ weight: 10 extra: menu_title: Donate preview_image: donate/donate.png + service_title: Created with love by enthusiast volunteers + service_text: Donate to keep the project running --- Organic Maps app is _free for everyone_ thanks to your **[donations][stripe]**: diff --git a/sass/pages/new-support.scss b/sass/pages/new-support.scss index a9805414..cc5cae49 100644 --- a/sass/pages/new-support.scss +++ b/sass/pages/new-support.scss @@ -33,11 +33,17 @@ justify-content: center; align-items: center; gap: 15rem; + @media (max-width: $media-sm) { + flex-direction: row; + } } &__text { max-width: 292rem; text-align: center; + @media (max-width: $media-sm) { + text-align: left; + } } &__icon { @@ -50,6 +56,11 @@ background-color: var(--acordion-green-bg); color: var(--green-button); border: 1rem solid var(--green-button-transparent); + @media (max-width: $media-sm) { + width: 74rem; + height: 74rem; + padding: 13rem; + } } } @@ -178,9 +189,56 @@ } } -.reviews { - padding: var(--container-mob-section) 0; +.donate-services { + &__row { + box-shadow: var(--common-card-box-shadow); + padding: 40rem 15rem 30rem; + border-radius: 10rem; + background-color: var(--rewi-card-color); + @media (max-width: $media-sm) { + background-color: transparent; + box-shadow: none; + padding: 21rem 0 0 ; + } + } + &__title { + text-align: center; + margin-bottom: 33rem; + @media (max-width: $media-sm) { + margin-bottom: 20rem; + } + } + &__text { + color: var(--black-white); + text-align: center; + margin-bottom: 34rem; + @media (max-width: $media-sm) { + margin-bottom: 20rem; + } + } + &__icons { + display: flex; + gap: 5rem; + @media (max-width: $media-sm) { + flex-wrap: wrap; + justify-content: center; + } + } + &__icon { + text-decoration: none; + transition: transform 0.5s; + &:hover { + transform: scale(1.05); + } + } +} + +.reviews { + padding: 110rem 0; + @media (max-width: $media-sm) { + padding: var(--container-mob-section) 0; + } &__title { text-align: center; } diff --git a/sass/variables/fonts.scss b/sass/variables/fonts.scss index d546c8c6..16cb21a3 100644 --- a/sass/variables/fonts.scss +++ b/sass/variables/fonts.scss @@ -18,6 +18,7 @@ --h6-bold: 700 30rem/36rem var(--main-font); --h6-date: 700 30rem/36rem var(--main-font); --h5-boold: 700 22rem/28rem var(--main-font); + --h7: 400 32rem/36rem var(--main-font); --p: 300 18rem/28rem var(--main-font); --p-15: 300 15rem/26rem var(--main-font); --p-15-bold: 500 15rem/18rem var(--main-font); @@ -106,6 +107,9 @@ .h5-boold { font: var( --h5-boold); } +.h7 { + font: var(--h7); +} // Text .p{ font: var(--p); diff --git a/static/images/donate/donat-service/icon01.png b/static/images/donate/donat-service/icon01.png new file mode 100644 index 00000000..ac9551be Binary files /dev/null and b/static/images/donate/donat-service/icon01.png differ diff --git a/static/images/donate/donat-service/icon02.png b/static/images/donate/donat-service/icon02.png new file mode 100644 index 00000000..5969c20b Binary files /dev/null and b/static/images/donate/donat-service/icon02.png differ diff --git a/static/images/donate/donat-service/icon03.png b/static/images/donate/donat-service/icon03.png new file mode 100644 index 00000000..181de550 Binary files /dev/null and b/static/images/donate/donat-service/icon03.png differ diff --git a/static/images/donate/donat-service/icon04.png b/static/images/donate/donat-service/icon04.png new file mode 100644 index 00000000..0254082b Binary files /dev/null and b/static/images/donate/donat-service/icon04.png differ diff --git a/static/images/donate/donat-service/icon05.png b/static/images/donate/donat-service/icon05.png new file mode 100644 index 00000000..2294f62d Binary files /dev/null and b/static/images/donate/donat-service/icon05.png differ diff --git a/static/images/donate/donat-service/icon06.png b/static/images/donate/donat-service/icon06.png new file mode 100644 index 00000000..36a7a620 Binary files /dev/null and b/static/images/donate/donat-service/icon06.png differ diff --git a/static/images/donate/donat-service/icon07.png b/static/images/donate/donat-service/icon07.png new file mode 100644 index 00000000..763ea2bf Binary files /dev/null and b/static/images/donate/donat-service/icon07.png differ diff --git a/static/images/donate/donat-service/icon08.png b/static/images/donate/donat-service/icon08.png new file mode 100644 index 00000000..1cd0690c Binary files /dev/null and b/static/images/donate/donat-service/icon08.png differ diff --git a/static/images/donate/donat-service/icon09.png b/static/images/donate/donat-service/icon09.png new file mode 100644 index 00000000..8763f09a Binary files /dev/null and b/static/images/donate/donat-service/icon09.png differ diff --git a/static/images/donate/donat-service/icon10.png b/static/images/donate/donat-service/icon10.png new file mode 100644 index 00000000..970568a6 Binary files /dev/null and b/static/images/donate/donat-service/icon10.png differ diff --git a/static/images/donate/donat-service/icon11.png b/static/images/donate/donat-service/icon11.png new file mode 100644 index 00000000..c3079403 Binary files /dev/null and b/static/images/donate/donat-service/icon11.png differ diff --git a/static/images/donate/donat-service/icon12.png b/static/images/donate/donat-service/icon12.png new file mode 100644 index 00000000..a00fd617 Binary files /dev/null and b/static/images/donate/donat-service/icon12.png differ diff --git a/static/images/donate/donat-service/icon13.png b/static/images/donate/donat-service/icon13.png new file mode 100644 index 00000000..f9787a65 Binary files /dev/null and b/static/images/donate/donat-service/icon13.png differ diff --git a/static/images/donate/donat-service/icon14.png b/static/images/donate/donat-service/icon14.png new file mode 100644 index 00000000..60a38638 Binary files /dev/null and b/static/images/donate/donat-service/icon14.png differ diff --git a/static/images/news/hero-img.png b/static/images/news/hero-img.png new file mode 100644 index 00000000..c0623645 Binary files /dev/null and b/static/images/news/hero-img.png differ diff --git a/templates/about-us.html b/templates/about-us.html index f7fdaad2..8e91a5c2 100644 --- a/templates/about-us.html +++ b/templates/about-us.html @@ -71,10 +71,9 @@
{{ page.extra.project_info_section_description | safe }}
- - + +{{ page.extra.project_info_section_description | safe }}
+