Add videos

html/portfolio.html

@@ -103,36 +103,48 @@
         {
           "@type": "ListItem",
           "position": 1,
+          "name": "Новогодний экспресс",
+          "url": "https://olapka.ru/portfolio#work-8"
+        },
+        {
+          "@type": "ListItem",
+          "position": 2,
+          "name": "Новогодняя сказка",
+          "url": "https://olapka.ru/portfolio#work-7"
+        },
+        {
+          "@type": "ListItem",
+          "position": 3,
           "name": "Реклама детского лофта",
           "url": "https://olapka.ru/portfolio#work-1"
         },
         {
           "@type": "ListItem",
-          "position": 2,
+          "position": 4,
           "name": "Детский музей мозга",
           "url": "https://olapka.ru/portfolio#work-2"
         },
         {
           "@type": "ListItem",
-          "position": 3,
+          "position": 5,
           "name": "Приключение Саши в Звёздном саду",
           "url": "https://olapka.ru/portfolio#work-3"
         },
         {
           "@type": "ListItem",
-          "position": 4,
+          "position": 6,
           "name": "Сюрприз для подруги",
           "url": "https://olapka.ru/portfolio#work-4"
         },
         {
           "@type": "ListItem",
-          "position": 5,
+          "position": 7,
           "name": "Артём и секрет настоящей победы",
           "url": "https://olapka.ru/portfolio#work-5"
         },
         {
           "@type": "ListItem",
-          "position": 6,
+          "position": 8,
           "name": "Продакт-плейсмент к сезону отключения горячей воды",
           "url": "https://olapka.ru/portfolio#work-6"
         }
@@ -182,6 +194,21 @@
             <div class="container">
                 <h2 class="section-title">Мультфильмы и рекламные ролики</h2>
 <div class="portfolio-grid">
+<article class="work-card ny-work" id="work-8">
+ <div class="work-media"><button class="work-video" type="button" data-video="/video/video-8.webm" data-title="Новогодний экспресс" data-goal="video_open" aria-label="Смотреть видео: Новогодний экспресс">
+ <img class="work-video-preview" src="/img/posters/video-8.jpg" width="960" height="1705" alt="" aria-hidden="true" loading="lazy" decoding="async">
+ <span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"></path></svg></span><span class="work-video-label">Смотреть пример · 1:18</span></button></div>
+ <div class="work-info"><span class="work-tag">Новогоднее поздравление</span><h3>Новогодний экспресс</h3><p>Готовая новогодняя история с персонализацией для ребёнка. Посмотрите пример мультпоздравления.</p></div>
+ <noscript><p><a href="/video/video-8.webm">Смотреть «Новогодний экспресс»</a></p></noscript>
+</article>
+<article class="work-card ny-work" id="work-7">
+ <div class="work-media"><button class="work-video" type="button" data-video="/video/video-7.webm" data-title="Новогодняя сказка" data-goal="video_open" aria-label="Смотреть видео: Новогодняя сказка">
+ <img class="work-video-preview" src="/img/posters/video-7.jpg" width="960" height="540" alt="" aria-hidden="true" loading="lazy" decoding="async">
+ <span class="work-play" aria-hidden="true"><svg viewBox="0 0 24 24" width="28" height="28"><path d="M8 5.5v13l10-6.5z" fill="currentColor"></path></svg></span><span class="work-video-label">Смотреть пример · 2:45</span></button></div>
+ <div class="work-info"><span class="work-tag">Базовый пакет</span><h3>Новогодняя сказка</h3><p>Свежий пример ролика базового пакета «Новогодняя сказка».</p></div>
+ <noscript><p><a href="/video/video-7.webm">Смотреть «Новогодняя сказка»</a></p></noscript>
+</article>
+
                     <article class="work-card" id="work-1">
                         <div class="work-media">
                             <button class="work-video" type="button" data-video="/video/video-1.webm" data-title="Реклама к открытию детского лофта" data-goal="video_open" aria-label="Смотреть видео: Реклама к открытию детского лофта">