Compare commits
1
Commits
v0.2.8
...
4604f6923a
| Author | SHA1 | Date | |
|---|---|---|---|
 erjemin
|
4604f6923a |
@@ -1,6 +1,18 @@
|
|||||||
from django.contrib.sitemaps import Sitemap
|
from django.contrib.sitemaps import Sitemap
|
||||||
|
from django.urls import reverse
|
||||||
from .models import Post
|
from .models import Post
|
||||||
|
|
||||||
|
class StaticViewSitemap(Sitemap):
|
||||||
|
"""Карта сайта для статических страниц (главная и др.)."""
|
||||||
|
priority = 1.0
|
||||||
|
changefreq = "daily"
|
||||||
|
|
||||||
|
def items(self):
|
||||||
|
return ['index']
|
||||||
|
|
||||||
|
def location(self, item):
|
||||||
|
return reverse(item)
|
||||||
|
|
||||||
class PostSitemap(Sitemap):
|
class PostSitemap(Sitemap):
|
||||||
changefreq = "weekly" # Как часто меняются страницы
|
changefreq = "weekly" # Как часто меняются страницы
|
||||||
priority = 0.9 # Приоритет (от 0.0 до 1.0)
|
priority = 0.9 # Приоритет (от 0.0 до 1.0)
|
||||||
|
|||||||
@@ -4,51 +4,314 @@
|
|||||||
{% block title %}Песочница верстки — ETPGRF{% endblock %}
|
{% block title %}Песочница верстки — ETPGRF{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row">
|
|
||||||
|
|
||||||
{# Левая колонка: Дата и Картинка #}
|
<div class="row align-items-start">
|
||||||
<div class="col-lg-2 align-self-start text-end mb-4">
|
<div class="col border-end">
|
||||||
<p class="small align-self-end">
|
<h3>Сайт typograph.cube2.ru</h3>
|
||||||
<small class="bg-secondary bg-opacity-10 p-2 text-nowrap">
|
|
||||||
12.фев.2026
|
<p>Исходный код сайта онланй-типографа <tt>etpgrf</tt> доступен в нескольких репози­ториях (<a
|
||||||
</small>
|
href="https://github.com/erjemin/etpgrf-site" target="_blank">GitHub</a>, <a
|
||||||
</p>
|
href="https://gitverse.ru/erjemin/etpgrf-site" target="_blank">GitVerse</a> и <a
|
||||||
|
href="https://git.cube2.ru/erjemin/2026-etpgrf-site" target="_blank">Сube2</a>. Наиболее заметные изменения
|
||||||
|
сайта онлайн-типографа приводятся ниже в хронологическом порядке. Для полного списка изменений,
|
||||||
|
включая мелкие фиксы и коммиты, пожалуйста, обратитесь к истории репозитория.</p>
|
||||||
|
|
||||||
|
<h4>[0.2.8] - 2026–10–04</h4>
|
||||||
|
<h5>Добавлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Локальная статика для внешних фронтенд-библиотек (Bootstrap 5, Bootstrap Icons, HTMX, Alpine.js,
|
||||||
|
CodeMirror 6) для работы интер­фейса при недос­тупности CDN.
|
||||||
|
</li>
|
||||||
|
<li>Стратегия fallback-подключения в шаблонах: автома­тическое переклю­чение на локальную
|
||||||
|
статику при сбое или блокировке CDN.
|
||||||
|
</li>
|
||||||
|
<li>Скрипт копиро­вания production-ассетов <code>frontend-assembly/copy-vendor.js</code>
|
||||||
|
и обновление сборки через <code>frontend-assembly/assembly_via_npm.sh</code>.
|
||||||
|
</li>
|
||||||
|
<li>Автомати­ческие тесты проверки наличия стати­ческих вендорных ассетов и коррект­ности
|
||||||
|
ренде­ринга fallback-подключений в <code>typograph/tests.py</code>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Обновлен и структу­рирован <code>.gitignore</code> с подроб­ными коммен­тариями.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>[0.2.7] - 2026–03–22</h4>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Обновление всех пактов, включая <tt>etpgrf</tt> (v0.1.5 → v0.1.6.post1).</li>
|
||||||
|
</ul>
|
||||||
|
<h4>Исправлено</h4>
|
||||||
|
<ul>
|
||||||
|
<li><code>canonical</code> для страниц учитывает https/http.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>[0.2.6] - 2026–02–28</h4>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Подключена новая версия библиотеки <tt>etpgrf</tt> (v0.1.4 → v0.1.5).</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>[0.2.5] — 2026–02–13</h4>
|
||||||
|
<h5>Добавлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Редизайн списка постов в блоге: шахматный порядок, вертикальные разделители, улучшенная адаптивность
|
||||||
|
для мобильных
|
||||||
|
устройств.
|
||||||
|
</li>
|
||||||
|
<li>Поле <code>updated_at</code> (<em>Дата обновления</em>) в модели, админке, блогах, страницах, <tt>sitemaps.xml</tt>
|
||||||
|
и микро­разметке <tt>Schema.org</tt> для улучшения <abbr
|
||||||
|
title="Search Engine Optimization / Поисковая оптимизация">SEO</abbr>, <abbr
|
||||||
|
title="Generative Engine Optimization / Оптимизацию для Генеративных нейросетей и ИИ-поисковиков">GEO</abbr>
|
||||||
|
и <abbr title="Large Language Model Optimization / Оптимизация под Большие Языковые Модели">LLMO</abbr>.
|
||||||
|
</li>
|
||||||
|
<li><tt>README.md</tt> с описанием проекта онлайн-типографа, его особенностей, технического стека и инструкциями
|
||||||
|
по установке и запуску.
|
||||||
|
</li>
|
||||||
|
<li>Отображение заголовков постов в списке админки без HTML-мнемоник (декоди­рование <code>&nbsp;</code>
|
||||||
|
и др.).
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Исправлены ошибки в шаблоне <tt>post_list.html</tt> (и полностью переработан дизайн в целом).
|
||||||
|
<ul>
|
||||||
|
<li>Улучшено отображение даты и скрытие декоративных изображений в списке постов на мобильных
|
||||||
|
устройствах.
|
||||||
|
</li>
|
||||||
|
<li>Оптими­зированы отступы и типографика в списке постов.</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>Формирование <code>slug</code> из <code>title</code> при сохранении поста или страницы с исполь­зованием
|
||||||
|
библиотеки <code>pytils</code> для трансли­терации с очистикой от HTML-мнемоник и создания
|
||||||
|
<abbr title="Uniform Resource Locator / Унифицированный Указатель Ресурса">URL</abbr>-дружес­твенных
|
||||||
|
строк.
|
||||||
|
</li>
|
||||||
|
<li>Дизайн и вёрстка страниц для постов блога и вспомо­гательных страниц для мобильных
|
||||||
|
устройств (адаптивность, скрытие картинки-обложки).
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>[0.2.4] — 2026–02–12</h4>
|
||||||
|
<h5>Добавлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Микро­разметка <code>Schema.org</code> (JSON-LD) для постов и страниц для улучшения
|
||||||
|
SEO и понимания контента поисковиками и ИИ.
|
||||||
|
</li>
|
||||||
|
<li>Файл <code>llms.txt</code> для предоста­вления информации о сайте и API для больших
|
||||||
|
языковых моделей (<abbr title="Large Language Model">LLM</abbr>) в соответвиии со стандартом GEO
|
||||||
|
и LLMO.
|
||||||
|
</li>
|
||||||
|
<li>Кастомный фильтр <code>unescape</code> для очистки мета-тегов от HTML-сущностей и переводов
|
||||||
|
строк.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h5>Исправлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Исправлена ошибка, при которой счетчик символов не обновлялся при восста­новлении вкладки
|
||||||
|
из истории браузера.
|
||||||
|
</li>
|
||||||
|
<li>Исправлена ошибка экрани­рования кавычек в <tt>JSON-LD</tt>, <tt>Title</tt>
|
||||||
|
и <tt>Description</tt>.
|
||||||
|
</li>
|
||||||
|
<li>В <code>docker-compose.yaml</code> додавлен перезапуск <code>watchtower</code> при его
|
||||||
|
остановке.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4>[0.2.3] — 2026–02–11</h4>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Добавлена кнопка очистки текста во вводном поле и счетчик вводимых символов.</li>
|
||||||
|
</ul>
|
||||||
|
<h4>[0.2.2] — 2026–02–03</h4>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>В онлайн-типографе подключена новая версия библиотеки <tt>etpgrf</tt> (v0.1.3 → v0.1.4).</li>
|
||||||
|
<li>Незначи­тельные улучшения в оформлении.</li>
|
||||||
|
</ul>
|
||||||
|
<h4>v0.2.1 — 2026–01–30</h4>
|
||||||
|
<h5>Исправлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Исправление ошибок при формировании мета-тегов, картинок, <code>alt</code> под картинками
|
||||||
|
и т. п.
|
||||||
|
</li>
|
||||||
|
<li>Исправлена ошибка в настройках nginx внутри docker-контейнера возникавшая при отдаче
|
||||||
|
media-файлов.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>При создании записи в блог или страницы «тизер» обязателен!</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>v0.2.0 — 2026–01–28</h4>
|
||||||
|
<h5>Добавлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Приложение blog (для страниц и постов) и соответ­ствующие изменения в моделях базы,
|
||||||
|
добавление новых view и шаблонов.
|
||||||
|
</li>
|
||||||
|
<li>Песочница (шаблон <code>blog/templates/blog/tmp.html</code> для тестирования верстки (доступен только в режиме
|
||||||
|
debug).
|
||||||
|
</li>
|
||||||
|
<li>Динамическое создание sitemap.xml</li>
|
||||||
|
<li>robots.txt</li>
|
||||||
|
<li>Изменения в шапке сайта (меню и бургер)</li>
|
||||||
|
</ul>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Спрятан <code>url</code> админки типографа. Его расположение теперь задается через переменные окружения
|
||||||
|
в <code>.env</code>.
|
||||||
|
</li>
|
||||||
|
<li><code>favicon.ico</code> оптими­зирована для Яндекс (120х120px).</li>
|
||||||
|
<li>Исправлено поведение шапки и логотива для мобильных устройств.</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<h4>v0.1.8 — 2026–01–23</h4>
|
||||||
|
Коммит:
|
||||||
|
846c066
|
||||||
|
|
||||||
|
<h4>v0.1.7 — 2026–01–23</h4>
|
||||||
|
Коммит:
|
||||||
|
d74bee2
|
||||||
|
|
||||||
|
<h4>v0.1.6 — 2026–01–23</h4>
|
||||||
|
Коммит:
|
||||||
|
6b4dbaf
|
||||||
|
|
||||||
|
<h4>v0.1.5 — 2026–01–21</h4>
|
||||||
|
Коммит:
|
||||||
|
78174a8
|
||||||
|
|
||||||
|
<h4>v0.1.4 — 2026–01–20</h4>
|
||||||
|
Коммит:
|
||||||
|
2d09aef
|
||||||
|
|
||||||
|
<h4>v0.1.3 — 2026–01–19</h4>
|
||||||
|
Коммит:
|
||||||
|
66f2228
|
||||||
|
|
||||||
|
<h4>v0.1.2 — 2026–01–18</h4>
|
||||||
|
Коммит:
|
||||||
|
92711f5
|
||||||
|
|
||||||
|
<h4>v0.1.1 — 2026–01–16</h4>v0.1.1
|
||||||
|
Коммит:
|
||||||
|
5d5d48d
|
||||||
|
|
||||||
|
<h4>v0.1.0 — 2026–01–16</h4>
|
||||||
|
Коммит:
|
||||||
|
3a7bb29
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="col border-start">
|
||||||
|
<h3>Библиотека etpgrf</h3>
|
||||||
<p>
|
<p>
|
||||||
<img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="w-100" alt="Django Admin" />
|
Исходный код etpgrf-типографа доступен в нескольких репози­ториях (<a
|
||||||
</p>
|
href="https://github.com/erjemin/etpgrf" target="_blank">GitHub</a>, <a
|
||||||
</div>
|
href="https://gitverse.ru/erjemin/etpgrf" target="_blank">GitVerse</a>, <a
|
||||||
|
href="https://git.cube2.ru/erjemin/2025-etpgrf" target="_blank">Сube2</a>, и <a
|
||||||
{# Правая колонка: Контент #}
|
href="https://pypi.org/project/etpgrf/" target="_blank">PyPI</a>), распрос­траняется под лицензией <a
|
||||||
<div class="col-lg-10 border-start ps-lg-4 post-page-content">
|
href="https://opensource.org/licenses/MIT" target="_blank">MIT</a>, может быть установлен локально, на ваш
|
||||||
|
сайт или интегри­рован в ваши проекты как Python-библиотека.</p>
|
||||||
<h1>Массовая типографика контента в Django: пользова­тельские команды управления (Custom Management Commands)</h1>
|
|
||||||
|
|
||||||
<div class="lead bg-secondary bg-opacity-10 p-3 rounded">
|
|
||||||
|
|
||||||
<p>Если вы работали с Django, вы наверняка использовали команду <code>manage.py</code> сотни раз: <code>python manage.py runserver</code>, <code>migrate</code>, <code>createsuperuser</code>.</p>
|
|
||||||
<p>Но знаете ли вы, что можете легко создавать <strong>свои собственные</strong> команды? Это один из самых мощных и недоо­цененных инструментов Django для автома­тизации рутины. В этом посте я расскажу, что такое <strong>Management Command</strong>, зачем она нужна и как её использовать на примере реальной задачи: массовой типографики контента в базе данных.</p>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<hr>
|
|
||||||
<div class="post-content mt-4">
|
|
||||||
|
|
||||||
<h4>[0.1.6.post1] - 2026–03–19</h4>
|
<h4>[0.1.6.post1] - 2026–03–19</h4>
|
||||||
<h5>Изменено</h5>
|
<h5>Изменено</h5>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Новый алгоритм «висячей пунктуации» (<em>HangingPunctuationProcessor</em>). Добавлены компенсирующие пробелы для висячих символов, чтобы избежать наложения на соседние слова. Теперь «висячие символы» (кавычки, скобки и т. п.) оборачиваются в <code><span></code> вместе с ближайшим словом и пробелом, что обеспечивает отсутствие визуальных смещений внутри строки. Режим <code>both</code> (для одновременного вывешивания в обе стороны) отключен из-за потенциальных конфликтов компенсирующих пробелов и проблем с выравниванием при использовании CSS <code>text-justify</code>.</span></li>
|
<li>Новый алгоритм «висячей пунктуации» (<em>HangingPunctuationProcessor</em>). Добавлены компенсирующие
|
||||||
|
пробелы для висячих символов, чтобы избежать наложения на соседние слова. Теперь «висячие символы» (кавычки,
|
||||||
|
скобки и т. п.) оборачиваются в <code><span></code> вместе с ближайшим словом и пробелом, что
|
||||||
|
обеспечивает отсутствие визуальных смещений внутри строки. Режим <code>both</code> (для одновременного
|
||||||
|
вывешивания в обе стороны) отключен из-за потенциальных конфликтов компенсирующих пробелов и проблем
|
||||||
|
с выравни­ванием при исполь­зовании CSS <code>text-justify</code>.</li>
|
||||||
</ul>
|
</ul>
|
||||||
<h4>Исправлено</h4>
|
<h4>Исправлено</h4>
|
||||||
<ul>
|
<ul>
|
||||||
<li>Автоматическая замена символов <code>x</code>, <code>X</code>, <code>х</code>, <code>Х</code>, стоящих между числами, на знак умножения <code>×</code>, чтобы выражения вида <code>100x100</code> или <code>100 х 100` корректно обрабатывались и выглядели типографски правильными (<code>100×100</code> или <code>100&nbsp;×&nbsp;100</code>).</li>
|
<li>Автоматическая замена символов <code>x</code>, <code>X</code>, <code>х</code>, <code>Х</code>, стоящих между
|
||||||
|
числами, на знак умножения <code>×</code>, чтобы выражения вида <code>100x100</code> или <code>100 х 100</code>
|
||||||
|
корректно обрабатывались и выглядели типографски правильными (<code>100×100</code> или <code>100&nbsp;×&nbsp;100</code>).
|
||||||
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
## [0.1.6] - 2024-03-19
|
<h4>[0.1.5] - 2026–02–27</h4>
|
||||||
### Изменено
|
<h5>Исправлено</h5>
|
||||||
- Н
|
<ul>
|
||||||
###
|
<li>Исправлена ошибка, из-за которой <code>&amp;</code> в исходном тексте некорректно преобразовывался
|
||||||
-
|
в <code>&</code>. Теперь <code>&amp;</code>; и его маскирование (<code>&amp;amp;</code>,
|
||||||
|
<code>&amp;lt;</code> и т. д.) сохраняются в итоговом HTML.
|
||||||
|
</li>
|
||||||
|
<li>Исправлена (частично) расстановка неразрывных пробелов <code>&nbsp;</code> на границах закрывающих
|
||||||
|
тегов (например, <code><b>Текст</b> — слово</code> теперь корректно обрабатывается, в <code><b>Текст</b>&nbsp;—
|
||||||
|
слово)</code>.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4>[0.1.4] - 2026–02–03</h4>
|
||||||
|
<h5>Изменено</h5>
|
||||||
|
<ul>
|
||||||
|
<li><b>Архите­ктурное улучшение:</b> Полностью переработан механизм обработки HTML.</li>
|
||||||
|
<li>Внедрены <b>маркеры границ узлов</b> (<code>\uFFFF</code>) при сборке текста. Это позволяет корректно
|
||||||
|
восста­навливать структуру HTML даже если длина текста изменилась в процессе обработки (например, при удалении лишних
|
||||||
|
пробелов).
|
||||||
|
</li>
|
||||||
|
<li>Внедрены <b>плейсхолдеры</b> (<code>\uFFFC</code>) для защищенных тегов (<code><code></code>,
|
||||||
|
<code><script></code> и др.). Теперь содержимое этих тегов физически изолируется перед обработкой,
|
||||||
|
что предот­вращает «протекание» контекста (например, склеивание слов, разделенных кодом).
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h5>Исправлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Исправлена ошибка смещения текста при наличии спецсимволов (мнемоник) или при изменении длины
|
||||||
|
строки.
|
||||||
|
</li>
|
||||||
|
<li>Исправлена обработка кавычек, стоящих вплотную к границам тегов (например, <code>"<b>Текст</b>"</code>).
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4>v0.1.3 — 2026–01–11</h4>
|
||||||
|
<h5>Исправлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Исправлена проблема с появлением лишних тегов <code><html></code>
|
||||||
|
и <code><body></code> при обработке фрагментов HTML (когда исполь­зуется парсер
|
||||||
|
<code>lxml</code>). Теперь типограф автома­тически определяет, был ли на входе полноценный
|
||||||
|
документ или фрагмент, и возвращает соответ­ствующий результат.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4>v0.1.2 — 2025–12–27</h4>
|
||||||
|
<h5>Исправлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li><strong>Критическое исправление:</strong> Добавлена отсут­ствующая зависимость <code>regex</code> в <code>pyproject.toml</code>.
|
||||||
|
Без неё библиотека падала при импорте.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4>v0.1.1 — 2025–12–23</h4>
|
||||||
|
<h5>Добавлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Ссылки на зеркала репозитория (GitVerse, Gitea) в <code>pyproject.toml</code> и <code>README.md</code>.
|
||||||
|
</li>
|
||||||
|
<li>Раздел Credits в документации.</li>
|
||||||
|
</ul>
|
||||||
|
<h4>v0.1.0 — 2025–12–23</h4>
|
||||||
|
<h5>Добавлено</h5>
|
||||||
|
<ul>
|
||||||
|
<li>Первый публичный релиз библиотеки <code>etpgrf</code>.</li>
|
||||||
|
<li>
|
||||||
|
Основные модули:
|
||||||
|
<ul>
|
||||||
|
<li><code>Typographer</code>: основной класс-оркестратор.</li>
|
||||||
|
<li><code>Hyphenator</code>: расстановка мягких переносов (алгоритм Ляна-Кнута).</li>
|
||||||
|
<li><code>QuotesProcessor</code>: замена кавычек («ёлочки», „лапки“).</li>
|
||||||
|
<li><code>Unbreakables</code>: неразрывные пробелы для предлогов, союзов и частиц.</li>
|
||||||
|
<li><code>LayoutProcessor</code>: типографика тире, инициалов, акронимов, единиц измерения, устойчивых
|
||||||
|
сокращений (постпо­зиционных и препози­ционных).</li>
|
||||||
|
<li><code>SymbolsProcessor</code>: псевдо­графика (тире, стрелочки, копирайт и т. п.)</li>
|
||||||
|
<li><code>HangingPunctuationProcessor</code>: висячая пунктуация.</li>
|
||||||
|
<li><code>SanitizerProcessor</code>: очистка HTML перед обработкой.</li>
|
||||||
|
</ul>
|
||||||
|
</li>
|
||||||
|
<li>Поддержка русского, русского дорефо­рменного и английского языков.</li>
|
||||||
|
<li>Поддержка обработки HTML (через BeautifulSoup).</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@@ -4,10 +4,11 @@ from django.conf import settings
|
|||||||
from django.conf.urls.static import static
|
from django.conf.urls.static import static
|
||||||
from django.contrib.sitemaps.views import sitemap # Импортируем view для sitemap
|
from django.contrib.sitemaps.views import sitemap # Импортируем view для sitemap
|
||||||
from blog import views as blog_views
|
from blog import views as blog_views
|
||||||
from blog.sitemaps import PostSitemap # Импортируем наш класс Sitemap
|
from blog.sitemaps import PostSitemap, StaticViewSitemap # Импортируем классы Sitemap
|
||||||
|
|
||||||
# Словарь с картами сайта
|
# Словарь с картами сайта
|
||||||
sitemaps = {
|
sitemaps = {
|
||||||
|
'static': StaticViewSitemap,
|
||||||
'posts': PostSitemap,
|
'posts': PostSitemap,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -3,25 +3,25 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
{# SEO & Meta Tags #}<title>{% block title %}ETPGRF — единая типографика для веба{% endblock %}</title>
|
{# SEO & Meta Tags #}<title>{% block title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}</title>
|
||||||
<meta name="description" content="{% block description %}Бесплатный онлайн-типограф для подготовки текстов к публикации в вебе. Расставка неразрывных пробелов, правильных кавычек («ёлочки»), тире, спецсимволы, отбивка, компоновка, висячая пунктуация. Идеально для верстки сайтов, статей и постов.{% endblock %}">
|
<meta name="description" content="{% block description %}Онлайн-типограф для подготовки HTML и публикаций на русском и английском: кавычки «ёлочки» и “лапки”, длинное тире, неразрывные пробелы (&nbsp;), отбивка предлогов, артиклей и чисел, висячая пунктуация…{% endblock %}">
|
||||||
<meta name="keywords" content="{% block keywords %}типограф, типографика, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев{% endblock %}">
|
<meta name="keywords" content="{% block keywords %}онлайн типограф, типографика онлайн, типограф для текста, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, подготовка текста для веба, висячая пунктуация, python etpgrf, типограф лебедева муравьева{% endblock %}">
|
||||||
<meta name="author" content="Sergei Erjemin">
|
<meta name="author" content="Sergei Erjemin">
|
||||||
{# Schema.org (JSON-LD) #}{% block schema %}{% endblock %}
|
{# Schema.org (JSON-LD) #}{% block schema %}{% endblock %}
|
||||||
{# Open Graph (Facebook, VK, LinkedIn, Telegram) #}<meta property="og:type" content="website" />
|
{# Open Graph (Facebook, VK, LinkedIn, Telegram) #}<meta property="og:type" content="website" />
|
||||||
<meta property="og:site_name" content="ETPGRF" />
|
<meta property="og:site_name" content="ETPGRF" />
|
||||||
<meta property="og:url" content="{{ request.build_absolute_uri }}" />
|
<meta property="og:url" content="{% block og_url %}{{ request.scheme }}://{{ request.get_host }}{{ request.path }}{% endblock %}" />
|
||||||
<meta property="og:title" content="{% block og_title %}ETPGRF — единая типографика для веба{% endblock %}" />
|
<meta property="og:title" content="{% block og_title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}" />
|
||||||
<meta property="og:description" content="{% block og_description %}Сделайте ваш текст профессиональным и готовым к публикации в интернете за один клик. Умная типографика для веб-дизайнеров, редакторов и контент-менеджеров.{% endblock %}" />
|
<meta property="og:description" content="{% block og_description %}Бесплатный онлайн-типограф для подготовки текстов и HTML к публикации: кавычки «ёлочки», неразрывные пробелы, длинное тире и висячая пунктуация.{% endblock %}" />
|
||||||
<meta property="og:image" content="{% block og_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
|
<meta property="og:image" content="{% block og_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
|
||||||
<meta property="og:image:width" content="1200" />
|
<meta property="og:image:width" content="1200" />
|
||||||
<meta property="og:image:height" content="630" />
|
<meta property="og:image:height" content="630" />
|
||||||
{# --- Twitter Cards (X) --- #}<meta name="twitter:card" content="summary_large_image">
|
{# --- Twitter Cards (X) --- #}<meta name="twitter:card" content="summary_large_image">
|
||||||
<meta name="twitter:title" content="{% block twitter_title %}ETPGRF — единая типографика для веба{% endblock %}" />
|
<meta name="twitter:title" content="{% block twitter_title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}" />
|
||||||
<meta name="twitter:description" content="{% block twitter_description %}Сделайте ваш текст профессиональным и готовым к публикации в интернете за один клик.{% endblock %}" />
|
<meta name="twitter:description" content="{% block twitter_description %}Бесплатный онлайн-типограф для подготовки текстов и HTML к публикации в вебе.{% endblock %}" />
|
||||||
<meta name="twitter:image" content="{% block twitter_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
|
<meta name="twitter:image" content="{% block twitter_image %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endblock %}" />
|
||||||
{# Шутка #}<meta name="generator" content="Microsoft FrontPage 1.0"/>
|
{# Шутка #}<meta name="generator" content="Microsoft FrontPage 1.0"/>
|
||||||
{# Canonical #}<link rel="canonical" href="{{ request.build_absolute_uri }}"/>
|
{# Canonical #}<link rel="canonical" href="{% block canonical %}{{ request.scheme }}://{{ request.get_host }}{{ request.path }}{% endblock %}"/>
|
||||||
{# Favicons #}<link rel="icon" href="{{ request.scheme }}://{{ request.get_host }}{% static 'favicon.ico' %}" type="image/x-icon" />
|
{# Favicons #}<link rel="icon" href="{{ request.scheme }}://{{ request.get_host }}{% static 'favicon.ico' %}" type="image/x-icon" />
|
||||||
{# Favicons #}<link rel="icon" type="image/png" href="{% static 'favicon-96x96.png' %}" />
|
{# Favicons #}<link rel="icon" type="image/png" href="{% static 'favicon-96x96.png' %}" />
|
||||||
{# Favicons #}<link rel="icon" href="{% static 'favicon-light.svg' %}" type="image/svg+xml" media="(prefers-color-scheme: light)" />
|
{# Favicons #}<link rel="icon" href="{% static 'favicon-light.svg' %}" type="image/svg+xml" media="(prefers-color-scheme: light)" />
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
{% extends 'typograph/base.html' %}
|
{% extends 'typograph/base.html' %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
{% block title %}ETPGRF — единая типографика для веба{% endblock %}
|
{% block title %}Онлайн-типограф для текста и HTML — ETPGRF: кавычки «ёлочки», тире, неразрывные пробелы{% endblock %}
|
||||||
|
|
||||||
{% block description %}Бесплатный онлайн-типограф для подготовки публикаций в вебе: кавычки «ёлочки», тире, неразрывные пробелы, спецсимволы, отбивка/компоновка, висячая пунктуация… Идеально для верстки сайтов, статей и постов.{% endblock %}
|
{% block og_title %}Онлайн-типограф для текста и HTML — ETPGRF{% endblock %}
|
||||||
|
|
||||||
{% block keywords %}типограф, типографика, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев{% endblock %}
|
{% block og_description %}Бесплатный умный онлайн-типограф для подготовки текстов, статей и верстки к публикации в вебе за один клик.{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -13,7 +13,7 @@
|
|||||||
|
|
||||||
{# SEO-текст и описание #}
|
{# SEO-текст и описание #}
|
||||||
<div class="mb-4">
|
<div class="mb-4">
|
||||||
<h1 class="h3 mb-3">Онлайн-типограф для веба</h1>
|
<h1 class="h3 mb-3">Онлайн-типограф для текста и веб-публикаций</h1>
|
||||||
<p>
|
<p>
|
||||||
Интернет-типограф <strong>etpgrf</strong> — инструмент для подготовки текста для публикации
|
Интернет-типограф <strong>etpgrf</strong> — инструмент для подготовки текста для публикации
|
||||||
в вебе. Расстановка неразрывных пробелов перед союзами и предлогами, замена кавычек
|
в вебе. Расстановка неразрывных пробелов перед союзами и предлогами, замена кавычек
|
||||||
@@ -298,6 +298,192 @@
|
|||||||
<div id="cm-result-wrapper" class="result-box p-0"></div>
|
<div id="cm-result-wrapper" class="result-box p-0"></div>
|
||||||
<div id="result-area" style="display: none;"></div>
|
<div id="result-area" style="display: none;"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
{# ИНФОРМАЦИОННЫЙ И SEO-БЛОК #}
|
||||||
|
<div class="col-md-12 mt-4 pt-3 border-top">
|
||||||
|
<div class="text-center mb-3">
|
||||||
|
<button class="btn btn-sm btn-outline-secondary rounded-pill px-3 py-1 shadow-sm collapse-toggle-btn collapsed"
|
||||||
|
type="button"
|
||||||
|
data-bs-toggle="collapse"
|
||||||
|
data-bs-target="#seoDetailsCollapse"
|
||||||
|
aria-expanded="false"
|
||||||
|
aria-controls="seoDetailsCollapse">
|
||||||
|
<i class="bi bi-info-circle me-1"></i> О сервисе, возможности и правила
|
||||||
|
<i class="bi bi-chevron-down ms-1 collapse-icon"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="collapse" id="seoDetailsCollapse">
|
||||||
|
<section class="mb-5 pt-3">
|
||||||
|
<h2 class="h4 mb-4">Возможности онлайн-типографа etpgrf</h2>
|
||||||
|
<div class="row g-4">
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-distribute-horizontal me-1"></i> Неразрывные пробелы (&nbsp;)</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Автоматическая привязка предлогов, союзов, частиц («в», «на», «с», «и», «не», «бы»…) и артиклей („the“, „a“, „is“…). Парсер «видит» и связывает их со словами даже сквозь кавычки и скобки (например, <code>и&nbsp;«Беда» села на мель</code>).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-quote me-1"></i> Кавычки «ёлочки» и „лапки“</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Замена машинных прямых кавычек (<code>"</code>) на правильные русские «ёлочки» и французские „лапки“ для вложенных цитат. Поддержка английской, современной русской и русской дореформенной типографики («безъ», «въ», «надъ», «сiя»…).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-dash-lg me-1"></i> Тире, числа и диапазоны</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Замена дефисов на длинное тире (—) с языковой отбивкой, среднее тире (–) в числовых интервалах (1941–1945, 10–20 кг). Корректная обработка арабских и римских чисел (например, XXI век, III в. н. э.).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-person-badge me-1"></i> Инициалы и сокращения</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Связывание неразрывными пробелами инициалов (А.С. Пушкин), устойчивых сокращений (ЗАО «Рога и Копыта», др. Барменталь), сокращений («и т.д.», «и др.»), знаков (§ 5, № 12) и единиц (100 руб., 50 м²).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-layout-text-sidebar me-1"></i> Висячая пунктуация</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Оптическое выравнивание левого и правого края текстового блока за счет выноса кавычек, скобок и тире за границу полосы набора. Идеально для крупных заголовков, цитат, выносов и врезок.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-shield-check me-1"></i> Санитайзер и спецсимволы</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Встроенный HTML-санитайзер: очистка текста от мусорных тегов при копировании из Word/Google Docs, сброс разметки висячей пунктуации. Обработка псевдографики (<code>(c)</code> → ©, <code>(tm)</code> → ™, <code>+/-</code> → ±).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-fonts me-1"></i> Переносы в словах</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Автоматическая расстановка мягких переносов (<code>&shy;</code>) в длинных словах с настраиваемым порогом длины (от 12 символов). Колонки текста аккуратно перено­сятся в узких блоках и на мобильных экранах без разрыва вёрстки.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-code-slash me-1"></i> Форматы вывода и гибкие правила</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Поддержка HTML с мнемониками, смешанного режима и Unicode (UTF-8) для постов в соцсетях (VK, Telegram, Reddit). Любые группы правил можно гибко комбинировать, включать или отключать под конкретную задачу или проект.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6 col-lg-4">
|
||||||
|
<div class="p-3 border rounded bg-body-tertiary h-100 feature-card">
|
||||||
|
<h3 class="h6 fw-bold"><i class="bi bi-infinity me-1"></i> Бесплатно и безлимитно</h3>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Полная свобода использования без ограничений по объёму текста, без регистрации, подписок и рекламы. Доступен как онлайн-сервис, так и в виде открытой библиотеки для Python по лицензии MIT.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<hr />
|
||||||
|
<section class="mb-5">
|
||||||
|
<h2 class="h4 mb-3">Кому подходит типограф ETPGRF</h2>
|
||||||
|
<div class="row g-3">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="border-start border-3 border-secondary ps-3">
|
||||||
|
<h3 class="h6 fw-bold">Контент-менеджерам и дизайнерам</h3>
|
||||||
|
<p class="small text-muted">
|
||||||
|
Профессиональный визуальный ритм и читаемость текста в веб-интерфейсах, блогах, SMM-публикациях в соцсетях и электронных рассылках.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="border-start border-3 border-secondary ps-3">
|
||||||
|
<h3 class="h6 fw-bold">Веб-разработчикам и верстальщикам</h3>
|
||||||
|
<p class="small text-muted">
|
||||||
|
Получайте чистый, валидный HTML-код с неразрывными пробелами и мнемониками, готовый к вставке в шаблоны, CMS и лендинги.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="border-start border-3 border-secondary ps-3">
|
||||||
|
<h3 class="h6 fw-bold">Редакторам и копирайтерам</h3>
|
||||||
|
<p class="small text-muted">
|
||||||
|
Быстрая автоматическая подготовка статей, колонок и постов для публикации без рутинной ручной расстановки спецсимволов.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<hr />
|
||||||
|
<section class="mb-5">
|
||||||
|
<h2 class="h4 mb-3">Интеграция в проекты: Python-библиотека etpgrf</h2>
|
||||||
|
<p class="small text-muted">
|
||||||
|
Вы можете свободно использовать движок etpgrf-типографа офлайн в своих Python-скриптах, Django-, FastAPI- или Flask-приложениях и сайтах:
|
||||||
|
</p>
|
||||||
|
<div class="bg-body-tertiary p-3 rounded border font-monospace small mb-3">
|
||||||
|
<div class="text-secondary mb-1"># Установка через pip:</div>
|
||||||
|
<div class="text-success fw-bold mb-3">pip install etpgrf</div>
|
||||||
|
<div class="text-secondary mb-1"># Пример использования в коде:</div>
|
||||||
|
<div><span class="text-primary">from</span> etpgrf.main <span class="text-primary">import</span> Typographer</div>
|
||||||
|
<div class="mt-1">tp = Typographer(lang=<span class="text-success">'ru'</span>, mode=<span class="text-success">'mixed'</span>)</div>
|
||||||
|
<div>formatted_html = tp.process(<span class="text-success">'Правильная вёрстка "кавычек" и отбивка тире -- улучшают читаемость текста на сайте!'</span>)</div>
|
||||||
|
</div>
|
||||||
|
<p class="small text-muted mb-0">
|
||||||
|
Подробная документация и исходный код библиотеки открыты на <a href="https://github.com/erjemin/etpgrf" target="_blank" rel="noopener">GitHub</a> и <a href="https://pypi.org/project/etpgrf/" target="_blank" rel="noopener">PyPI</a>.
|
||||||
|
</p>
|
||||||
|
</section>
|
||||||
|
<hr />
|
||||||
|
<section class="mb-5">
|
||||||
|
<h2 class="h4 mb-3">Часто задаваемые вопросы (FAQ)</h2>
|
||||||
|
<div class="accordion" id="faqAccordion">
|
||||||
|
<div class="accordion-item bg-body-tertiary">
|
||||||
|
<h3 class="accordion-header" id="faqHeadingOne">
|
||||||
|
<button class="accordion-button collapsed bg-body-tertiary" type="button" data-bs-toggle="collapse" data-bs-target="#faqOne" aria-expanded="false" aria-controls="faqOne">
|
||||||
|
Зачем типографировать текст перед публикацией на сайте?
|
||||||
|
</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faqOne" class="accordion-collapse collapse" aria-labelledby="faqHeadingOne" data-bs-parent="#faqAccordion">
|
||||||
|
<div class="accordion-body small text-muted">
|
||||||
|
В вебе строки переносятся динамически в зависимости от экрана устройства. Без неразрывных пробелов предлоги и союзы часто «висят» на концах строк, а дефисы путаются с длинным тире. Типографика делает текст легким для восприятия и профессиональным.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item bg-body-tertiary">
|
||||||
|
<h3 class="accordion-header" id="faqHeadingTwo">
|
||||||
|
<button class="accordion-button collapsed bg-body-tertiary" type="button" data-bs-toggle="collapse" data-bs-target="#faqTwo" aria-expanded="false" aria-controls="faqTwo">
|
||||||
|
Чем ETPGRF отличается от Типографа Студии Лебедева или Типографа Муравьёва?
|
||||||
|
</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faqTwo" class="accordion-collapse collapse" aria-labelledby="faqHeadingTwo" data-bs-parent="#faqAccordion">
|
||||||
|
<div class="accordion-body small text-muted">
|
||||||
|
ETPGRF разработан на современной открытой кодовой базе Python 3, активно поддерживается, умеет корректно обрабатывать смешанные русско-английские тексты (ru+en), имеет гибкий выбор режима кодирования (Unicode/HTML-мнемоники), настраиваемую висячую пунктуацию и может работать как локальный модуль или веб-микросервис.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="accordion-item bg-body-tertiary">
|
||||||
|
<h3 class="accordion-header" id="faqHeadingThree">
|
||||||
|
<button class="accordion-button collapsed bg-body-tertiary" type="button" data-bs-toggle="collapse" data-bs-target="#faqThree" aria-expanded="false" aria-controls="faqThree">
|
||||||
|
Сохраняются ли введённые тексты на сервере?
|
||||||
|
</button>
|
||||||
|
</h3>
|
||||||
|
<div id="faqThree" class="accordion-collapse collapse" aria-labelledby="faqHeadingThree" data-bs-parent="#faqAccordion">
|
||||||
|
<div class="accordion-body small text-muted">
|
||||||
|
Нет, сервис соблюдает полную конфиденциальность. Тексты обрабатываются исключительно в памяти в момент отправки запроса и не сохраняются в базу данных и логи.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|||||||
@@ -100,3 +100,20 @@ class TypographViewsTestCase(TestCase):
|
|||||||
"""Проверка эндпоинта сводной статистики."""
|
"""Проверка эндпоинта сводной статистики."""
|
||||||
response = self.client.get(reverse('stats_summary'))
|
response = self.client.get(reverse('stats_summary'))
|
||||||
self.assertEqual(response.status_code, 200)
|
self.assertEqual(response.status_code, 200)
|
||||||
|
|
||||||
|
def test_seo_metadata_and_sitemap(self):
|
||||||
|
"""Проверка мета-тегов на главной странице и генерации sitemap.xml."""
|
||||||
|
response = self.client.get(reverse('index'))
|
||||||
|
self.assertEqual(response.status_code, 200)
|
||||||
|
content = response.content.decode('utf-8')
|
||||||
|
self.assertIn('<title>Онлайн-типограф', content)
|
||||||
|
self.assertIn('name="description"', content)
|
||||||
|
self.assertIn('name="keywords"', content)
|
||||||
|
self.assertIn('rel="canonical"', content)
|
||||||
|
|
||||||
|
# Проверка sitemap.xml
|
||||||
|
sitemap_res = self.client.get('/sitemap.xml')
|
||||||
|
self.assertEqual(sitemap_res.status_code, 200)
|
||||||
|
sitemap_content = sitemap_res.content.decode('utf-8')
|
||||||
|
self.assertIn('<loc>', sitemap_content)
|
||||||
|
self.assertIn('http://testserver/', sitemap_content)
|
||||||
|
|||||||
@@ -410,3 +410,44 @@ footer.footer a:hover {
|
|||||||
border-right: 1px solid var(--bs-border-color) !important;
|
border-right: 1px solid var(--bs-border-color) !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* --- Карточки возможностей (hover-эффект без потери читаемости) --- */
|
||||||
|
.feature-card {
|
||||||
|
transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.feature-card:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
border-color: rgba(var(--bs-primary-rgb), 0.5) !important;
|
||||||
|
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.09), 0 2px 6px rgba(0, 0, 0, 0.04);
|
||||||
|
}
|
||||||
|
|
||||||
|
[data-bs-theme="dark"] .feature-card:hover {
|
||||||
|
border-color: rgba(176, 190, 197, 0.5) !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.03) !important;
|
||||||
|
box-shadow: 0 6px 22px rgba(255, 255, 255, 0.15), 0 2px 8px rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root:not([data-bs-theme="light"]) .feature-card:hover {
|
||||||
|
border-color: rgba(176, 190, 197, 0.5) !important;
|
||||||
|
background-color: rgba(255, 255, 255, 0.03) !important;
|
||||||
|
box-shadow: 0 6px 22px rgba(255, 255, 255, 0.15), 0 2px 8px rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* --- Кнопка раскрытия информационного блока --- */
|
||||||
|
.collapse-toggle-btn {
|
||||||
|
font-size: 0.875rem;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: all 0.2s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collapse-toggle-btn .collapse-icon {
|
||||||
|
display: inline-block;
|
||||||
|
transition: transform 0.25s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.collapse-toggle-btn:not(.collapsed) .collapse-icon {
|
||||||
|
transform: rotate(180deg);
|
||||||
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user