From c4fc18d9ac1ebedca04da3bc6f8ca47f5ea4bea0 Mon Sep 17 00:00:00 2001
From: stepanzh <stepanzh@gmail.com>
Date: Fri, 16 Feb 2024 13:04:11 +0300
Subject: [PATCH] feat: app menu is restructructured

Closes #52
---
 static/icons/book_open.svg |  3 +++
 static/icons/newspaper.svg |  3 +++
 templates/index.html       | 52 ++++++++++----------------------------
 3 files changed, 20 insertions(+), 38 deletions(-)
 create mode 100644 static/icons/book_open.svg
 create mode 100644 static/icons/newspaper.svg

diff --git a/static/icons/book_open.svg b/static/icons/book_open.svg
new file mode 100644
index 0000000..697b466
--- /dev/null
+++ b/static/icons/book_open.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6 2.292m0-14.25v14.25" />
+</svg>
diff --git a/static/icons/newspaper.svg b/static/icons/newspaper.svg
new file mode 100644
index 0000000..760d184
--- /dev/null
+++ b/static/icons/newspaper.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 7.5h1.5m-1.5 3h1.5m-7.5 3h7.5m-7.5 3h7.5m3-9h3.375c.621 0 1.125.504 1.125 1.125V18a2.25 2.25 0 0 1-2.25 2.25M16.5 7.5V18a2.25 2.25 0 0 0 2.25 2.25M16.5 7.5V4.875c0-.621-.504-1.125-1.125-1.125H4.125C3.504 3.75 3 4.254 3 4.875V18a2.25 2.25 0 0 0 2.25 2.25h13.5M6 7.5h3v3H6v-3Z" />
+</svg>
diff --git a/templates/index.html b/templates/index.html
index 79c32be..d679889 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -79,60 +79,36 @@
           </div>
         </section>
 
-        <!-- Recipe examples -->
+        <!-- Support development -->
         <section class="app-menu-item-group">
           <div class="app-menu-item">
-            <a href="examples.html" target="_blank">
-              <span class="app-menu-item__icon">{{ icons.academic_hat }}</span>
-              <span class="app-menu-item__caption">Примеры рецептов</span>
+            <a href="{{ links.payment }}" target="_blank">
+              <span class="app-menu-item__icon">{{ icons.dollar }}</span>
+              <span class="app-menu-item__caption">Поблагодарить автора</span>
               <span class="app-menu-item__external-link-icon">{{ icons.external_link_mini }}</span>
             </a>
           </div>
         </section>
 
-        <!-- Project help -->
+        <!-- Site navigation -->
         <section class="app-menu-item-group">
-          <header>Помощь проекту</header>
-          <!-- Help by donation -->
-          <div class="app-menu-item">
-            <a href="{{ links.payment }}" target="_blank">
-              <span class="app-menu-item__icon">{{ icons.dollar }}</span>
-              <span class="app-menu-item__caption">Помочь монетой</span>
-              <span class="app-menu-item__external-link-icon">{{ icons.external_link_mini }}</span>
-            </a>
-          </div>
-          <!-- Help by developing -->
+          <header>Разделы сайта</header>
           <div class="app-menu-item">
-            <a href="{{ links.repository }}" target="_blank">
-              <span class="app-menu-item__icon">{{ icons.github }}</span>
-              <span class="app-menu-item__caption">Помочь разработкой</span>
-              <span class="app-menu-item__external-link-icon">{{ icons.external_link_mini }}</span>
+            <a href="promo.html" target="_blank">
+              <span class="app-menu-item__icon">{{ icons.gift }}</span>
+              <span class="app-menu-item__caption">Подарки</span>
             </a>
           </div>
-          <!-- Help by feedback -->
           <div class="app-menu-item">
-            <a href="{{ contacts.Stepan.telegram }}" target="_blank">
-              <span class="app-menu-item__icon">{{ icons.chat }}</span>
-              <span class="app-menu-item__caption">Помочь словом</span>
-              <span class="app-menu-item__external-link-icon">{{ icons.external_link_mini }}</span>
+            <a href="examples.html" target="_blank">
+              <span class="app-menu-item__icon">{{ icons.book_open }}</span>
+              <span class="app-menu-item__caption">Рецепты</span>
             </a>
           </div>
-        </section>
-
-        <!-- Feedback -->
-          <section class="app-menu-item-group">
-          <header>Обратная связь</header>
           <div class="app-menu-item">
             <a href="{{ links.vk_community }}" target="_blank">
-              <span class="app-menu-item__icon">{{ icons.vk }}</span>
-              <span class="app-menu-item__caption">ВК сообщество</span>
-              <span class="app-menu-item__external-link-icon">{{ icons.external_link_mini }}</span>
-            </a>
-          </div>
-          <div class="app-menu-item">
-            <a href="{{ contacts.Stepan.telegram }}" target="_blank">
-              <span class="app-menu-item__icon">{{ icons.telegram }}</span>
-              <span class="app-menu-item__caption">{{ contacts.Stepan.firstname}} {{ contacts.Stepan.secondname }}</span>
+              <span class="app-menu-item__icon">{{ icons.newspaper }}</span>
+              <span class="app-menu-item__caption">Новости (ВКонтакте)</span>
               <span class="app-menu-item__external-link-icon">{{ icons.external_link_mini }}</span>
             </a>
           </div>