{% extends "base.jinja2" %}{% load static %}{% load thumbnail %}{% load slug_ru %}

{% block META_OG %}{% comment %} РАЗМЕТКА Open Graph ДЛЯ СОЦ-СЕТЕЙ
  подробности: https://habr.com/ru/company/macloud/blog/555082/ и https://ogp.me/{% endcomment %}
  <meta property="og:title" content="cadpoint.ru: {{ ITEM.szContentHead|safe_html_ss }}">{% comment %} Уникальное название страницы.
   Используется парсерами URL-адресов в социальных сетях, таких как Twitter или Facebook{% endcomment %}
  <meta property="og:description" content="CADpoint: {% if ITEM.szContentDescription %}{{ ITEM.szContentDescription }}{% else %}{{ ITEM.szContentHead|safe_html_ss }}{% endif %}" />{% comment %} Уникальное описание страницы.
   Используется парсерами URL-адресов в социальных сетях, таких как Twitter или Facebook.{% endcomment %}
  <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="cadpoint.ru: {{ ITEM.szContentHead|safe_html_ss }}" />{% comment %}
   Описание изображения.
   Не используйте этот метатег, если изображение носит чисто декоративный характер
   и не содержит значимой информации. Программы чтения с экрана игнорируют
   изображение, если мы предоставлен замещающий текст.{% endcomment %}
  <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://cadpoint.ru/item/{{ ITEM.id }}-{{ ITEM.szContentSlug }}" />{% comment %} Канонический URL страницы.
   Обязательное свойство для допустимых страниц Open Graph.{% endcomment %}
  <meta name="twitter:card" content="summary_large_image" />{% comment %} определяет, как будут выглядеть
   карточки при публикации в Twitter. Есть два варианта для веб-сайтов: summary
   и summary_large_image{% endcomment %}{% for t in ITEM.tags.all%}
  <meta property="article:tag" content="{{ t.name|lower }}">{% comment %} определяет тематику статьи, ключевые слова или хэштеги. Если тематик несколько, перечислите их в разных метатегах.{% endcomment %}{% endfor %}
  <meta property="article:modified_time" content="{{ ITEM.dtContentTimeStamp|date:'c' }}">
  <meta property="article:published_time" content="{{ ITEM.tdContentPublishUp|date:'c' }}">
{% endblock %}

<!--- ТИТУЛ --->
{% block Title %}{{ ITEM.szContentHead|safe_html_ss }}{% endblock %}
{% block canonical %}https://cadpoint.ru/item/{{ ITEM.id }}-{{ ITEM.szContentSlug }}{% endblock %}
{% block Description %}CADpoint: {% if ITEM.szContentDescription %}{{ ITEM.szContentDescription }}{% else %}{{ ITEM.szContentHead|safe_html_ss }}{% endif %}{% endblock %}
{% block Keywords %}cadpoint, {% for t in ITEM.tags.all %}{{ t.name }}, {% endfor %}{{ ITEM.szContentKeywords }}, новости{% endblock %}
{% block Date4Meta %}{{ ITEM.tdContentPublishUp|date:'c' }}{% endblock %}"
{% block Last4Meta %}{{ ITEM.dtContentTimeStamp|date:'c' }}{% endblock %}"
{% block Expires4Meta %}{% now 'c' %}{% endblock %}"


