[WIP] Major website redesign

.github/workflows/publish.yml

@@ -4,7 +4,7 @@ env:
   ZOLA_VERSION: 0.17.2
 
 on:
-  workflow_dispatch:  # keep manual Github Action trigger in case of any issues with CF pages
+  workflow_dispatch:  # keep manual Github Action trigger in case of any issues with CF section
 #  push:
 
 jobs:
@@ -26,7 +26,7 @@ jobs:
           ./zola build
 
       - name: Publish to Cloudflare Pages
-        uses: cloudflare/pages-action@v1
+        uses: cloudflare/section-action@v1
         with:
           apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
           accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}

.gitignore

@@ -3,3 +3,4 @@
 node_modules
 public
 translations.yaml
+.idea/

_draft/faq_post.html

@@ -0,0 +1,76 @@
+{% extends 'base.html' %}
+
+{% 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">
+                    <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>
+
+
+        </div>
+    </div>
+</section>
+<section class="search">
+    <div class="container search__container">
+        <label class="search__label" for="inpSearch">
+            {% include 'ui/search.html' %}
+            <input class="search__input" id="inpSearch" type="text" placeholder="Search">
+        </label>
+    </div>
+</section>
+
+
+<section class="faq-post">
+    <div class="container faq-page-list__row">
+        <h2 class="h2-inter faq-page-list__title">App</h2>
+        <div class="line line--full"></div>
+        <h2 class="h1-inter faq-page-list__title">How to edit or move bookmarks?</h2>
+        <div class="faq-page-list__buttons">
+
+            <button class="button button--line-min">Android</button>
+            <button class="button button--line-min">iOS</button>
+            <button class="button button--line-min">MacOS</button>
+            <button class="button button--line-min">Linux</button>
+
+        </div>
+        <div class="faq-page-list__row">
+            <div class="faq-page-list__item">
+                <div class="faq-page-list__img">
+                    <img src="/images/faq/single-faq/image-1.png" alt="img">
+                </div>
+                <div class="faq-page-list__content">
+                    <p class="p faq-page-list__text">To edit a bookmark use longtap menu or hit "Edit bookmark" when bookmark is selected on map.</p>
+                </div>
+            </div>
+            <div class="faq-page-list__item">
+                <div class="faq-page-list__img">
+                    <img src="/images/faq/single-faq/image-2.png" alt="img">
+                </div>
+                <div class="faq-page-list__content">
+                    <p class="p faq-page-list__text">You can change bookmark name, description, color, and folder. Don't forget to tap "Save".</p>
+                </div>
+            </div>
+        </div>
+
+    </div>
+</section>
+
+{% endblock content %}

_draft/new-news.html

@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+
+{%- block content %}
+
+
+    news
+
+
+{%- endblock content %}

_draft/post/index.md

@@ -0,0 +1,25 @@
+---
+description: 
+template: news_post.html
+weight: 10
+extra:
+  hero_title: Donate
+  hero_image: /new-donate/donate-bg.png
+  menu_title_pre: Home
+  hero_description: Donate and create better maps together!
+  info_section_card_description_1: We rely on your donations to keep Organic Maps open, free, and without ads
+  info_section_card_description_2: We are a few enthusiasts contributing in our free time, and spending our families' money on the project. We love what we do, and we love our users
+  info_section_card_description_3: With your support, we are working toward a privacy-focused offering that is the preferred choice on the market
+  funding_section_title: How will funding be used?
+  funding_section_card_title_1: Developers
+  funding_section_card_title_2: Infrastructure
+  funding_section_card_title_3: Support
+  funding_section_card_description_1: Currently there is no full time team who is working to develop new features and improve the service. To consistently move the product forward, a core team is needed.
+  funding_section_card_description_2: We pay for fast servers, so anyone in the world can download free map data updates without delays. The maps data transfers are hundreds of terabytes monthly, and the amount is growing.
+  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_name_1: Name Donat
+  users_way_donation_name_2: Name Donat
+---