organicmaps/website
13
Fork 1
Code Issues 31 Pull requests 8 Projects Releases Wiki Activity Actions

dis fix 13

Browse source
This commit is contained in:
borntojesus 2024-01-17 10:14:50 +02:00
parent bdd8d9ee33
commit e8cd7e29ed
5 changed files with 44 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
content/download/index.md
View file

@ -20,8 +20,8 @@ extra:
desktop_shop_name_1: MacOS
desktop_shop_name_2: Linux
download_section_title: Already downloaded?
download_section_list_title_1: Offline Maps and Exploration
download_section_list_title_1: Offline Maps
download_section_list_title_2: Privacy-Centric
download_section_list_title_3: No Ads, No Tracking
download_section_list_title_4: Open-Source and Community-Driven
download_section_list_title_3: No data collection
download_section_list_title_4: Community-Driven
---

21
sass/pages/about-us.scss
View file

@ -1,8 +1,10 @@
@import "../variables/media";
.free-open {
padding: var(--container-mob-section) 0;
padding: 83rem 0 var(--container-mob-section);
@media (max-width: $media-sm) {
padding: var(--container-mob-section) 0;
}
&__container {
display: grid;
grid-template-columns: 1fr 1.2fr;
@ -27,20 +29,10 @@
&__img-row {
position: absolute;
top: 0;
right: 16rem;
right: 0rem;
width: 50%;
&:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: var(--cart-bg);
border-radius: 20rem;
position: absolute;
transform: translate(-15rem, 10rem);
z-index: 1;
}
@media (max-width: $media-sm) {
position: relative;
@ -64,6 +56,7 @@
}
.about-us {
padding-top: 60rem;
&__content {
background-color: var(--cart-bg);
width: fit-content;

37
sass/pages/new-support.scss
View file

@ -67,7 +67,8 @@
&__img {
display: block;
width: 47%;
border-radius: 10rem 0 0 10rem;
border-radius: 10rem;
margin-right: -60rem;
@media (max-width: $media-sm) {
border-radius: 10rem;
width: calc(100% - 10rem);
@ -79,10 +80,10 @@
border-radius: 10rem;
display: flex;
align-items: center;
margin-bottom: 10rem;
@media (max-width: $media-sm) {
margin-bottom: 20rem;
}
margin-bottom: 66rem;
@media (max-width: $media-sm) {
margin-bottom: 20rem;
}
&:nth-child(2n) {
flex-direction: row-reverse;
@media (max-width: $media-sm) {
@ -90,14 +91,17 @@
}
.services-support__img {
border-radius: 0 10rem 10rem 0;
margin-right: 0;
margin-left: -10rem;
border-radius: 10rem;
@media (max-width: $media-sm) {
border-radius: 10rem;
width: calc(100% - 10rem);
margin: 0 0rem -20rem 10rem;
}
}
.services-support__item-content {
.services-support__item-content {
@media (max-width: $media-sm) {
width: calc(100% - 10rem);
@ -119,13 +123,13 @@
&__row {
margin-bottom: 40rem;
@media (max-width: $media-sm) {
margin-bottom: 10rem;
}
margin-bottom: 10rem;
}
}
&__item-content {
background-color: var(--bg-green);
padding: 110rem 40rem;
padding: 30rem 40rem;
border-radius: 10rem;
position: relative;
@media (max-width: $media-sm) {
@ -180,11 +184,13 @@
&__title {
text-align: center;
}
&__line {
@media (max-width: $media-sm) {
&__line {
@media (max-width: $media-sm) {
margin-bottom: -10rem;
}
}
}
&__item {
display: flex;
flex-direction: column;
@ -196,9 +202,10 @@
padding: 58rem 30rem 0;
background-color: var(--rewi-card-color);
position: relative;
@media (max-width: $media-sm) {
padding: 30rem 30rem 0;
@media (max-width: $media-sm) {
padding: 30rem 30rem 0;
}
&:before {
content: "";
width: 150rem;

BIN
static/images/about-us/project-info-main-banner.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 871 KiB

After

Width:  |  Height:  |  Size: 92 KiB

25
templates/about-us.html
View file

@ -33,19 +33,6 @@
</div>
</section>
<section class="free-open">
<div class="container free-open__container">
<div class="free-open__content">
<h2 class="h6 free-open__title">{{ page.extra.project_info_section_title | safe }}</h2>
<div class="line free-open__line"></div>
<div class="free-open__img-row">
<img class="free-open__img" src="/images/about-us/project-info-main-banner.png" alt="img">
</div>
<p class="p-15 free-open__text">{{ page.extra.project_info_section_description | safe }}</p>
</div>
</div>
</section>
<section class="about-us">
<div class="container about-us__container">
@ -77,7 +64,19 @@
</div>
</div>
</section>
<section class="free-open">
<div class="container free-open__container">
<div class="free-open__content">
<h2 class="h6 free-open__title">{{ page.extra.project_info_section_title | safe }}</h2>
<div class="line free-open__line"></div>
<div class="free-open__img-row">
<img class="free-open__img" src="/images/about-us/project-info-main-banner.png" alt="img">
</div>
<p class="p-15 free-open__text">{{ page.extra.project_info_section_description | safe }}</p>
</div>
</div>
</section>
<section class="about-history">
<div class="container about-history__container">
<h2 class="h6-bold about-history__title">{{ page.extra.history_section_title | safe }}</h2>