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

dis fix 15

Browse source
This commit is contained in:
borntojesus 2024-01-17 18:06:32 +02:00
parent 62b735862b
commit e579f52ef5
6 changed files with 246 additions and 109 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -130,7 +130,7 @@
.about-history {
padding-top: var(--container-mob-section);
margin-bottom: 60rem;
&__title {
margin-bottom: 30rem;
}
@ -235,3 +235,25 @@
}
}
.about-news {
margin-bottom: 50rem;
.post-min__img {
width: auto;
}
&__title {
color: var(--black-white);
margin-bottom: 30rem;
}
&__content {
display: flex;
gap: 20rem;
@media (max-width: $media-sm) {
flex-wrap: wrap;
gap: 40rem;
}
}
.post-min__title {
margin-bottom: 10rem;
}
}

4
sass/variables/fonts.scss
View file

@ -14,6 +14,7 @@
--h3-normal: 600 24rem/32rem var(--main-font);
--h4: 500 18rem/28rem var(--main-font);
--h5: 300 20rem/28rem var(--main-font);
--h5-bold: 500 20rem/28rem var(--main-font);
--h6: 500 30rem/36rem var(--main-font);
--h6-bold: 700 30rem/36rem var(--main-font);
--h6-date: 700 30rem/36rem var(--main-font);
@ -95,6 +96,9 @@
font: var(--h5);
color: var(--black-white);
}
.h5-bold {
font: var(--h5-bold);
}
.h6-date {
font: var(--h6-date);
}

BIN
static/images/about-us/about-news01.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
static/images/about-us/about-news02.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 12 KiB

BIN
static/images/about-us/about-news03.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.7 KiB

327
templates/about-us.html
View file

