mod: Новый дизайн списка для блога и новая версия v.0.2.5.

fix: url to repo
mod: Дизайн и вёрстка страниц для постов блога и вспомогательных страниц для мобильных устройств (адаптивность, скрытие картинки-обложки).
2026-02-13 15:46:56 +03:00 · 2026-02-12 23:24:10 +03:00 · 2026-02-12 20:50:32 +03:00 · 2026-02-12 19:48:20 +03:00 · 2026-02-11 17:21:56 +03:00 · 2026-02-11 16:26:09 +03:00
15 changed files with 343 additions and 97 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,22 @@
 Формат основан на [Keep a Changelog](https://keepachangelog.com/ru/1.0.0/),
 и этот проект придерживается [Semantic Versioning](https://semver.org/lang/ru/).

+## [0.2.5] — 2025–02–13
+
+### Добавлено
+- Редизайн списка постов в блоге: шахматный порядок, вертикальные разделители, улучшенная адаптивность для мобильных устройств.
+- Поле `updated_at` (_Дата обновления_) в модели, админке, блогах, страницах и `sitemaps.xml` и микроразметке `Schema.org` для улучшения SEO, GEO и LLMO.
+- `README.md` с описанием проекта онлайн-типографа, его особенностей, технического стека и инструкциями по установке и запуску.
+- Автоматическая генерация URL (slug) из заголовка поста с транслитерацией (при сохранении в админке).
+- Отображение заголовков постов в списке админки без HTML-мнемоник (декодирование `&nbsp;` и др.).
+
+### Изменено
+- Исправлены ошибки в шаблоне `post_list.html` (и полностью переработан дизайн в целом).
+  - Улучшено отображение даты и скрытие декоративных изображений в списке постов на мобильных устройствах.
+  - Оптимизированы отступы и типографика в списке постов.
+- Формирование `slag` из `title` при сохранении поста или страницы с использованием библиотеки `pytils` для транслитерации с очистикой от HTML-мнемоник и создания URL-дружественных строк.
+- Дизайн и вёрстка страниц для постов блога и вспомогательных страниц для мобильных устройств (адаптивность, скрытие картинки-обложки).
+
 ## [0.2.4] - 2025-02-12

 ### Добавлено
--- a/README.md
+++ b/README.md
@@ -1,2 +1,121 @@
-# Сайт etpgrf -- единая типографика для веба / Site etpgrf -- effortless typography for web
+# ETPGRF Site — Онлайн-типограф

+![Version](https://img.shields.io/badge/version-0.2.5-blue)
+![License](https://img.shields.io/badge/license-MIT-green)
+![Python](https://img.shields.io/badge/python-3.13-yellow)
+![Django](https://img.shields.io/badge/django-6.0-green)
+
+Официальный сайт проекта **etpgrf** — единой типографики для веба.
+Сайт предоставляет удобный интерфейс для типографирования текстов, а также содержит документацию, блог и новости проекта.
+
+🌐 **Живое демо:** [typograph.cube2.ru](https://typograph.cube2.ru)
+
+Зеркала репозитория:
+*   [GitHub](https://github.com/erjemin/etpgrf-site)
+*   [GitVerse](https://gitverse.ru/erjemin/etpgrf-site)
+*   [Cube2](https://git.cube2.ru/erjemin/2026-etpgrf-site) Gitea
+
+## Особенности
+
+### Онлайн-типограф
+*   Построен на базе библиотеки etpgrf (см.: [GitHub](https://github.com/erjemin/etpgrf), [GitVerse](https://gitverse.ru/erjemin/etpgrf), [Сube2](https://git.cube2.ru/erjemin/2025-etpgrf) и [PyPI](https://pypi.org/project/etpgrf/)).
+*   Поддержка русского и английского языков.
+*   Гибкие настройки (кавычки, тире, неразрывные пробелы, висячая пунктуация).
+*   Мгновенное копирование результата.
+*   Подсветка спецсимволов (неразрывные пробелы, мягкие переносы и тому подобное) в редакторе.
+
+### Блог и контент
+*   Встроенный движок блога и статических страниц.
+*   Поддержка HTML в контенте.
+*   Автоматическая генерация `sitemap.xml`.
+*   Полноценная SEO-оптимизация (Open Graph, Twitter Cards, Schema.org JSON-LD).
+*   RSS-лента (в планах).
+
+### Технический стек
+*   **Backend:** Python 3.13, Django 6.0.
+*   **Frontend:** Bootstrap 5, Alpine.js, HTMX, CodeMirror 6.
+*   **Infrastructure:** Docker, Docker Compose, Nginx, Gunicorn.
+*   **CI/CD:** Gitea Actions (сборка и деплой).
+
+## Установка и запуск
+
+### Предварительные требования
+*   Docker и Docker Compose
+*   Git
+
+### Быстрый старт (Docker)
+
+1.  **Клонируйте репозиторий:**
+    ```bash
+    git clone https://github.com/erjemin/etpgrf-site.git
+    cd etpgrf-site
+    ```
+
+2.  **Создайте файл `.env`:**
+    Скопируйте пример и отредактируйте его:
+    ```bash
+    cp .env.example .env
+    ```
+    Обязательно задайте `SECRET_KEY` и `ADMIN_URL`.
+
+3.  **Запустите контейнеры:**
+    ```bash
+    docker compose up -d --build
+    ```
+
+4.  **Откройте сайт:**
+    Перейдите по адресу [http://localhost:8000](http://localhost:8000).
+
+### Локальная разработка (без Docker)
+
+1.  **Установите зависимости (через Poetry):**
+    ```bash
+    poetry install
+    ```
+
+2.  **Создайте файл `.env`:**
+    Скопируйте пример и отредактируйте его (если еще не сделали):
+    ```bash
+    cp .env.example .env
+    ```
+    *Примечание: Убедитесь, что ваш способ запуска (IDE или терминал) подхватывает переменные из `.env`.*
+
+3.  **Активируйте виртуальное окружение:**
+    ```bash
+    poetry shell
+    ```
+
+4.  **Примените миграции:**
+    ```bash
+    python etpgrf_site/manage.py migrate
+    ```
+
+5.  **Запустите сервер разработки:**
+    ```bash
+    python etpgrf_site/manage.py runserver 8008
+    ```
+6.  **Откройте сайт:**
+    Перейдите по адресу [http://localhost:8008](http://localhost:8008).
+
+## Структура проекта
+
+*   `etpgrf_site/` — Основной код Django-проекта.
+    *   `typograph/` — Приложение типографа (главная страница, обработка текста).
+    *   `blog/` — Приложение блога (посты, страницы, sitemap).
+*   `data/` — Директория для хранения данных (SQLite) будет создан автоматически при запуске.
+*   `config/` — Конфигурационные файлы (Nginx).
+*   `public/static/` — Статические файлы (стили, скрипты, изображения), которые отдаются напрямую Nginx внутри Docker-контейнера.
+*   `media/` — Медиа-файлы (загружаемые пользователем), которые отдаются напрямую внешним Nginx (или внутренним в dev-режиме).
+*   `docker-compose.yml` — Конфигурация для разработки (по умолчанию).
+*   `docker-compose.prod.yml` — Конфигурация для продакшена (переименуйте в `docker-compose.yml` для использования).
+*   `.env` — Файл с переменными окружения (не хранится в репозитории, нужно создать самостоятельно на основе `.env.example`).
+
+## Лицензия
+
+Этот проект распространяется под лицензией MIT. Подробнее см. в файле [LICENSE](LICENSE).
+
+## Автор
+
+**Sergei Erjemin**
+*   GitHub: [@erjemin](https://github.com/erjemin)
+*   Gitea: [git.cube2.ru](https://git.cube2.ru)
--- a/etpgrf_site/init.py
+++ b/etpgrf_site/init.py
@@ -2,7 +2,7 @@
 Основные возможности:
 - Веб-интерфейс для ввода текста и настройки параметров типографики.
 """
-__version__ = "0.2.4"
+__version__ = "0.2.5"
 __author__ = "Sergei Erjemin"
 __email__ = "erjemin@gmail.com"
 __license__ = "MIT"
--- a/etpgrf_site/blog/admin.py
+++ b/etpgrf_site/blog/admin.py
@@ -1,17 +1,20 @@
 from django.contrib import admin
+from django.utils.html import format_html
+import html
 from .models import Post

@admin.register(Post)
 class PostAdmin(admin.ModelAdmin):
-    list_display = ('title', 'post_type', 'is_published', 'published_at')
+    list_display = ('clean_title', 'post_type', 'is_published', 'published_at', 'updated_at')
    list_filter = ('post_type', 'is_published', 'published_at')
    search_fields = ('title', 'content', 'slug')
    prepopulated_fields = {'slug': ('title',)} 
    date_hierarchy = 'published_at'
+    readonly_fields = ('updated_at',)
    
    fieldsets = (
        (None, {
-            'fields': ('title', 'slug', 'post_type', 'is_published', 'published_at')
+            'fields': ('title', 'slug', 'post_type', 'is_published', 'published_at', 'updated_at')
        }),
        ('Контент', {
            'fields': ('image', 'excerpt', 'content')
@@ -21,3 +24,8 @@ class PostAdmin(admin.ModelAdmin):
            'classes': ('collapse',)
        }),
    )
+
+    @admin.display(description='Заголовок', ordering='title')
+    def clean_title(self, obj):
+        """Отображает заголовок без HTML-сущностей (&nbsp; -> пробел)."""
+        return html.unescape(obj.title)
--- a/etpgrf_site/blog/migrations/0004_post_updated_at.py
+++ b/etpgrf_site/blog/migrations/0004_post_updated_at.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.0.1 on 2026-02-11 11:35
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0003_alter_post_excerpt'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='post',
+            name='updated_at',
+            field=models.DateTimeField(auto_now=True, help_text='Автоматически обновляется при каждом сохранении.', verbose_name='Дата обновления'),
+        ),
+    ]
--- a/etpgrf_site/blog/migrations/0005_alter_post_slug.py
+++ b/etpgrf_site/blog/migrations/0005_alter_post_slug.py
@@ -0,0 +1,18 @@
+# Generated by Django 6.0.1 on 2026-02-12 16:45
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('blog', '0004_post_updated_at'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='post',
+            name='slug',
+            field=models.SlugField(blank=True, help_text='Уникальная часть адреса. Оставьте пустым для автогенерации.', max_length=255, unique=True, verbose_name='URL (slug)'),
+        ),
+    ]
--- a/etpgrf_site/blog/models.py
+++ b/etpgrf_site/blog/models.py
@@ -1,6 +1,13 @@
 from django.db import models
 from django.utils import timezone
 from django.urls import reverse
+from django.utils.text import slugify
+import html
+# Попробуем импортировать pytils, если он есть
+try:
+    from pytils.translit import slugify as pytils_slugify
+except ImportError:
+    pytils_slugify = None

 class PostType(models.TextChoices):
    BLOG = 'B', 'Пост в блог'
@@ -19,7 +26,8 @@ class Post(models.Model):
        verbose_name="URL (slug)",
        max_length=255, 
        unique=True, 
-        help_text="Уникальная часть адреса. Используйте латиницу, цифры и дефис. Например: my-new-post"
+        blank=True, # Разрешаем оставлять пустым в админке (заполнится в save)
+        help_text="Уникальная часть адреса. Оставьте пустым для автогенерации."
    )
    
    post_type = models.CharField(
@@ -43,13 +51,22 @@ class Post(models.Model):
        db_index=True,
        help_text="Дата, которая будет отображаться в блоге. Можно запланировать на будущее."
    )
+    updated_at = models.DateTimeField(
+        verbose_name="Дата обновления",
+        auto_now=True,
+        help_text="Автоматически обновляется при каждом сохранении."
+    )
    
    content = models.TextField(
        verbose_name="Контент",
+        blank=False,
+        null=False,
        help_text="Основной текст публикации. Поддерживает HTML."
    )
    excerpt = models.TextField(
        verbose_name="Краткое описание (тизер)",
+        blank=False,
+        null=False,
        help_text="Отображается в списке постов. Если оставить пустым, будет взято начало контента."
    )
    
@@ -97,5 +114,27 @@ class Post(models.Model):

    def get_absolute_url(self):
        if self.post_type == PostType.PAGE:
+            # Страницы живут в корневом urls.py без namespace
            return reverse('page_detail', kwargs={'slug': self.slug})
-        return reverse('post_detail', kwargs={'slug': self.slug})
+        # Посты живут в приложении blog с namespace 'blog'
+        return reverse('blog:post_detail', kwargs={'slug': self.slug})
+
+    def save(self, *args, **kwargs):
+        # Если слаг не заполнен, генерируем его из заголовка
+        if not self.slug:
+            # 1. Декодируем HTML-сущности (&nbsp; -> " ")
+            clean_title = html.unescape(self.title)
+            # 2. Генерируем базовый слаг
+            if pytils_slugify:
+                base_slug = pytils_slugify(clean_title)
+            else:
+                base_slug = slugify(clean_title)
+            
+            # 3. Уникализация
+            self.slug = base_slug
+            counter = 1
+            while Post.objects.filter(slug=self.slug).exclude(pk=self.pk).exists():
+                self.slug = f"{base_slug}-{counter}"
+                counter += 1
+        
+        super().save(*args, **kwargs)
--- a/etpgrf_site/blog/sitemaps.py
+++ b/etpgrf_site/blog/sitemaps.py
@@ -11,4 +11,4 @@ class PostSitemap(Sitemap):

    def lastmod(self, obj):
        """Возвращает дату последнего изменения."""
-        return obj.published_at # Или можно добавить поле updated_at
+        return obj.updated_at # Используем дату обновления, а не публикации
--- a/etpgrf_site/blog/templates/blog/page_detail.html
+++ b/etpgrf_site/blog/templates/blog/page_detail.html
@@ -2,9 +2,10 @@
 {% load static typograph_extras %}

 {# --- SEO --- #}
+{# В title и description НЕ используем escapejs, так как это HTML, а не JS #}
 {% block title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title|striptags|unescape|safe }}{% endif %} — ETPGRF{% endblock %}
-{% block description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
-{% block keywords %}{% if page.seo_keywords %}{{ post.seo_keywords }}{% else %}типограф, типографика, блог типограф, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев, лебедев{% endif %}{% endblock %}
+{% block description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|default:page.content|striptags|unescape|truncatechars:160 }}{% endif %}{% endblock %}
+{% block keywords %}{% if page.seo_keywords %}{{ page.seo_keywords }}{% else %}типограф, типографика, блог типограф, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев, лебедев{% endif %}{% endblock %}

 {# --- Schema.org --- #}
 {% block schema %}<script type="application/ld+json">
@@ -23,30 +24,26 @@
     }
   },
   "datePublished": "{{ page.published_at|date:'Y-m-d' }}",
-   "dateModified": "{{ page.published_at|date:'Y-m-d' }}"
+   "dateModified": "{{ page.updated_at|date:'Y-m-d' }}"
 }
   </script>{% endblock %}

 {% block og_title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title|striptags|unescape|safe }}{% endif %}{% endblock %}
-{% block og_description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|safe|striptags|unescape|truncatechars:160 }}{% endif %}{% endblock %}
+{% block og_description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|default:page.content|striptags|unescape|truncatechars:160 }}{% endif %}{% endblock %}
 {% block og_image %}{% if page.image %}{{ request.scheme }}://{{ request.get_host }}{{ page.image.url }}{% else %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endif %}{% endblock %}
 {% block twitter_title %}{% if page.seo_title %}{{ page.seo_title }}{% else %}{{ page.title|striptags|unescape|safe }}{% endif %}{% endblock %}
-{% block twitter_description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
+{% block twitter_description %}{% if page.seo_description %}{{ page.seo_description }}{% else %}{{ page.excerpt|default:page.content|striptags|unescape|truncatechars:160 }}{% endif %}{% endblock %}
 {% block twitter_image %}{% if page.image %}{{ request.scheme }}://{{ request.get_host }}{{ page.image.url }}{% else %}{{ request.scheme }}://{{ request.get_host }}{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}{% endif %}{% endblock %}

 {% block content %}
  <div class="row">
-
    {# Левая колонка: Дата и Картинка #}
    <div class="col-lg-2 align-self-start text-end mb-4">
      <p class="small align-self-end">
        <small class="bg-secondary bg-opacity-10 p-2 text-nowrap">{{ page.published_at|date:"d.M.Y"|lower }}</small>
      </p>
-      <p>{% if page.image %}
-        <img src="{{ page.image.url }}" class="w-100" alt="{{ page.image|striptags|unescape|safe }}"/>
-        {% else %}<img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="w-100" alt="{{ page.image|striptags|unescape|safe }}"/>
-      {% endif %}</p>
-    </div>
+      {% if page.image %}<p class="d-none d-lg-block"><img src="{{ page.image.url }}" class="w-100 rounded" alt="{{ page.title|striptags|unescape|safe }}" /></p>
+    {% endif %}</div>

    {# Правая колонка: Контент #}
    <div class="col-lg-10 border-start ps-lg-4 post-page-content">
--- a/etpgrf_site/blog/templates/blog/post_detail.html
+++ b/etpgrf_site/blog/templates/blog/post_detail.html
@@ -2,8 +2,9 @@
 {% load static typograph_extras %}

 {# --- SEO --- #}
-{% block title %}{% if post.seo_title %}{{ post.seo_title }}{% else %}{{ post.title|striptags|unescape|safe|escapejs }}{% endif %} — ETPGRF{% endblock %}
-{% block description %}{% if post.seo_description %}{{ post.seo_description|escapejs }}{% else %}{{ post.excerpt|striptags|unescape|safe|truncatechars:160|escapejs }}{% endif %}{% endblock %}
+{# В title и description НЕ используем escapejs, так как это HTML, а не JS #}
+{% block title %}{% if post.seo_title %}{{ post.seo_title }}{% else %}{{ post.title|striptags|unescape|safe }}{% endif %} — ETPGRF{% endblock %}
+{% block description %}{% if post.seo_description %}{{ post.seo_description }}{% else %}{{ post.excerpt|striptags|unescape|safe|truncatechars:160 }}{% endif %}{% endblock %}
 {% block keywords %}{% if post.seo_keywords %}{{ post.seo_keywords }}{% else %}типограф, типографика, блог типограф, онлайн типограф, подготовка текста для веба, html типограф, неразрывные пробелы, кавычки елочки, длинное тире, очистка текста от мусора, интернет верстка, муравьев, лебедев{% endif %}{% endblock %}

 {# --- Schema.org --- #}
@@ -27,7 +28,7 @@
    }
  },
  "datePublished": "{{ post.published_at|date:'Y-m-d' }}",
-  "dateModified": "{{ post.published_at|date:'Y-m-d' }}"
+  "dateModified": "{{ post.updated_at|date:'Y-m-d' }}"
 }
  </script>{% endblock %}

@@ -48,7 +49,8 @@
          {{ post.published_at|date:"d.M.Y"|lower }}
        </small>
      </p>
-      <p>{% if post.image %}
+      {# Картинка скрыта на мобильных (d-none), видна на больших экранах (d-lg-block) #}
+      <p class="d-none d-lg-block">{% if post.image %}
        <img src="{{ post.image.url }}" class="w-100" alt="{{ post.title|striptags|unescape|safe }}"/>
        {% else %}<img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="w-100" alt="{{ post.title|striptags|unescape|safe }}"/>
      {% endif %}</p>
--- a/etpgrf_site/blog/templates/blog/post_list.html
+++ b/etpgrf_site/blog/templates/blog/post_list.html
@@ -1,41 +1,47 @@
 {% extends 'typograph/base.html' %}
+{% load static typograph_extras %}

 {% block title %}Блог — ETPGRF{% endblock %}

 {% block content %}
-<div class="row justify-content-center">
-    <div class="col-lg-8">
-        <h1 class="mb-4">Блог</h1>
-
-        {% for post in page_obj %}
-            <article class="card mb-4 shadow-sm">
-                {% if post.image %}
-                    <img src="{{ post.image.url }}" class="card-img-top" alt="{{ post.title }}" style="max-height: 300px; object-fit: cover;" />
-                {% endif %}
-                <div class="card-body">
-                    <h2 class="card-title h4">
-                        <a href="{{ post.get_absolute_url }}" class="text-decoration-none text-reset">{{ post.title }}</a>
+  <div class="row justify-content-center">
+    <div class="col-lg-12">
+      <h1 class="mb-3">Блог</h1>
+      <p class="lead bg-secondary bg-opacity-10 p-3 mb-5 rounded">Здесь мы&nbsp;делимся новостями типографа ETPGRF и&nbsp;его&nbsp;онлайн версии, рассказываем о&nbsp;тонкостях типографики и&nbsp;показываем, как&nbsp;сделать текст в&nbsp;вебе лучше.</p>
+      {# СПИСОК ПОСТОВ #}{% for post in page_obj %}
+      <article class="row mb-5 {% if forloop.counter|divisibleby:2 %}flex-lg-row-reverse{% endif %}">
+        {# Колонка с датой и картинкой #}
+        <div class="col-lg-3 pt-2 pb-lg-5 align-self-stretch text-start {% if forloop.counter|divisibleby:2 %}text-lg-start border-lg-start ps-lg-4{% else %}text-lg-end border-lg-end pe-lg-4{% endif %} mb-2 mb-lg-0">
+          {# Дата #}<p class="small align-self-end mb-2">
+            <small class="bg-secondary bg-opacity-10 p-2 text-nowrap">
+              {{ post.published_at|date:"d.M.Y"|lower }}
+            </small>
+          </p>
+          {# Картинка (скрыта на мобильных) #}<a href="{{ post.get_absolute_url }}" class="d-none d-lg-block">
+            {% if post.image %}<img src="{{ post.image.url }}" class="img-fluid rounded shadow-sm" alt="{{ post.title|striptags|unescape }}">
+            {% else %}<img src="{% static 'img/etpgrf-logo-for-fb-vk-x.gif' %}" class="img-fluid rounded shadow-sm opacity-50" alt="{{ post.title|striptags|unescape }}">{% endif %}
+          </a>
+        </div>
+        {# Колонка с текстом (заголовок, тизер и ссылка #}<div class="col-lg-9 pt-2 pb-5 align-self-stretch {% if forloop.counter|divisibleby:2 %}pe-lg-4{% else %}ps-lg-4{% endif %}">
+          {# Заголовок #}<h2 class="h3 mb-3">
+            <a href="{{ post.get_absolute_url }}" class="text-decoration-none text-reset">{{ post.title|safe }}</a>
          </h2>
-                    <p class="card-text text-muted small mb-2">
-                        {{ post.published_at|date:"d E Y" }}
-                    </p>
-                    <p class="card-text">
-                        {% if post.excerpt %}
-                            {{ post.excerpt|linebreaks }}
-                        {% else %}
-                            {{ post.content|striptags|truncatewords:30 }}
-                        {% endif %}
-                    </p>
-                    <a href="{{ post.get_absolute_url }}" class="btn btn-outline-primary btn-sm">Читать далее &rarr;</a>
+          {# Тизер #}<div class="lead text-muted">
+            {{ post.excerpt|safe|linebreaks }}
+          </div>
+          {# Ссылка #}<div class="mt-3">
+            <a href="{{ post.get_absolute_url }}" class="link-dashed">Читать далее &rarr;</a>
+          </div>
        </div>
      </article>
+      {# Горизонтальный разделитель только на мобильных (на десктопе есть вертикальный бордер) #}{% if not forloop.last %}<hr class="my-5 d-lg-none"/>{% endif %}
      {% empty %}
-            <p class="text-muted">Пока нет записей.</p>
+      <p class="text-muted text-center">Пока нет записей.</p>
      {% endfor %}

      {# Пагинация #}
      {% if page_obj.has_other_pages %}
-            <nav aria-label="Page navigation">
+        <nav aria-label="Page navigation" class="mt-5">
          <ul class="pagination justify-content-center">
            {% if page_obj.has_previous %}
              <li class="page-item">
@@ -72,5 +78,5 @@
        </nav>
      {% endif %}
    </div>
-</div>
+  </div>
 {% endblock %}
--- a/etpgrf_site/typograph/templates/typograph/base.html
+++ b/etpgrf_site/typograph/templates/typograph/base.html
@@ -81,7 +81,7 @@
  <div class="container d-flex justify-content-between align-items-center">
    <span class="text-muted small nowrap me-2">&copy; Sergei Erjemin, 2025&ndash;{% now 'Y' %}.</span>
    <nobr class="text-muted small mx-2">
-      <i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i><a href="/changelog">v0.1.4 / v0.2.4</a>
+      <i class="bi bi-tags me-1" title="Версия библиотеки etpgrf / Версия сайта"></i><a href="/changelog">v0.1.4 / v0.2.5</a>
    </nobr>
    {# Сводная статистика (HTMX) #}<span class="text-muted small ms-2" hx-get="{% url 'stats_summary' %}" hx-trigger="load">
      ...
--- a/poetry.lock
+++ b/poetry.lock
@@ -381,6 +381,17 @@ files = [
 [package.extras]
 cli = ["click (>=5.0)"]

+[[package]]
+name = "pytils"
+version = "0.4.4"
+description = "Russian-specific string utils"
+optional = false
+python-versions = "*"
+files = [
+    {file = "pytils-0.4.4-py3-none-any.whl", hash = "sha256:e54c16465a5fdb65d414e2da8045e6cc6de79889acda6143dcef2e1e86a1a840"},
+    {file = "pytils-0.4.4.tar.gz", hash = "sha256:9992a96caad57daa211584df1da4fd825f11e836d3ed93011785f1d02ab6f0ca"},
+]
+
 [[package]]
 name = "regex"
 version = "2026.1.15"
@@ -572,4 +583,4 @@ files = [
 [metadata]
 lock-version = "2.0"
 python-versions = "^3.13"
-content-hash = "9610a92fa47d1bd0849512ae842b0fdd68dc06d9917ab676cf5d8f6521700837"
+content-hash = "ce33b38ff06b069d35d46c795c2a5f81c0907f288bb662a001ab740760cc90b2"
--- a/public/static/css/etpgrf.css
+++ b/public/static/css/etpgrf.css
@@ -127,7 +127,7 @@ body {
  position: relative;
 }

-/* Фикс для мобильных версий: ширина по контенту, прижатие вправо, логотипы */
+/* Фикс для мобильной версии: ширина по контенту и прижатие вправо */
@media (max-width: 991.98px) {
    .nav-item {
        width: fit-content;
@@ -389,13 +389,24 @@ footer.footer a:hover {
    /*color: var(--bs-secondary-color);*/
 }

-.post-page-content a {
+/* Общий класс для ссылок в контенте и списках */
+.link-dashed, .post-page-content a {
    color: var(--bs-linkcolor);
    text-decoration: none;
    border-bottom: 1px dotted var(--bs-linkcolor);
 }

-.post-page-content a:hover {
+.link-dashed:hover, .post-page-content a:hover {
  color: var(--bs-linkclolor-hover);
  border-bottom: 1px solid var(--bs-linkclolor-hover);
 }
+
+/* Утилита для бордера только на больших экранах */
+@media (min-width: 992px) {
+    .border-lg-start {
+        border-left: 1px solid var(--bs-border-color) !important;
+    }
+    .border-lg-end {
+        border-right: 1px solid var(--bs-border-color) !important;
+    }
+}
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -16,6 +16,7 @@ etpgrf = "0.1.4"
 # regex = "^2023.12"          # etpgrf подтянет как зависимость
 # beautifulsoup4 = "^4.10.0"  # etpgrf подтянет как зависимость
 pillow = "^12.1.0"
+pytils = "^0.4.4"

 [build-system]
 requires = ["poetry-core"]
Author	SHA1	Message	Date
erjemin	e53dac8180	mod: Новый дизайн списка для блога и новая версия v.0.2.5. All checks were successful Build ETPGRF-site / build (push) Successful in 1m28s Details	2026-02-13 15:46:56 +03:00
erjemin	53a98df4c1	fix: url to repo	2026-02-12 23:24:10 +03:00
erjemin	d5cf3c0c8a	mod: Дизайн и вёрстка страниц для постов блога и вспомогательных страниц для мобильных устройств (адаптивность, скрытие картинки-обложки).	2026-02-12 20:50:32 +03:00
erjemin	53e7e92248	add: автоматическое создание slug с помощью pytils и чистка от html-мнемоник.	2026-02-12 19:48:20 +03:00
erjemin	a90bcf89e0	mod: ReadMe	2026-02-11 17:21:56 +03:00
erjemin	1573265667	add: поле updated_at (Дата обновления) в модели +миграции, админке, блогах, страницах и sitemaps.xml	2026-02-11 16:26:09 +03:00
erjemin	e9868c3413	mod: minor	2026-02-11 14:50:11 +03:00