mnalis/organicmaps-website
1
Fork 0
forked from organicmaps/website
Code Pull requests Activity

dis fix 8

Browse source
This commit is contained in:
borntojesus 2024-01-15 20:57:09 +02:00
parent 50dc9b32bf
commit 7558d58dd9
8 changed files with 62 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
sass/common/header.scss
View file

@ -25,9 +25,10 @@
font: var(--nav-link);
color: var(--common-white);
cursor: pointer;
padding: 8rem 10rem;
padding: 8rem 16rem;
@media (max-width: $media-md) {
color: var(--common-black);
padding: 8rem 10rem;
}
}
@ -81,6 +82,7 @@
&__ul {
display: flex;
gap: 8rem;
@media (max-width: $media-md) {
width: 100%;
flex-direction: column;

11
sass/pages/community.scss
View file

@ -32,8 +32,17 @@
justify-content: flex-start;
max-width: 523rem;
width: 50%;
text-decoration: none;
cursor: pointer;
transition: scale 0.5s;
&:hover {
scale: 1.02;
}
@media (max-width: $media-md) {
width: 100%;
&:hover {
scale: 1;
}
}
}
@ -65,7 +74,7 @@
.donate {
background-color: var(--bg-green);
padding: 77rem 0;
padding: 77rem 120rem;
margin: 0 var(--container-mob-section) var(--container-mob-section);
border-radius: var(--border-r-24);
@media (max-width: $media-md) {

BIN
static/images/community/location-info-banner.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 35 KiB

2
templates/common/footer.html
View file

@ -24,7 +24,7 @@
<a class="p-sm footer__link" href="/volunteering/"><span class="p-sm footer__link">Volunteering</span></a>
<a class="p-sm footer__link" href="/news/"><span class="p-sm footer__link">News</span></a>
<a class="p-sm footer__link" href="/download/"><span class="p-sm footer__link">Download</span></a>
<a class="p-sm footer__link" href="/donate/"><span class="p-sm footer__link">Donate</span></a>
<a class="p-sm footer__link" href="/donate/"><span class="p-sm footer__link">Help</span></a>
<a class="p-sm footer__link" href="/faq/"><span class="p-sm footer__link">Faq</span></a>
<a class="p-sm footer__link" href="/about/"><span class="p-sm footer__link">About</span></a>

2
templates/common/header.html
View file

@ -64,7 +64,7 @@
</li>
<li class="header__nav header__link">
<a href="/support/">
Support
Help
</a>
</li>
<li class="header__nav header__link">

30
templates/community.html
View file

@ -33,7 +33,7 @@
</section>
<section class="section-community">
<div class="container section-community__container">
<div class="section-community__item">
<a href="https://github.com/organicmaps/organicmaps/issues" target="_blank" class="section-community__item">
<div class="section-community__img-row">
<div class="icon-green section-community__icon">
{% include 'ui/icons/community/icon-01.html' %}
@ -47,9 +47,9 @@
<p class="p-card section-community__description">
{{ page.extra.community_card_description_1 | safe }}
</p>
</div>
</a>
<div class="section-community__item">
<a href="https://github.com/organicmaps/organicmaps" target="_blank" class="section-community__item">
<div class="section-community__img-row">
<div class="icon-green section-community__icon">
{% include 'ui/icons/community/icon-02.html' %}
@ -63,9 +63,9 @@
<p class="p-card section-community__description">
{{ page.extra.community_card_description_2 | safe }}
</p>
</div>
</a>
<div class="section-community__item">
<a href="https://preprod.organicmaps.pages.dev/faq/" target="_blank" class="section-community__item">
<div class="section-community__img-row">
<div class="icon-green section-community__icon">
@ -80,8 +80,8 @@
<p class="p-card section-community__description">
{{ page.extra.community_card_description_3 | safe }}
</p>
</div>
<div class="section-community__item">
</a>
<a href="https://preprod.organicmaps.pages.dev/faq/" target="_blank" class="section-community__item">
<div class="section-community__img-row">
<div class="icon-green section-community__icon">
@ -97,8 +97,8 @@
{{ page.extra.community_card_description_4 | safe }}
</p>
</div>
<div class="section-community__item">
</a>
<a href="#Stay-Connected" target="_blank" class="section-community__item">
<div class="section-community__img-row">
<div class="icon-green section-community__icon">
@ -114,8 +114,8 @@
{{ page.extra.community_card_description_5 | safe }}
</p>
</div>
<div class="section-community__item">
</a>
<a href="https://preprod.organicmaps.pages.dev/volunteering/" target="_blank" class="section-community__item">
<div class="section-community__img-row">
<div class="icon-green section-community__icon">
@ -130,8 +130,8 @@
<p class="p-card section-community__description">
{{ page.extra.community_card_description_6 | safe }}
</p>
</div>
<div class="section-community__item">
</a>
<a href="https://preprod.organicmaps.pages.dev/volunteering/" target="_blank" class="section-community__item">
<div class="section-community__img-row">
<div class="icon-green section-community__icon">
@ -146,11 +146,11 @@
<p class="p-card section-community__description">
{{ page.extra.community_card_description_7 | safe }}
</p>
</div>
</a>
</div>
</section>
<section class="section-social">
<h2 class="h1-inter section-social__title">
<h2 id="Stay-Connected" class="h1-inter section-social__title">
{{ page.extra.stay_connected_section_title | safe }}
</h2>
{% include 'section/social-icon.html' %}

2
templates/components/donate-button.html
View file

@ -1 +1 @@
<a class="button button--main" href="http://download.com">Donate</a>
<a class="button button--main" href="/new-donate">Donate</a>

32
templates/components/download-button.html
View file

@ -1 +1,31 @@
<a class="button button--main" href="http://download.com">Download</a>
<a class="button button--main btn-download" href=`/download`>Download</a>
<script>
const btnDownload = document.querySelectorAll('.btn-download')
if(btnDownload.length > 0) {
function detectDevice() {
const ua = navigator.userAgent;
if (/android/i.test(ua)) {
return "https://play.google.com/store/apps/details?id=app.organicmaps";
} else if (/iPad|iPhone|iPod/.test(ua) && !window.MSStream) {
return "https://apps.apple.com/us/app/organic-maps-hike-bike-drive/id1567437057";
} else if (/Windows Phone/i.test(ua) || /IEMobile/i.test(ua)) {
return "https://play.google.com/store/apps/details?id=app.organicmaps";
} else if (/linux/i.test(ua)) {
return "/download";
} else if (/macintosh|mac os x/i.test(ua)) {
return "/download";
} else if (/windows|win32/i.test(ua)) {
return "/download";
} else {
return "/download";
}
}
btnDownload.forEach(item => {
item.href = detectDevice()
})
}
console.log(detectDevice());
</script>