Merge pull request #23 from stepanzh/22-update-template

stepanzh · web-flow · commit 040a6aa47044 · 2023-11-30T15:15:15.000+03:00
22 update template
diff --git a/templates/base.html b/templates/base.html
@@ -2,7 +2,9 @@
   Base template for other pages
 
   Blocks to extend
-  - title: page title
+  - pagedescription: description of page for search engines (meta description)
+  - pagetitle: page title
+  - pagekeywords: keywords of page for search engines (meta keywords)
   - [pagecss]: custom css
   - [headjavascript]: javascript to load in <head>
   - content: body of page
@@ -42,10 +44,10 @@
 
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="Пересчитайте рецепт на любой ингредиент или число порций. Удобный и бесплатный калькулятор Пропорцио.">
-  <meta name="keywords" content="калькулятор рецептов, бесплатно, калькулятор ингредиентов, пересчитать рецепт, посчитать пропорцию, пропорция, рецепт, кулинария, готовка">
+  <meta name="description" content="{% block pagedescription %}Пересчитайте рецепт на любой ингредиент или число порций. Удобный и бесплатный калькулятор Пропорцио.{% endblock %}">
+  <meta name="keywords" content="{% block pagekeywords %}калькулятор рецептов, бесплатно, калькулятор ингредиентов, пересчитать рецепт, посчитать пропорцию, пропорция, рецепт, кулинария, готовка{% endblock %}">
 
-  <title>Пересчитать рецепт &#8212; Пропорцио</title>
+  <title>{% block pagetitle %}Пересчитать рецепт{% endblock %} {{ longdash }} Пропорцио</title>
 
   <!-- Fonts -->
   <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
diff --git a/templates/examples.html b/templates/examples.html
@@ -1,11 +1,14 @@
 {% extends 'base.html' %}
 
-{% block title %}Пропорцио {{ longdash }} примеры{% endblock %}
+{% block pagedescription %}Примеры файлов с рецептами для калькулятора Пропорцио.{% endblock %}
+{% block pagekeywords %}рецепт, пример, паста, тесто, суп, пицца, оладьи, лимонад, калькулятор рецептов, пропорцио{% endblock %}
+{% block pagetitle %}Примеры рецептов{% endblock %}
+
 {% block pagecss %}<link rel="stylesheet" href="css/examples.css">{% endblock %}
 
 {% block content %}
   <div id="shell">
-    <h1>Пропорцио {{ longdash }} примеры</h1>
+    <h1>Примеры рецептов {{ longdash }} Пропорцио</h1>
     <p>Выберите пример (рецепт) из списка, загрузите на компьютер или телефон и импортируйте в <a href="index.html" target="_blank">Пропорцио</a>.</p>
     <div id="examples">
       {% for example in recipe_examples %}
diff --git a/templates/index.html b/templates/index.html
@@ -1,6 +1,8 @@
 {% extends 'base.html' %}
 
-{% block title %}Пропорцио {{ longdash }} калькулятор рецептов по ингредиенту или порциям{% endblock %}
+{% block pagedescription %}Пересчитайте рецепт на любой ингредиент или число порций. Удобный и бесплатный калькулятор Пропорцио.{% endblock %}
+{% block pagekeywords %}калькулятор рецептов, бесплатно, калькулятор ингредиентов, пересчитать рецепт, посчитать пропорцию, пропорция, рецепт, кулинария, готовка{% endblock %}
+{% block pagetitle %}Пересчитать рецепт{% endblock %}
 
 {% block pagecss %}<link rel="stylesheet" href="css/index.css">{% endblock %}
 
diff --git a/templates/promo.html b/templates/promo.html
@@ -1,6 +1,8 @@
 {% extends 'base.html' %}
 
-{% block pagetitle %}Пропорцио {{ longdash }} подарки пользователям{% endblock %}
+{% block pagedescription %}Промокод на скидку и еженедельные подарки от магазина молочной продукции и сладостей «Чистая Линия».{% endblock %}
+{% block pagekeywords %}промокод, чистая линия, омолоко, мороженое, заказ, скидка, калькулятор рецептов, пропорцио{% endblock %}
+{% block pagetitle %}Подарки{% endblock %}
 
 {% block pagecss %}<link rel="stylesheet" href="css/promo.css">{% endblock %}
 
@@ -9,6 +11,7 @@
     <image id="promo" src="promo.jpg" alt="чистая линия промокод скидка SML766278"/>
     <p class="caption">Мы не всегда успеваем обновлять промокод на подарок, а вот промокод на скидку SML766278 работает всегда!</p>
     <a class="default-button" href="https://omoloko.ru/" target="_blank">Интернет-магазин «Чистая Линия»</a>
+    <a class="default-button" href="https://vk.com/@proportioapp-usloviya-akcii-ot-chistoi-linii" target="_blank">Почему мы делимся промокодами?</a>
     <a class="default-button" href="index.html">Вернуться в Пропорцио</a>
   </div>
 {% endblock %}