@ -2,136 +2,247 @@
{%- block content %}
<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">
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link" href="/">{{ page.extra.menu_title_pre }}</a>
</li>
<li class="bred-crum__item">
<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">
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link" href="/">{{ page.extra.menu_title_pre }}</a>
</li>
<li class="bred-crum__item">
<span class="nav-bred">
>
</span>
</li>
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link bred-crum--active"
href="/{{ page.extra.hero_title | lower }}">{{ page.extra.hero_title }}</a>
</li>
</ul>
</nav>
<div class="hero-sub__content">
<h1 class="h1 hero-sub__title">
{{ page.extra.hero_title | safe }}
</h1>
<p class="h2-sub_v2 hero-sub__description">
{{ page.extra.hero_description_1 | safe }}
{{ page.extra.hero_description_2 | safe }}
</p>
</li>
<li class="bred-crum__item">
<a class="nav-bred bred-crum__link bred-crum--active"
href="/{{ page.extra.hero_title | lower }}">{{ page.extra.hero_title }}</a>
</li>
</ul>
</nav>
<div class="hero-sub__content">
<h1 class="h1 hero-sub__title">
{{ page.extra.hero_title | safe }}
</h1>
<p class="h2-sub_v2 hero-sub__description">
{{ page.extra.hero_description_1 | safe }}
{{ page.extra.hero_description_2 | safe }}
</p>
</div>
</div>
</section>
<section class="about-us">
<div class="container about-us__container">
<div class="about-us__item">
<img class="about-us__img" src="/images/about-us/info-card-banner-1.png" alt="img">
<div class="about-us__content">
<div class="about-us__title-row">
<div class="about-us__icon">
{% include 'ui/icons/about/icon01.html' %}
</div>
<h3 class="h5 about-us__title">{{ page.extra.project_info_card_title_1 | safe }}</h3>
</div>
<p class="p-card about-us__text">{{ page.extra.project_info_card_description_1 | safe }}</p>
</div>
</div>
</section>
<div class="about-us__item">
<img class="about-us__img" src="/images/about-us/info-card-banner-2.png" alt="img">
<div class="about-us__content">
<section class="about-us">
<div class="container about-us__container">
<div class="about-us__item">
<img class="about-us__img" src="/images/about-us/info-card-banner-1.png" alt="img">
<div class="about-us__content">
<div class="about-us__title-row">
<div class="about-us__icon">
{% include 'ui/icons/about/icon01.html' %}
</div>
<h3 class="h5 about-us__title">{{ page.extra.project_info_card_title_1 | safe }}</h3>
<div class="about-us__title-row">
<div class="about-us__icon">
{% include 'ui/icons/about/icon02.html' %}
</div>
<p class="p-card about-us__text">{{ page.extra.project_info_card_description_1 | safe }}</p>
<h3 class="h5 about-us__title">{{ page.extra.project_info_card_title_2 | safe }}</h3>
</div>
</div>
<div class="about-us__item">
<img class="about-us__img" src="/images/about-us/info-card-banner-2.png" alt="img">
<div class="about-us__content">
<div class="about-us__title-row">
<div class="about-us__icon">
{% include 'ui/icons/about/icon02.html' %}
</div>
<h3 class="h5 about-us__title">{{ page.extra.project_info_card_title_2 | safe }}</h3>
</div>
<p class="p-card about-us__text">{{ page.extra.project_info_card_description_2 | safe }}</p>
</div>
<p class="p-card about-us__text">{{ page.extra.project_info_card_description_2 | safe }}</p>
</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">
</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>
<p class="p-15 free-open__text">{{ page.extra.project_info_section_description | safe }}</p>
</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>
<div class="about-history__row">
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number">2011</div>
<div class="about-history__circle"></div>
</div>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_11 | safe }}</p>
</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>
<div class="about-history__row">
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number">2011</div>
<div class="about-history__circle"></div>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number ">2015</div>
<div class="about-history__circle"></div>
</div>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_15 | safe }}</p>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_11 | safe }}</p>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number ">2015</div>
<div class="about-history__circle"></div>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number about-history__number--green">2021</div>
<div class="about-history__circle"></div>
</div>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_21 | safe }}</p>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_15 | safe }}</p>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number about-history__number--green">2021</div>
<div class="about-history__circle"></div>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number about-history__number--green">2022</div>
<div class="about-history__circle"></div>
</div>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_22 | safe }}</p>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_21 | safe }}</p>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number about-history__number--green">2022</div>
<div class="about-history__circle"></div>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number about-history__number--green">2023</div>
<div class="about-history__circle"></div>
</div>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_23 | safe }}</p>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_22 | safe }}</p>
</div>
<div class="about-history__item">
<div class="about-history__count">
<div class="h6-date about-history__number about-history__number--green">2023</div>
<div class="about-history__circle"></div>
</div>
<p class="p-sm about-history__text">{{ page.extra.history_section_20_23 | safe }}</p>
</div>
</div>
</section>
</div>
</section>
<section class="about-links">
<div class="container about-links__container">
<h2 class="h6-bold about-links__title">{{ page.extra.integration_section_title | safe }}</h2>
<div class="about-links__buttons">
<a class="about-links__link" href="#" target="_blank">
<img class="about-links__img" src="/images/about-us/open-maps-banner.png" alt="img">
</a>
<a class="about-links__link" href="#" target="_blank">
<img class="about-links__img" src="/images/about-us/wikipedia-banner.png" alt="img">
</a>
<!-- <section class="about-links">-->
<!-- <div class="container about-links__container">-->
<!-- <h2 class="h6-bold about-links__title">{{ page.extra.integration_section_title | safe }}</h2>-->
<!-- <div class="about-links__buttons">-->
<!-- <a class="about-links__link" href="#" target="_blank">-->
<!-- <img class="about-links__img" src="/images/about-us/open-maps-banner.png" alt="img">-->
<!-- </a>-->
<!-- <a class="about-links__link" href="#" target="_blank">-->
<!-- <img class="about-links__img" src="/images/about-us/wikipedia-banner.png" alt="img">-->
<!-- </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- </section>-->
<section class="about-news">
<div class="container about-news__row">
<h2 class="h6-bold about-news__title">Media Highlights</h2>
<div class="about-news__content">
<div class="post-min">
<img class="post-min__img" src="/images/about-us/about-news01.png" alt="img" width="345">
<h2 class="h5-bold post-min__title">9 techy travel hacks for
your next trip</h2>
<div class="post-min__dates">
<div class="post-min__date">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<g clip-path="url(#clip0_43_1027)">
<path d="M11.3181 0.764648H10.171V1.91171C10.171 2.14112 9.97987 2.29406 9.7887 2.29406C9.59752 2.29406 9.40634 2.14112 9.40634 1.91171V0.764648H3.2887V1.91171C3.2887 2.14112 3.09752 2.29406 2.90634 2.29406C2.71517 2.29406 2.52399 2.14112 2.52399 1.91171V0.764648H1.37693C0.803401 0.764648 0.382812 1.26171 0.382812 1.91171V3.28818H12.6181V1.91171C12.6181 1.26171 11.9299 0.764648 11.3181 0.764648ZM0.382812 4.09112V11.0882C0.382812 11.7764 0.803401 12.2352 1.41517 12.2352H11.3563C11.9681 12.2352 12.6563 11.7382 12.6563 11.0882V4.09112H0.382812ZM3.78575 10.5146H2.86811C2.71517 10.5146 2.56222 10.3999 2.56222 10.2088V9.25288C2.56222 9.09994 2.67693 8.947 2.86811 8.947H3.82399C3.97693 8.947 4.12987 9.06171 4.12987 9.25288V10.2088C4.09164 10.3999 3.97693 10.5146 3.78575 10.5146ZM3.78575 7.07347H2.86811C2.71517 7.07347 2.56222 6.95877 2.56222 6.76759V5.81171C2.56222 5.65877 2.67693 5.50583 2.86811 5.50583H3.82399C3.97693 5.50583 4.12987 5.62053 4.12987 5.81171V6.76759C4.09164 6.95877 3.97693 7.07347 3.78575 7.07347ZM6.84458 10.5146H5.8887C5.73575 10.5146 5.58281 10.3999 5.58281 10.2088V9.25288C5.58281 9.09994 5.69752 8.947 5.8887 8.947H6.84458C6.99752 8.947 7.15046 9.06171 7.15046 9.25288V10.2088C7.15046 10.3999 7.03575 10.5146 6.84458 10.5146ZM6.84458 7.07347H5.8887C5.73575 7.07347 5.58281 6.95877 5.58281 6.76759V5.81171C5.58281 5.65877 5.69752 5.50583 5.8887 5.50583H6.84458C6.99752 5.50583 7.15046 5.62053 7.15046 5.81171V6.76759C7.15046 6.95877 7.03575 7.07347 6.84458 7.07347ZM9.9034 10.5146H8.94752C8.79458 10.5146 8.64164 10.3999 8.64164 10.2088V9.25288C8.64164 9.09994 8.75634 8.947 8.94752 8.947H9.9034C10.0563 8.947 10.2093 9.06171 10.2093 9.25288V10.2088C10.2093 10.3999 10.0946 10.5146 9.9034 10.5146ZM9.9034 7.07347H8.94752C8.79458 7.07347 8.64164 6.95877 8.64164 6.76759V5.81171C8.64164 5.65877 8.75634 5.50583 8.94752 5.50583H9.9034C10.0563 5.50583 10.2093 5.62053 10.2093 5.81171V6.76759C10.2093 6.95877 10.0946 7.07347 9.9034 7.07347Z"
fill="#AEC5BA"></path>
</g>
<defs>
<clipPath id="clip0_43_1027">
<rect width="13" height="13" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span class="p-sm post-min__date-title">December 7, 2023</span>
</div>
<div class="post-min__date">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.66671 1.08337L2.16671 1.08337C1.8795 1.08375 1.60417 1.198 1.40109 1.40109C1.198 1.60417 1.08375 1.8795 1.08337 2.16671L1.08337 10.2917C1.08385 10.7225 1.2552 11.1356 1.55985 11.4402C1.86449 11.7449 2.27754 11.9162 2.70837 11.9167L9.20837 11.9167C9.27952 11.9167 9.34997 11.9028 9.41571 11.8756C9.48145 11.8484 9.54117 11.8085 9.59148 11.7581C9.64179 11.7078 9.68169 11.6481 9.70889 11.5824C9.7361 11.5166 9.75008 11.4462 9.75004 11.375L9.75004 2.16671C9.74967 1.8795 9.63541 1.60417 9.43233 1.40109C9.22925 1.198 8.95391 1.08375 8.66671 1.08337ZM3.52087 3.25004L5.14587 3.25004C5.28953 3.25004 5.42731 3.30711 5.52889 3.40869C5.63047 3.51027 5.68754 3.64805 5.68754 3.79171C5.68754 3.93537 5.63047 4.07314 5.52889 4.17472C5.42731 4.27631 5.28953 4.33337 5.14587 4.33337L3.52087 4.33337C3.37722 4.33337 3.23944 4.27631 3.13786 4.17472C3.03628 4.07314 2.97921 3.93537 2.97921 3.79171C2.97921 3.64805 3.03628 3.51027 3.13786 3.40869C3.23944 3.30711 3.37722 3.25004 3.52087 3.25004ZM7.31254 10.0209L3.52087 10.0209C3.37722 10.0209 3.23944 9.96381 3.13786 9.86222C3.03628 9.76064 2.97921 9.62287 2.97921 9.47921C2.97921 9.33555 3.03628 9.19777 3.13786 9.09619C3.23944 8.99461 3.37722 8.93754 3.52087 8.93754L7.31254 8.93754C7.4562 8.93754 7.59398 8.99461 7.69556 9.09619C7.79714 9.19777 7.85421 9.33555 7.85421 9.47921C7.85421 9.62287 7.79714 9.76064 7.69556 9.86222C7.59398 9.96381 7.4562 10.0209 7.31254 10.0209ZM7.31254 8.12504L3.52087 8.12504C3.37722 8.12504 3.23944 8.06797 3.13786 7.96639C3.03628 7.86481 2.97921 7.72703 2.97921 7.58337C2.97921 7.43972 3.03628 7.30194 3.13786 7.20036C3.23944 7.09878 3.37722 7.04171 3.52087 7.04171L7.31254 7.04171C7.4562 7.04171 7.59398 7.09878 7.69556 7.20036C7.79714 7.30194 7.85421 7.43971 7.85421 7.58337C7.85421 7.72703 7.79714 7.86481 7.69556 7.96639C7.59398 8.06797 7.4562 8.12504 7.31254 8.12504ZM7.31254 6.22921L3.52087 6.22921C3.37722 6.22921 3.23944 6.17214 3.13786 6.07056C3.03628 5.96897 2.97921 5.8312 2.97921 5.68754C2.97921 5.54388 3.03628 5.40611 3.13786 5.30452C3.23944 5.20294 3.37722 5.14587 3.52087 5.14587L7.31254 5.14587C7.4562 5.14587 7.59397 5.20294 7.69556 5.30452C7.79714 5.40611 7.85421 5.54388 7.85421 5.68754C7.85421 5.8312 7.79714 5.96897 7.69556 6.07056C7.59398 6.17214 7.4562 6.22921 7.31254 6.22921Z"
fill="#AEC5BA"></path>
<path d="M10.2917 11.9167L9.20842 11.9167C9.13727 11.9167 9.06682 11.9028 9.00108 11.8756C8.93534 11.8484 8.87562 11.8085 8.82531 11.7581C8.775 11.7078 8.7351 11.6481 8.7079 11.5824C8.68069 11.5166 8.66671 11.4462 8.66675 11.375L8.66675 4.87504C8.66671 4.8039 8.68069 4.73344 8.7079 4.66771C8.7351 4.60197 8.775 4.54224 8.82531 4.49193C8.87561 4.44163 8.93534 4.40173 9.00108 4.37452C9.06682 4.34732 9.13727 4.33333 9.20841 4.33337L11.3751 4.33337C11.4462 4.33333 11.5167 4.34732 11.5824 4.37452C11.6482 4.40173 11.7079 4.44163 11.7582 4.49193C11.8085 4.54224 11.8484 4.60197 11.8756 4.66771C11.9028 4.73344 11.9168 4.8039 11.9167 4.87504L11.9167 10.2917C11.9163 10.7225 11.7449 11.1356 11.4403 11.4402C11.1356 11.7449 10.7226 11.9162 10.2917 11.9167ZM9.75008 10.8334L10.2917 10.8334C10.4354 10.8333 10.5731 10.7762 10.6747 10.6746C10.7762 10.5731 10.8333 10.4353 10.8334 10.2917L10.8334 5.41671L9.75008 5.41671L9.75008 10.8334Z"
fill="#AEC5BA"></path>
</svg>
<span class="p-sm post-min__date-title">News</span>
</div>
</div>
<p class="p-card post-min__text">
Whether you’re about to take a vacation or just dreaming of one, it’s helpful ...
</p>
<a class="p-sm post-min__link" href="/post/">More</a>
</div>
<div class="post-min">
<img class="post-min__img" src="/images/about-us/about-news02.png" alt="img">
<h2 class="h5-bold post-min__title">Organic Maps: An Open-Source Maps App That Doesn't Suck</h2>
<div class="post-min__dates">
<div class="post-min__date">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<g clip-path="url(#clip0_43_1027)">
<path d="M11.3181 0.764648H10.171V1.91171C10.171 2.14112 9.97987 2.29406 9.7887 2.29406C9.59752 2.29406 9.40634 2.14112 9.40634 1.91171V0.764648H3.2887V1.91171C3.2887 2.14112 3.09752 2.29406 2.90634 2.29406C2.71517 2.29406 2.52399 2.14112 2.52399 1.91171V0.764648H1.37693C0.803401 0.764648 0.382812 1.26171 0.382812 1.91171V3.28818H12.6181V1.91171C12.6181 1.26171 11.9299 0.764648 11.3181 0.764648ZM0.382812 4.09112V11.0882C0.382812 11.7764 0.803401 12.2352 1.41517 12.2352H11.3563C11.9681 12.2352 12.6563 11.7382 12.6563 11.0882V4.09112H0.382812ZM3.78575 10.5146H2.86811C2.71517 10.5146 2.56222 10.3999 2.56222 10.2088V9.25288C2.56222 9.09994 2.67693 8.947 2.86811 8.947H3.82399C3.97693 8.947 4.12987 9.06171 4.12987 9.25288V10.2088C4.09164 10.3999 3.97693 10.5146 3.78575 10.5146ZM3.78575 7.07347H2.86811C2.71517 7.07347 2.56222 6.95877 2.56222 6.76759V5.81171C2.56222 5.65877 2.67693 5.50583 2.86811 5.50583H3.82399C3.97693 5.50583 4.12987 5.62053 4.12987 5.81171V6.76759C4.09164 6.95877 3.97693 7.07347 3.78575 7.07347ZM6.84458 10.5146H5.8887C5.73575 10.5146 5.58281 10.3999 5.58281 10.2088V9.25288C5.58281 9.09994 5.69752 8.947 5.8887 8.947H6.84458C6.99752 8.947 7.15046 9.06171 7.15046 9.25288V10.2088C7.15046 10.3999 7.03575 10.5146 6.84458 10.5146ZM6.84458 7.07347H5.8887C5.73575 7.07347 5.58281 6.95877 5.58281 6.76759V5.81171C5.58281 5.65877 5.69752 5.50583 5.8887 5.50583H6.84458C6.99752 5.50583 7.15046 5.62053 7.15046 5.81171V6.76759C7.15046 6.95877 7.03575 7.07347 6.84458 7.07347ZM9.9034 10.5146H8.94752C8.79458 10.5146 8.64164 10.3999 8.64164 10.2088V9.25288C8.64164 9.09994 8.75634 8.947 8.94752 8.947H9.9034C10.0563 8.947 10.2093 9.06171 10.2093 9.25288V10.2088C10.2093 10.3999 10.0946 10.5146 9.9034 10.5146ZM9.9034 7.07347H8.94752C8.79458 7.07347 8.64164 6.95877 8.64164 6.76759V5.81171C8.64164 5.65877 8.75634 5.50583 8.94752 5.50583H9.9034C10.0563 5.50583 10.2093 5.62053 10.2093 5.81171V6.76759C10.2093 6.95877 10.0946 7.07347 9.9034 7.07347Z"
fill="#AEC5BA"></path>
</g>
<defs>
<clipPath id="clip0_43_1027">
<rect width="13" height="13" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span class="p-sm post-min__date-title">December 7, 2023</span>
</div>
<div class="post-min__date">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.66671 1.08337L2.16671 1.08337C1.8795 1.08375 1.60417 1.198 1.40109 1.40109C1.198 1.60417 1.08375 1.8795 1.08337 2.16671L1.08337 10.2917C1.08385 10.7225 1.2552 11.1356 1.55985 11.4402C1.86449 11.7449 2.27754 11.9162 2.70837 11.9167L9.20837 11.9167C9.27952 11.9167 9.34997 11.9028 9.41571 11.8756C9.48145 11.8484 9.54117 11.8085 9.59148 11.7581C9.64179 11.7078 9.68169 11.6481 9.70889 11.5824C9.7361 11.5166 9.75008 11.4462 9.75004 11.375L9.75004 2.16671C9.74967 1.8795 9.63541 1.60417 9.43233 1.40109C9.22925 1.198 8.95391 1.08375 8.66671 1.08337ZM3.52087 3.25004L5.14587 3.25004C5.28953 3.25004 5.42731 3.30711 5.52889 3.40869C5.63047 3.51027 5.68754 3.64805 5.68754 3.79171C5.68754 3.93537 5.63047 4.07314 5.52889 4.17472C5.42731 4.27631 5.28953 4.33337 5.14587 4.33337L3.52087 4.33337C3.37722 4.33337 3.23944 4.27631 3.13786 4.17472C3.03628 4.07314 2.97921 3.93537 2.97921 3.79171C2.97921 3.64805 3.03628 3.51027 3.13786 3.40869C3.23944 3.30711 3.37722 3.25004 3.52087 3.25004ZM7.31254 10.0209L3.52087 10.0209C3.37722 10.0209 3.23944 9.96381 3.13786 9.86222C3.03628 9.76064 2.97921 9.62287 2.97921 9.47921C2.97921 9.33555 3.03628 9.19777 3.13786 9.09619C3.23944 8.99461 3.37722 8.93754 3.52087 8.93754L7.31254 8.93754C7.4562 8.93754 7.59398 8.99461 7.69556 9.09619C7.79714 9.19777 7.85421 9.33555 7.85421 9.47921C7.85421 9.62287 7.79714 9.76064 7.69556 9.86222C7.59398 9.96381 7.4562 10.0209 7.31254 10.0209ZM7.31254 8.12504L3.52087 8.12504C3.37722 8.12504 3.23944 8.06797 3.13786 7.96639C3.03628 7.86481 2.97921 7.72703 2.97921 7.58337C2.97921 7.43972 3.03628 7.30194 3.13786 7.20036C3.23944 7.09878 3.37722 7.04171 3.52087 7.04171L7.31254 7.04171C7.4562 7.04171 7.59398 7.09878 7.69556 7.20036C7.79714 7.30194 7.85421 7.43971 7.85421 7.58337C7.85421 7.72703 7.79714 7.86481 7.69556 7.96639C7.59398 8.06797 7.4562 8.12504 7.31254 8.12504ZM7.31254 6.22921L3.52087 6.22921C3.37722 6.22921 3.23944 6.17214 3.13786 6.07056C3.03628 5.96897 2.97921 5.8312 2.97921 5.68754C2.97921 5.54388 3.03628 5.40611 3.13786 5.30452C3.23944 5.20294 3.37722 5.14587 3.52087 5.14587L7.31254 5.14587C7.4562 5.14587 7.59397 5.20294 7.69556 5.30452C7.79714 5.40611 7.85421 5.54388 7.85421 5.68754C7.85421 5.8312 7.79714 5.96897 7.69556 6.07056C7.59398 6.17214 7.4562 6.22921 7.31254 6.22921Z"
fill="#AEC5BA"></path>
<path d="M10.2917 11.9167L9.20842 11.9167C9.13727 11.9167 9.06682 11.9028 9.00108 11.8756C8.93534 11.8484 8.87562 11.8085 8.82531 11.7581C8.775 11.7078 8.7351 11.6481 8.7079 11.5824C8.68069 11.5166 8.66671 11.4462 8.66675 11.375L8.66675 4.87504C8.66671 4.8039 8.68069 4.73344 8.7079 4.66771C8.7351 4.60197 8.775 4.54224 8.82531 4.49193C8.87561 4.44163 8.93534 4.40173 9.00108 4.37452C9.06682 4.34732 9.13727 4.33333 9.20841 4.33337L11.3751 4.33337C11.4462 4.33333 11.5167 4.34732 11.5824 4.37452C11.6482 4.40173 11.7079 4.44163 11.7582 4.49193C11.8085 4.54224 11.8484 4.60197 11.8756 4.66771C11.9028 4.73344 11.9168 4.8039 11.9167 4.87504L11.9167 10.2917C11.9163 10.7225 11.7449 11.1356 11.4403 11.4402C11.1356 11.7449 10.7226 11.9162 10.2917 11.9167ZM9.75008 10.8334L10.2917 10.8334C10.4354 10.8333 10.5731 10.7762 10.6747 10.6746C10.7762 10.5731 10.8333 10.4353 10.8334 10.2917L10.8334 5.41671L9.75008 5.41671L9.75008 10.8334Z"
fill="#AEC5BA"></path>
</svg>
<span class="p-sm post-min__date-title">News</span>
</div>
</div>
<p class="p-card post-min__text">
A couple weeks ago while perusing Hacker News, I came across an open-source ...
</p>
<a class="p-sm post-min__link" href="/post/">More</a>
</div>
<div class="post-min">
<img class="post-min__img" src="/images/about-us/about-news03.png" alt="img">
<h2 class="h5-bold post-min__title">10 Offline Navigation Apps to Use When You are Lost or No Network</h2>
<div class="post-min__dates">
<div class="post-min__date">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<g clip-path="url(#clip0_43_1027)">
<path d="M11.3181 0.764648H10.171V1.91171C10.171 2.14112 9.97987 2.29406 9.7887 2.29406C9.59752 2.29406 9.40634 2.14112 9.40634 1.91171V0.764648H3.2887V1.91171C3.2887 2.14112 3.09752 2.29406 2.90634 2.29406C2.71517 2.29406 2.52399 2.14112 2.52399 1.91171V0.764648H1.37693C0.803401 0.764648 0.382812 1.26171 0.382812 1.91171V3.28818H12.6181V1.91171C12.6181 1.26171 11.9299 0.764648 11.3181 0.764648ZM0.382812 4.09112V11.0882C0.382812 11.7764 0.803401 12.2352 1.41517 12.2352H11.3563C11.9681 12.2352 12.6563 11.7382 12.6563 11.0882V4.09112H0.382812ZM3.78575 10.5146H2.86811C2.71517 10.5146 2.56222 10.3999 2.56222 10.2088V9.25288C2.56222 9.09994 2.67693 8.947 2.86811 8.947H3.82399C3.97693 8.947 4.12987 9.06171 4.12987 9.25288V10.2088C4.09164 10.3999 3.97693 10.5146 3.78575 10.5146ZM3.78575 7.07347H2.86811C2.71517 7.07347 2.56222 6.95877 2.56222 6.76759V5.81171C2.56222 5.65877 2.67693 5.50583 2.86811 5.50583H3.82399C3.97693 5.50583 4.12987 5.62053 4.12987 5.81171V6.76759C4.09164 6.95877 3.97693 7.07347 3.78575 7.07347ZM6.84458 10.5146H5.8887C5.73575 10.5146 5.58281 10.3999 5.58281 10.2088V9.25288C5.58281 9.09994 5.69752 8.947 5.8887 8.947H6.84458C6.99752 8.947 7.15046 9.06171 7.15046 9.25288V10.2088C7.15046 10.3999 7.03575 10.5146 6.84458 10.5146ZM6.84458 7.07347H5.8887C5.73575 7.07347 5.58281 6.95877 5.58281 6.76759V5.81171C5.58281 5.65877 5.69752 5.50583 5.8887 5.50583H6.84458C6.99752 5.50583 7.15046 5.62053 7.15046 5.81171V6.76759C7.15046 6.95877 7.03575 7.07347 6.84458 7.07347ZM9.9034 10.5146H8.94752C8.79458 10.5146 8.64164 10.3999 8.64164 10.2088V9.25288C8.64164 9.09994 8.75634 8.947 8.94752 8.947H9.9034C10.0563 8.947 10.2093 9.06171 10.2093 9.25288V10.2088C10.2093 10.3999 10.0946 10.5146 9.9034 10.5146ZM9.9034 7.07347H8.94752C8.79458 7.07347 8.64164 6.95877 8.64164 6.76759V5.81171C8.64164 5.65877 8.75634 5.50583 8.94752 5.50583H9.9034C10.0563 5.50583 10.2093 5.62053 10.2093 5.81171V6.76759C10.2093 6.95877 10.0946 7.07347 9.9034 7.07347Z"
fill="#AEC5BA"></path>
</g>
<defs>
<clipPath id="clip0_43_1027">
<rect width="13" height="13" fill="white"></rect>
</clipPath>
</defs>
</svg>
<span class="p-sm post-min__date-title">December 7, 2023</span>
</div>
<div class="post-min__date">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
<path d="M8.66671 1.08337L2.16671 1.08337C1.8795 1.08375 1.60417 1.198 1.40109 1.40109C1.198 1.60417 1.08375 1.8795 1.08337 2.16671L1.08337 10.2917C1.08385 10.7225 1.2552 11.1356 1.55985 11.4402C1.86449 11.7449 2.27754 11.9162 2.70837 11.9167L9.20837 11.9167C9.27952 11.9167 9.34997 11.9028 9.41571 11.8756C9.48145 11.8484 9.54117 11.8085 9.59148 11.7581C9.64179 11.7078 9.68169 11.6481 9.70889 11.5824C9.7361 11.5166 9.75008 11.4462 9.75004 11.375L9.75004 2.16671C9.74967 1.8795 9.63541 1.60417 9.43233 1.40109C9.22925 1.198 8.95391 1.08375 8.66671 1.08337ZM3.52087 3.25004L5.14587 3.25004C5.28953 3.25004 5.42731 3.30711 5.52889 3.40869C5.63047 3.51027 5.68754 3.64805 5.68754 3.79171C5.68754 3.93537 5.63047 4.07314 5.52889 4.17472C5.42731 4.27631 5.28953 4.33337 5.14587 4.33337L3.52087 4.33337C3.37722 4.33337 3.23944 4.27631 3.13786 4.17472C3.03628 4.07314 2.97921 3.93537 2.97921 3.79171C2.97921 3.64805 3.03628 3.51027 3.13786 3.40869C3.23944 3.30711 3.37722 3.25004 3.52087 3.25004ZM7.31254 10.0209L3.52087 10.0209C3.37722 10.0209 3.23944 9.96381 3.13786 9.86222C3.03628 9.76064 2.97921 9.62287 2.97921 9.47921C2.97921 9.33555 3.03628 9.19777 3.13786 9.09619C3.23944 8.99461 3.37722 8.93754 3.52087 8.93754L7.31254 8.93754C7.4562 8.93754 7.59398 8.99461 7.69556 9.09619C7.79714 9.19777 7.85421 9.33555 7.85421 9.47921C7.85421 9.62287 7.79714 9.76064 7.69556 9.86222C7.59398 9.96381 7.4562 10.0209 7.31254 10.0209ZM7.31254 8.12504L3.52087 8.12504C3.37722 8.12504 3.23944 8.06797 3.13786 7.96639C3.03628 7.86481 2.97921 7.72703 2.97921 7.58337C2.97921 7.43972 3.03628 7.30194 3.13786 7.20036C3.23944 7.09878 3.37722 7.04171 3.52087 7.04171L7.31254 7.04171C7.4562 7.04171 7.59398 7.09878 7.69556 7.20036C7.79714 7.30194 7.85421 7.43971 7.85421 7.58337C7.85421 7.72703 7.79714 7.86481 7.69556 7.96639C7.59398 8.06797 7.4562 8.12504 7.31254 8.12504ZM7.31254 6.22921L3.52087 6.22921C3.37722 6.22921 3.23944 6.17214 3.13786 6.07056C3.03628 5.96897 2.97921 5.8312 2.97921 5.68754C2.97921 5.54388 3.03628 5.40611 3.13786 5.30452C3.23944 5.20294 3.37722 5.14587 3.52087 5.14587L7.31254 5.14587C7.4562 5.14587 7.59397 5.20294 7.69556 5.30452C7.79714 5.40611 7.85421 5.54388 7.85421 5.68754C7.85421 5.8312 7.79714 5.96897 7.69556 6.07056C7.59398 6.17214 7.4562 6.22921 7.31254 6.22921Z"
fill="#AEC5BA"></path>
<path d="M10.2917 11.9167L9.20842 11.9167C9.13727 11.9167 9.06682 11.9028 9.00108 11.8756C8.93534 11.8484 8.87562 11.8085 8.82531 11.7581C8.775 11.7078 8.7351 11.6481 8.7079 11.5824C8.68069 11.5166 8.66671 11.4462 8.66675 11.375L8.66675 4.87504C8.66671 4.8039 8.68069 4.73344 8.7079 4.66771C8.7351 4.60197 8.775 4.54224 8.82531 4.49193C8.87561 4.44163 8.93534 4.40173 9.00108 4.37452C9.06682 4.34732 9.13727 4.33333 9.20841 4.33337L11.3751 4.33337C11.4462 4.33333 11.5167 4.34732 11.5824 4.37452C11.6482 4.40173 11.7079 4.44163 11.7582 4.49193C11.8085 4.54224 11.8484 4.60197 11.8756 4.66771C11.9028 4.73344 11.9168 4.8039 11.9167 4.87504L11.9167 10.2917C11.9163 10.7225 11.7449 11.1356 11.4403 11.4402C11.1356 11.7449 10.7226 11.9162 10.2917 11.9167ZM9.75008 10.8334L10.2917 10.8334C10.4354 10.8333 10.5731 10.7762 10.6747 10.6746C10.7762 10.5731 10.8333 10.4353 10.8334 10.2917L10.8334 5.41671L9.75008 5.41671L9.75008 10.8334Z"
fill="#AEC5BA"></path>
</svg>
<span class="p-sm post-min__date-title">News</span>
</div>
</div>
<p class="p-card post-min__text">
Smart navigation apps are a game changer for our daily lives and the way we travel
</p>
<a class="p-sm post-min__link" href="/post/">More</a>
</div>
</div>
</section>
{% include 'section/donate.html' %}
</div>
</section>
{% include 'section/donate.html' %}
{%- endblock content %}