Добавляет промо стрима про резюме на главную (#1168)

* Добавляет промо стрима про резюме на главную

* Применяет предложенные правки

---------

Co-authored-by: Svetlana Korobtseva <wizzzjer@gmail.com>

Author: solarrust

src/includes/blocks/promo.njk

@@ -0,0 +1,15 @@
+{% macro promo(color) %}
+<div class="intro__pitch promo" style="border: 3px solid hsl({{ color }})">
+  <h2 class="intro__moto font-theme--code">Стрим «Прокачка резюме»</h2>
+  <p class="intro__description">13 июля, в этот четверг, подключайтесь на стрим Доки. Вместе с <a href="https://www.linkedin.com/in/annakhomiakova/" class="link">Анной Смирновой</a>, руководителем карьерного центра, разберём резюме добровольца, <a href="https://twitter.com/aLitovko" class="link">Артура Литовко</a>. Приходите и приносите свои резюме, после гостя переключимся на них! <br>
+  Встречаемся в 19:00 (GMT+3).</p>
+  <div class="intro__footer">
+    <div class="intro__link">
+      <svg width="22" height="22" viewBox="0 -7 48 48" xmlns="http://www.w3.org/2000/svg">
+        <path d="m19.044 23.27-.002-13.582 12.97 6.814-12.968 6.768ZM47.52 7.334s-.47-3.33-1.908-4.798C43.786.61 41.74.601 40.803.49 34.086 0 24.011 0 24.011 0h-.022S13.914 0 7.197.49C6.258.6 4.214.61 2.387 2.535.948 4.003.48 7.334.48 7.334S0 11.247 0 15.158v3.668c0 3.912.48 7.823.48 7.823s.468 3.331 1.907 4.798c1.827 1.926 4.225 1.866 5.293 2.067C11.52 33.885 24 34 24 34s10.086-.015 16.803-.505c.938-.113 2.983-.122 4.809-2.048 1.438-1.467 1.908-4.798 1.908-4.798s.48-3.91.48-7.823v-3.668c0-3.911-.48-7.824-.48-7.824Z" fill="#ff0000" fill-rule="evenodd"/>
+      </svg>
+      <a class="link" href="https://www.youtube.com/watch?v=tbXbL9H-CLY">Трансляция на Ютуб</a>
+    </div>
+  </div>
+</div>
+{% endmacro %}

src/views/index.njk

@@ -1,5 +1,6 @@
 {% from "blocks/header.njk" import header with context %}
 {% from "blocks/footer.njk" import footer with context %}
+{% from "blocks/promo.njk" import promo with context %}
 
 {% set isLogoContrastColor = hasCategory %}
 
@@ -12,8 +13,9 @@
   <div class="container">
     <div class="intro">
       <h1 class="visually-hidden">Дока</h1>
-      <div class="intro__pitch">
-        <h2 class="intro__moto font-theme--code">Друг для друга</h2>
+      {{ promo('68 100% 46%') }}
+      {# <div class="intro__pitch"> #}
+        {# <h2 class="intro__moto font-theme--code">Друг для друга</h2>
         <p class="intro__description">
           Дока — это документация для разработчиков на понятном языке. Её пишет сообщество, чтобы помогать друг другу. Ваши знания и опыт важны. Делитесь ими, мы поможем.
         </p>
@@ -32,8 +34,8 @@
             🔥
             <a class="link" href="{{ constants.contentHotBacklogLink }}">Горящий бэклог</a>
           </div>
-        </div>
-      </div>
+        </div> #}
+      {# </div> #}
       <div class="intro__pitch intro__pitch--partner">
         <a target="_blank" rel="nofollow" href="https://practicum.yandex.ru/programming-upskilling/?utm_source=pr&utm_medium=content&utm_campaign=pr_content_programming-upskilling_doka">
           <img class="intro__logo intro__logo--invertible" src="/images/partners/practicum.svg" alt="Практикум">