отображается счетчик просмотров новости

cadpoint/templates/item.jinja2

@@ -2,18 +2,18 @@
 
 {% block META_OG %}{% comment %} РАЗМЕТКА Open Graph ДЛЯ СОЦ-СЕТЕЙ
   подробности: https://habr.com/ru/company/macloud/blog/555082/{% endcomment %}
-  <meta property="og:title" content="Главная страница - RSVO.RU">{% comment %} Уникальное название страницы.
+  <meta property="og:title" content="cadpoint.ru: {{ ITEM.szContentHead|safe_html_ss }}">{% comment %} Уникальное название страницы.
    Используется парсерами URL-адресов в социальных сетях, таких как Twitter или Facebook{% endcomment %}
-  <meta property="og:description" content="RSVO.RU: Строительство и эксплуатация разноуровневых систем оповещения" />{% comment %} Уникальное описание страницы.
+  <meta property="og:description" content="CADpoint: {{ ITEM.szContentHead|safe_html_ss }}" />{% comment %} Уникальное описание страницы.
    Используется парсерами URL-адресов в социальных сетях, таких как Twitter или Facebook.{% endcomment %}
-  <meta property="og:image" content="{% static 'img/og-cadpoint-default.png' %}" />{% comment %} Изображение, отображаемое, когда вы
+  <meta property="og:image" content="{% if ITEM.imgContentPreview is None %}{% static 'img/og-cadpoint-default.png' %}{% else %}{% thumbnail ITEM.imgContentPreview 680x680 upscale %}{% endif %}" />{% comment %} Изображение, отображаемое, когда вы
    делитесь ссылкой на страницу в социальных сетях, приложениях чата или других сайтах,
    которые очищают URL-адреса.
    В идеале это должно быть квадратное изображение с важным содержанием, размещенным
    в центре квадрата в прямоугольнике с соотношением сторон 2:1. Это гарантирует,
    что изображение будет хорошо смотреться на карточках с изображениями прямоугольной
    и квадратной формы.{% endcomment %}
-  <meta property="og:image:alt" content="cadpint.ru: новости 3D-печати и Систем Автоматичекого Проектирования" />{% comment %}
+  <meta property="og:image:alt" content="cadpoint.ru: {{ ITEM.szContentHead|safe_html_ss }}" />{% comment %}
    Описание изображения.
    Не используйте этот метатег, если изображение носит чисто декоративный характер
    и не содержит значимой информации. Программы чтения с экрана игнорируют
@@ -21,19 +21,19 @@
   <meta property="og:locale" content="ru_RU" />{% comment %}  Естественный язык страницы.{% endcomment %}
   <meta property="og:type" content="website" />{% comment %} Тип контента, которым вы делитесь,
    например website, article, или video.movie{% endcomment %}
-  <meta property="og:url" content="https://cadpoiny.ru" />{% comment %} Канонический URL страницы.
+  <meta property="og:url" content="https://cadpoint.ru/item/{{ ITEM.id }}-{{ ITEM.szContentHead|safe_html_ss|slug_ru:'50' }}" />{% comment %} Канонический URL страницы.
    Обязательное свойство для допустимых страниц Open Graph.{% endcomment %}
   <meta name="twitter:card" content="summary_large_image" />{% comment %} определяет, как будут выглядеть
    карточки при публикации в Twitter. Есть два варианта для веб-сайтов: summary
    и summary_large_image{% endcomment %}{% endblock %}
 
 <!--- ТИТУЛ --->
-{% block Title %}Главная страница{% endblock %}
+{% block Title %}{{ ITEM.szContentHead|safe_html_ss }}{% endblock %}
-{% block canonical %}https://rsvo.ru/{{ ITEM.iPointType }}/{{ ITEM.szPointSlug }}{% if LIST and PAGE_OF_LIST != 0 %}/p{{ PAGE_OF_LIST }}{% endif %}{% endblock %}
+{% block canonical %}https://cadpoint.ru/item/{{ ITEM.id }}-{{ ITEM.szContentHead|safe_html_ss|slug_ru:'50' }}{% endblock %}
-{% block Description %}ФГУП Российские сети вещания и оповещения: Строительство и эксплуатация разноуровневых систем оповещения{% endblock %}
+{% block Description %}CADpoint: {{ ITEM.szContentHead|safe_html_ss }}{% endblock %}
-{% block Keywords %}ФГУП РСВО, российские сети вещания и оповещения, системы оповещения{% endblock %}
+{% block Keywords %}cadpoint, {% for t in ITEM.tags.all %}{{ t.name }}, {% endfor %}новости{% endblock %}
-{% block Date4Meta %}{{ NEWS.0.tdContentPublishUp|date:'Y-m-d 08:30:00' }}{% endblock %}"
+{% block Date4Meta %}{{ ITEM.tdContentPublishUp|date:'Y-m-d H:i:s' }}{% endblock %}"
-{% block Last4Meta %}{{ NEWS.0.dtContentTimeStamp|date:'Y-m-d H:i:s' }}{% endblock %}"
+{% block Last4Meta %}{{ ITEM.dtContentTimeStamp|date:'Y-m-d H:i:s' }}{% endblock %}"
 {% block Expires4Meta %}{% now 'Y-m-d H:i:s' %}{% endblock %}"
 
 
@@ -52,7 +52,7 @@
   {#<!-- POINT-СРАНИЦА: НАЧАЛО -->#}<div class="container news">
     <div class="row">
       <div class="col-12 col-md-9">
-        <time datetime="{{ ITEM.tdContentPublishUp|date:'Y-m-d' }}">{{ ITEM.tdContentPublishUp|date:'d E Y' }} <small>({{ ITEM.tdContentPublishUp|date:'l'|lower }})</small></time>
+        <time datetime="{{ ITEM.tdContentPublishUp|date:'Y-m-d' }}">{{ ITEM.tdContentPublishUp|date:'d E Y' }} <small>({{ ITEM.tdContentPublishUp|date:'l'|lower }})  <small title="Число просмотров"><i class="bi bi-eye"></i>&nbsp;{{ ITEM.iContentHits }}</small></small> </time>
         <h1>{{ ITEM.szContentHead|safe }}</h1>
         {{ ITEM.szContentIntro|safe }}
         {{ ITEM.szContentBody|safe }}

public/static/css/cadpoint.css

@@ -153,6 +153,11 @@ div.news > div.row > div[class^="col"] > time {
   font-size: 120%;
   font-weight: 100;
 }
+div.news > div.row > div[class^="col"] > time > small > small {
+  font-size: x-small;
+  color: #006799;
+  padding-left: 4em;
+}
 div.news > div.row > div[class^="col"] > p {
   font-size: 115%;
   font-weight: 100;
@@ -360,4 +365,15 @@ footer {
   width: 88px;
   height: 31px;
   border: none;
-}
+}
+
+/* НАВИГАЦИЯ ПО СТРАНИЦАМ (PAGINATOR) */
+nav > .pagination > .page-item > .page-link {
+  background: #006799;
+  border: black;
+  color: white;
+  box-shadow: 0 3px 4px #ccc;
+}
+nav > .pagination > .page-item > .page-link:hover {background: #008DD2; transition: 0.6s;}
+nav > .pagination > .page-item > .page-link:not(hover) {transition: 1.2s;}
+nav > .pagination > .page-item.disabled > .page-link {color: silver; background: gray}