From 64bc1b1d33b11ed45e13a2fddac18b7a0f26c4f8 Mon Sep 17 00:00:00 2001
From: erjemin <erjemin@gmail.com>
Date: Fri, 2 Jan 2026 22:08:12 +0300
Subject: [PATCH] =?UTF-8?q?mod:=20=D0=BD=D0=B0=D1=81=D1=82=D1=80=D0=BE?=
 =?UTF-8?q?=D0=B9=D0=BA=D0=B8=20=D1=82=D0=B8=D0=BF=D0=BE=D0=B3=D1=80=D0=B0?=
 =?UTF-8?q?=D1=84=D0=B0=20(07)=20=D0=BE=D1=84=D0=BE=D1=80=D0=BC=D0=BB?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../typograph/templates/typograph/base.html   |  3 +-
 .../typograph/templates/typograph/index.html  | 58 +++++++++++--------
 2 files changed, 36 insertions(+), 25 deletions(-)

diff --git a/etpgrf_site/typograph/templates/typograph/base.html b/etpgrf_site/typograph/templates/typograph/base.html
index fabca60..272eb7b 100644
--- a/etpgrf_site/typograph/templates/typograph/base.html
+++ b/etpgrf_site/typograph/templates/typograph/base.html
@@ -37,7 +37,6 @@
     {% block content %}{% endblock %}
 </div>
 