{% block CONTENT %}{#  <!-- ХЛЕБНЫЕ КРОШКИ: НАЧАЛО -->#}<div class="container bread-crumb">
    <div class="row">
      <nav  class="col-12 х" aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item nw s"><a href="/"><i class="bi bi-house-door" title="Главная"></i>&#8199;Главная</a></li>
          <li class="breadcrumb-item nw s"><a href="/p{{ PAGE }}">Стр. {{ PAGE|add:"1" }}</a></li>
          <li class="breadcrumb-item active s" aria-current="page">{{ ITEM.szContentHead|safe }}</li>
        </ol>
      </nav>
    </div>
  </div>{#<!-- ХЛЕБНЫЕ КРОШКИ: КОНЕЦ -->#}
  {#<!-- 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 title="Число просмотров"><i class="bi bi-eye-fill"></i>&nbsp;{{ ITEM.iContentHits }}</small></small> </time>
        <h1>{{ ITEM.szContentHead|safe }}</h1>
        {{ ITEM.szContentIntro|safe }}
        {{ ITEM.szContentBody|safe }}
        {{ ITEM.szPointDes|safe }}{#  Текст страницы или приамбула перед списком #}
        <hr />
        <nav class="sm-tags">{% for t in ITEM.tags.all%}<a href="/tag_{{ t.slug|lower }}"><i class="bi bi-tag" title="тег"></i> {{ t.name|lower }}</a> &nbsp;  &#8198; {% endfor %}</nav>
      </div>
      {#<!-- БОКОВАЯ НАВИГАЦИЯ: НАЧАЛО-->#}<nav class="col order-last order-md-first">
        <div></div>{% for i in ITEMS_BEFORE reversed %}{% if i.id != ITEM.id %}<div>
            <time datetime="{{ i.tdContentPublishUp|date:'Y-m-d' }}">{{ i.tdContentPublishUp|date:'d E Y' }}</time>
            <p><i class="bi bi-newspaper"></i> <a href="/item/{{ i.id }}-{{ i.szContentSlug }}{% if PER_PAGE %}?p={{ i.pp }}&n={{ i.nn }}{% endif %}">{{ i.szContentHead|safe }}</a></p>
        </div>{% endif %}{% endfor %}{% for i in ITEMS_AFTER %}{% if i.id != ITEM.id %}<div>
            <time datetime="{{ i.tdContentPublishUp|date:'Y-m-d' }}">{{ i.tdContentPublishUp|date:'d E Y' }}</time>
            <p><i class="bi bi-newspaper"></i> <a href="/item/{{ i.id }}-{{ i.szContentSlug }}{% if PER_PAGE %}?p={{ i.pp }}&n={{ i.nn }}{% endif %}">{{ i.szContentHead|safe }}</a></p>
        </div>{% else %}<div class="active">
          <time datetime="{{ ITEM.tdContentPublishUp|date:'Y-m-d' }}">{{ ITEM.tdContentPublishUp|date:'d E Y' }}</time>
          <p><i class="bi bi-newspaper"></i> {{ ITEM.szContentHead|safe }}</p>
        </div>{% endif %}{% endfor %}
      </nav>{#<!-- боковая навигация: конец-->#}
    </div>
{# <!-- НИЖНЯЯ НАВИГАЦИЯ-ПАДЖИНАТОР ПО НОВОСТЯМ: НАЧАЛО--> #}{% if PER_PAGE %}
    <nav class="row" aria-label="Навигация по контенту">
      <ul class="col offset-md-3 pagination px-1">{% if ITEMS_BEFORE.0.id %}
        <li class="page-item"><a class="page-link" href="/item/{{ ITEMS_BEFORE.0.id }}-{{ ITEMS_BEFORE.0.szContentSlug }}?p={{ ITEMS_BEFORE.0.pp }}&n={{ ITEMS_BEFORE.0.nn }}"><i class="bi bi-arrow-left" title="Предыдущая"></i></a></li>{% else %}<li class="page-item disabled"><a class="page-link" href="#"><i class="bi bi-arrow-left" title="Предыдущая"></i></a></li>{% endif %}
      </ul>
      <ul class="col pagination justify-content-end px-0">{% if ITEMS_AFTER|length <= 1 %}
       <li class="page-item disabled"><a class="page-link" href="#"><i class="bi bi-arrow-right" title="Следующая"></i></a></li>{% else %}<li class="page-item"><a class="page-link" href="/item/{{ ITEMS_AFTER.1.id }}-{{ ITEMS_AFTER.1.szContentSlug }}?p={{ ITEMS_AFTER.1.pp }}&n={{ ITEMS_AFTER.1.nn }}"><i class="bi bi-arrow-right" title="Следующая"></i></a></li>{% endif %}
      </ul>
    </nav>{# <!-- НИЖНЯЯ НАВИГАЦИЯ-ПАДЖИНАТОР ПО НОВОСТЯМ: КОНЕЦ--> #}{% endif %}
  </div>{#<!-- POINT-СРАНИЦА: КОНЕЦ -->#}
{% endblock %}
