upd post content / barryclark#2

_posts/2016-4-12-JS-resources.md

@@ -7,15 +7,15 @@ title: Полезные ссылки и ресурсы для старта в и
 
 ---
 
-  __Step 1. Основы программирования__
+  <h2 class="post__small-heading">Step 1. Основы программирования</h2>
 
   * На примере JS (что очень позитивно для нас) – [на русском от Hexlet](https://ru.hexlet.io/courses/programming-basics)
   * Заодно стоит пройти и видео-курс – [JS: подготовка к работе](https://ru.hexlet.io/courses/javascript_setup), 
   который даст понимание, что такое node.js, npm, полифиллы, линтеры и как начать с этим работать
 
 ---  
 
-  __Step 2. Самые основы JS: просто, кратко, понятно__
+  <h2 class="post__small-heading">Step 2. Самые основы JS: просто, кратко, понятно</h2>
 
   _Прочитать, обращая внимания на используемые термины и обороты, далее это пригодится для понимания видео-уроков и других материалов на английском_
 
@@ -24,8 +24,7 @@ title: Полезные ссылки и ресурсы для старта в и
 
 ---
 
-  __Step 3. Более глубокие и подробные уроки:__
-
+  <h2 class="post__small-heading">Step 3. Более глубокие и подробные уроки:</h2>
   _В основном по ссылкам ниже - теория с примерами_
 
   * Введение в JavaScript [видеокурс](https://www.youtube.com/playlist?list=PLo6puixMwuSNxJCgadaaavKqq4-ocKPrR) от Hexlet, сам курс [здесь](https://ru.hexlet.io/courses/javascript_101)
@@ -34,7 +33,7 @@ title: Полезные ссылки и ресурсы для старта в и
 
 ---
 
-  __Step 4. Потренироваться:__
+  <h2 class="post__small-heading">Step 4. Потренироваться:</h2>
 
   * Отточить синтаксис + повторить изученное – достаточно объемный курс по JS от CodeSchool в трех частях:
     - [часть 1](https://www.codeschool.com/courses/javascript-road-trip-part-1)
@@ -48,7 +47,7 @@ title: Полезные ссылки и ресурсы для старта в и
 
 ---
 
-  __P.S. Дополнительные полезности__
+  <h2 class="post__small-heading">P.S. Дополнительные полезности</h2>
 
   * Рано или поздно в работе возникнет необходимость использования консоли (для установки пакетов из npm, например, и вообще работы со системами сборки проекта), именно в этот момент 
   надо пройти [отличный курс от Hexlet](https://ru.hexlet.io/courses/bash) по основам работы с командной строкой

_posts/2016-6-1-SVG-animations.md

@@ -9,7 +9,7 @@ title: SVG-анимации
 
 
 
-  <h2> Шаг 1 – Знакомство с "внутренностями" svg </h2>
+  <h2 class="post__small-heading"> Шаг 1 – Знакомство с "внутренностями" svg </h2>
 
   Для начала стоит разобраться с тем, из чего "сделаны" svg-шки. Немного теории и практики.
 
@@ -18,7 +18,7 @@ title: SVG-анимации
 
 ---
 
-  <h2> Шаг 2 – Исследование способов анимации </h2>
+  <h2 class="post__small-heading"> Шаг 2 – Исследование способов анимации </h2>
 
   Следующим этапом стал поиск возможностей для анимирования векторной графики и первое, на что вы наткнетесь при аналогичном желании - море туториалов с использованием [SMIL](https://ru.wikipedia.org/wiki/SMIL). То, что нужно сделать, увидев это слово в любой открытом вами материале – сразу же его закрыть. 
   Ибо запустив в браузере заботливо написанный по такому туториалу код, вы увидите в консоли вот такое сообщение: _SVG's SMIL animations (`<animate>`, `<set>`, etc.) are deprecated and will be removed. Please use CSS animations or Web animations instead_, что абсолютно нам не подходит, 
@@ -35,7 +35,7 @@ title: SVG-анимации
 
 ---
 
-  <h2> Шаг 3 – Результаты </h2>
+  <h2 class="post__small-heading"> Шаг 3 – Результаты </h2>
 
   В процессе изучения выбранной мной библиотеки, я реализовала несколько примеров анимации, которые можно посмотреть на CodePen по ссылкам ниже:
 
@@ -59,7 +59,7 @@ title: SVG-анимации
 
 ---
 
-   <h2> Почитать дополнительно </h2>
+   <h2 class="post__small-heading"> Почитать дополнительно </h2>
 
    * [CSS и SVG маски](http://css.yoksel.ru/css-and-svg-masks/)
 

style.scss

@@ -166,7 +166,7 @@ hr:after {
 }
 
 
-p h2 {
+h2.post__small-heading {
   font-size: 24px;
   line-height: 1.5em;
   padding-top: 1em;