-<!-- Bootstrap JS -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+{# Bootstrap JS #}<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
 </body>
 </html>
diff --git a/etpgrf_site/typograph/templates/typograph/index.html b/etpgrf_site/typograph/templates/typograph/index.html
index 1a2615d..32756dd 100644
--- a/etpgrf_site/typograph/templates/typograph/index.html
+++ b/etpgrf_site/typograph/templates/typograph/index.html
@@ -25,35 +25,37 @@
                   <h6>Основные</h6>
 
                   <!-- Выбор языка (Alpine.js) -->
-                  <div
+                  <div class="mb-3"
                     x-data="{ desc: 'Только русская типографика: кавычки &laquo;ёлочки&raquo; (&bdquo;вложенные&ldquo;); длинное тире (&mdash;) с&nbsp;пробелами; &laquo;прилипающие&raquo; союзы и&nbsp;предлоги только для&nbsp;русского языка, переносы слов и&nbsp;т.&thinsp;д.' }">
                     <label class="form-label small text-muted mb-0">Язык:</label>
                     <select class="form-select form-select-sm mb-2" name="langs"
                             @change="desc = $event.target.options[$event.target.selectedIndex].dataset.desc">
                       <option value="ru" selected
-                              data-desc="Только русская типографика: кавычки &laquo;ёлочки&raquo; (&bdquo;вложенные&ldquo;); длинное тире (&mdash;) с&nbsp;пробелами; &laquo;прилипающие&raquo; союзы и&nbsp;предлоги только для&nbsp;русского языка, переносы слов и&nbsp;т.&thinsp;д.">
-                        Русский
-                      </option>
+                              data-desc="Только русская типографика: кавычки &laquo;ёлочки&raquo; (&bdquo;вложенные&ldquo;); длинное тире (&mdash;) с&nbsp;пробелами; &laquo;прилипающие&raquo; союзы и&nbsp;предлоги только для&nbsp;русского языка, переносы слов и&nbsp;т.&thinsp;д.">Русский</option>
                       <option value="en"
-                              data-desc="Только английская типографика: кавычки &ldquo;лапки&rdquo; (&lsquo;вложенные&rsquo;); длинное тире (&mdash;) вплотную; &ldquo;прилипающие&rdquo; союзы и&nbsp;предлоги только для&nbsp;английского языка, переносы слов и&nbsp;т.&thinsp;д.">
-                        Английский
-                      </option>
+                              data-desc="Только английская типографика: кавычки &ldquo;лапки&rdquo; (&lsquo;вложенные&rsquo;); длинное тире (&mdash;) вплотную; &ldquo;прилипающие&rdquo; союзы и&nbsp;предлоги только для&nbsp;английского языка, переносы слов и&nbsp;т.&thinsp;д.">Английский</option>
                       <option value="ru+en"
-                              data-desc="Основной русский <small>(кавычки и&nbsp;тире)</small> + поддержка английского языка для&nbsp;других правил типографики.">
-                        Русский + Английский
-                      </option>
-                      <option value="en+ru" data-desc="Основной английский <small>(кавычки и&nbsp;тире)</small> + поддержка русского  языка для&nbsp;других правил типографики.">Английский +
-                        Русский
-                      </option>
+                              data-desc="Основной русский <small>(кавычки и&nbsp;тире)</small> + поддержка английского языка для&nbsp;других правил типографики.">Русский + Английский</option>
+                      <option value="en+ru" data-desc="Основной английский <small>(кавычки и&nbsp;тире)</small> + поддержка русского  языка для&nbsp;других правил типографики.">Английский + Русский</option>
                     </select>
                     <div class="form-text text-muted small mb-2" style="min-height: 2.5em;" x-html="desc"></div>
                   </div>
 
-                  <div class="form-check">
-                    <input class="form-check-input" type="checkbox" name="quotes" id="optQuotes" checked>
-                    <label class="form-check-label fw-bold" for="optQuotes">Обработка кавычек</label>
+                  <hr class="my-2">
+
+                  {# Группа "Кавычки" #}<div x-data="{ enabled: true }" class="mb-2">
+                    <div class="form-check">
+                        <input class="form-check-input" type="checkbox" name="quotes" id="optQuotes" checked x-model="enabled">
+                        <label class="form-check-label fw-bold" for="optQuotes">Обработка кавычек</label>
+                    </div>
+                    {# Описание группы "Кавычки" (видно, когда выключено) #}
+                    <div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
+                        Прямые кавычки (&quot;) не будут заменяться на типографские («…ёлочки…» или “…лапки…”).
+                    </div>
                   </div>
 
+                  <hr class="my-2">
+
                   {# Группа "Компоновка и отбивка" (Layout)  #}<div x-data="{ enabled: true }" class="mb-2">
                       <div class="form-check">
                         <input class="form-check-input" type="checkbox" name="layout" id="optLayout" checked x-model="enabled">
@@ -81,24 +83,34 @@
                           </div>
                       </div>
 
-                      <!-- Описание (видно, когда выключено) -->
-                      <div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
-                          Обработка тире, чисел, инициалов, сокращений и единиц измерения отключена.
+                      {# Описание группа "Компоновка и отбивка" (видно, когда выключено) #}<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
+                          Если отключено, то&nbsp;отбивка тире, инициалов, устойчивых сокращений, единиц измерения
+                          не&nbsp;будет произведена.
                       </div>
                   </div>
 
-                  <div class="form-check mb-2">
-                    <input class="form-check-input" type="checkbox" name="unbreakables" id="optUnbreakables" checked>
-                    <label class="form-check-label" for="optUnbreakables">Неразрывные пробелы</label>
+                  <hr class="my-2">
+
+                  {# Группа "Неразрывные пробелы" #}<div x-data="{ enabled: true }" class="mb-2">
+                      <div class="form-check">
+                        <input class="form-check-input" type="checkbox" name="unbreakables" id="optUnbreakables" checked x-model="enabled">
+                        <label class="form-check-label fw-bold" for="optUnbreakables">Неразрывные пробелы</label>
+                      </div>
+
+                      {# Описание группы "Неразрывные пробелы" (видно, когда выключено) #}<div class="ms-3 form-text text-muted small" x-show="!enabled" x-transition>
+                          Если отключено, то&nbsp;предлоги, союзы и&nbsp;артикли могут оставаться в&nbsp;конце строки, частицы (<em>бы, же…</em>) могут отрываться от&nbsp;слов.
+                      </div>
                   </div>
 
+                  <hr class="my-2">
+
                   <!-- Режим вывода (Alpine.js) -->
                   <div x-data="{ desc: 'Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как &nbsp;.' }">
                     <label class="form-label small text-muted mb-0">Режим вывода:</label>
                     <select class="form-select form-select-sm" name="mode"
                             @change="desc = $event.target.options[$event.target.selectedIndex].dataset.desc">
                       <option value="mixed" selected
-                              data-desc="Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как &amp;nbsp;.">
+                              data-desc="Оптимально. Спецсимволы (—, ©) как есть, неразрывные пробелы как &nbsp;.">
                         Смешанный
                         (Mixed)
                       </option>