alexencom/Olapka-ru
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix bugs an local

Browse Source
This commit is contained in:
alexencom committed 2026-11-01 11:48:59 +03:00
1 parent 1380a4dfc8
commit b2a790337e
24 files changed
+490 -334
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

html/portfolio.html
+51 -57
View File
@@ -4,20 +4,20 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="img/favicon.svg">
<link rel="icon" type="image/svg+xml" href="/img/favicon.svg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&amp;family=Caveat:wght@500;700&amp;display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="/css/style.css">
<title>Примеры мультфильмов и рекламной анимации — О’ляпка</title>
<meta name="description" content="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
<link rel="canonical" href="https://olapka.ru/portfolio.html">
<link rel="canonical" href="https://olapka.ru/portfolio">
<meta name="robots" content="index, follow, max-image-preview:large">
<meta property="og:type" content="website">
<meta property="og:title" content="Примеры мультфильмов и рекламной анимации — О’ляпка">
<meta property="og:description" content="Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.">
<meta property="og:url" content="https://olapka.ru/portfolio.html">
<meta property="og:url" content="https://olapka.ru/portfolio">
<meta property="og:image" content="https://olapka.ru/img/og-cover.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
@@ -48,7 +48,7 @@
"telephone": "+79160957383",
"contactType": "customer service",
"availableLanguage": "ru",
"url": "https://olapka.ru/contacts.html"
"url": "https://olapka.ru/contacts"
}
},
{
@@ -63,8 +63,8 @@
},
{
"@type": "CollectionPage",
"@id": "https://olapka.ru/portfolio.html#webpage",
"url": "https://olapka.ru/portfolio.html",
"@id": "https://olapka.ru/portfolio#webpage",
"url": "https://olapka.ru/portfolio",
"name": "Примеры мультфильмов и рекламной анимации — О’ляпка",
"description": "Посмотрите примеры ИИ-анимации студии О’ляпка: рекламные ролики, детские сказки и персональные подарки. Выберите идею для своего мультфильма.",
"inLanguage": "ru",
@@ -75,12 +75,12 @@
"@id": "https://olapka.ru/#organization"
},
"breadcrumb": {
"@id": "https://olapka.ru/portfolio.html#breadcrumbs"
"@id": "https://olapka.ru/portfolio#breadcrumbs"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://olapka.ru/portfolio.html#breadcrumbs",
"@id": "https://olapka.ru/portfolio#breadcrumbs",
"itemListElement": [
{
"@type": "ListItem",
@@ -92,7 +92,7 @@
"@type": "ListItem",
"position": 2,
"name": "Работы",
"item": "https://olapka.ru/portfolio.html"
"item": "https://olapka.ru/portfolio"
}
]
},
@@ -104,37 +104,37 @@
"@type": "ListItem",
"position": 1,
"name": "Реклама детского лофта",
"url": "https://olapka.ru/portfolio.html#work-1"
"url": "https://olapka.ru/portfolio#work-1"
},
{
"@type": "ListItem",
"position": 2,
"name": "Детский музей мозга",
"url": "https://olapka.ru/portfolio.html#work-2"
"url": "https://olapka.ru/portfolio#work-2"
},
{
"@type": "ListItem",
"position": 3,
"name": "Приключение Саши в Звёздном саду",
"url": "https://olapka.ru/portfolio.html#work-3"
"url": "https://olapka.ru/portfolio#work-3"
},
{
"@type": "ListItem",
"position": 4,
"name": "Сюрприз для подруги",
"url": "https://olapka.ru/portfolio.html#work-4"
"url": "https://olapka.ru/portfolio#work-4"
},
{
"@type": "ListItem",
"position": 5,
"name": "Артём и секрет настоящей победы",
"url": "https://olapka.ru/portfolio.html#work-5"
"url": "https://olapka.ru/portfolio#work-5"
},
{
"@type": "ListItem",
"position": 6,
"name": "Продакт-плейсмент к сезону отключения горячей воды",
"url": "https://olapka.ru/portfolio.html#work-6"
"url": "https://olapka.ru/portfolio#work-6"
}
]
}
@@ -144,7 +144,7 @@
<body>
<a class="skip-link" href="#main-content">Перейти к содержимому</a><div class="cookie-banner" id="cookieBanner" role="region" aria-label="Настройки аналитики" hidden>
<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="legal.html#cookies">Подробнее</a>
<div class="cookie-text">Разрешить аналитику для улучшения сайта? <a href="/legal#cookies">Подробнее</a>
</div>
<div class="cookie-actions">
<button class="cookie-btn" id="cookieAccept" type="button">Разрешить</button><button class="cookie-btn cookie-decline" id="cookieDecline" type="button">Отклонить</button>
@@ -152,21 +152,21 @@
</div>
<header class="header">
<div class="container header-inner">
<a href="index.html" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<a href="/" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<nav class="nav" id="nav" aria-label="Основная навигация">
<a href="index.html" class="nav-link">Главная</a>
<a href="services.html" class="nav-link">Услуги</a>
<a href="portfolio.html" class="nav-link active" aria-current="page">Работы</a>
<a href="contacts.html" class="nav-link">Контакты</a>
<a href="/" class="nav-link">Главная</a>
<a href="/services" class="nav-link">Услуги</a>
<a href="/portfolio" class="nav-link active" aria-current="page">Работы</a>
<a href="/contacts" class="nav-link">Контакты</a>
</nav>
<a href="contacts.html" class="btn btn-primary" data-goal="order_header">Заказать</a>
<a href="/contacts" class="btn btn-primary" data-goal="order_header">Заказать</a>
<button class="burger" id="burger" aria-label="Меню" type="button" aria-expanded="false" aria-controls="nav"><span></span><span></span><span></span></button>
</div>
</header>
<main id="main-content" tabindex="-1">
<nav class="container breadcrumbs" aria-label="Хлебные крошки"><ol>
<li><a href="index.html">Главная</a></li>
<li><a href="/">Главная</a></li>
<li><span aria-current="page">Работы</span></li>
</ol></nav><section class="page-hero">
<div class="container">
@@ -182,9 +182,8 @@
<div class="portfolio-grid">
<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="Смотреть видео: Реклама к открытию детского лофта">
<video class="work-video-preview" src="video/video-1.webm#t=10.6" preload="none" muted playsinline aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
<button class="work-video" type="button" data-video="/video/video-1.webm" data-title="Реклама к открытию детского лофта" data-goal="video_open" aria-label="Смотреть видео: Реклама к открытию детского лофта">
<img class="work-video-preview" src="/img/posters/video-1.jpg" width="640" height="360" 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">Реклама</span>
@@ -201,12 +200,11 @@
<span>4 500 ₽</span>
</div>
</div>
<noscript><p><a href="video/video-1.webm">Открыть видео</a></p></noscript></article>
<noscript><p><a href="/video/video-1.webm">Открыть видео</a></p></noscript></article>
<article class="work-card" id="work-2">
<div class="work-media">
<button class="work-video" type="button" data-video="video/video-6.webm" data-title="Рекламный ролик для Детского Музея Мозга " data-goal="video_open" aria-label="Смотреть видео: Рекламный ролик для Детского Музея Мозга">
<video class="work-video-preview" src="video/video-6.webm#t=13.5" preload="none" muted playsinline aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
<button class="work-video" type="button" data-video="/video/video-6.webm" data-title="Рекламный ролик для Детского Музея Мозга " data-goal="video_open" aria-label="Смотреть видео: Рекламный ролик для Детского Музея Мозга">
<img class="work-video-preview" src="/img/posters/video-6.jpg" width="640" height="360" 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">Мультсериал</span>
@@ -223,12 +221,11 @@
<span>13 500 ₽</span>
</div>
</div>
<noscript><p><a href="video/video-6.webm">Открыть видео</a></p></noscript></article>
<noscript><p><a href="/video/video-6.webm">Открыть видео</a></p></noscript></article>
<article class="work-card" id="work-3">
<div class="work-media">
<button class="work-video" type="button" data-video="video/video-2.webm" data-title="Приключение Саши в Звёздном саду" data-goal="video_open" aria-label="Смотреть видео: Приключение девочки Саши в Звёздном саду">
<video class="work-video-preview" src="video/video-2.webm#t=0.1" preload="none" muted playsinline aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
<button class="work-video" type="button" data-video="/video/video-2.webm" data-title="Приключение Саши в Звёздном саду" data-goal="video_open" aria-label="Смотреть видео: Приключение девочки Саши в Звёздном саду">
<img class="work-video-preview" src="/img/posters/video-2.jpg" width="640" height="360" 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">Сказка для Саши</span>
@@ -244,12 +241,11 @@
<span>4 500 ₽</span>
</div>
</div>
<noscript><p><a href="video/video-2.webm">Открыть видео</a></p></noscript></article>
<noscript><p><a href="/video/video-2.webm">Открыть видео</a></p></noscript></article>
<article class="work-card" id="work-4">
<div class="work-media">
<button class="work-video" type="button" data-video="video/video-4.webm" data-title="Сюрприз для подруги" data-goal="video_open" aria-label="Смотреть видео: Сюрприз для подруги">
<video class="work-video-preview" src="video/video-4.webm#t=4" preload="none" muted playsinline aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
<button class="work-video" type="button" data-video="/video/video-4.webm" data-title="Сюрприз для подруги" data-goal="video_open" aria-label="Смотреть видео: Сюрприз для подруги">
<img class="work-video-preview" src="/img/posters/video-4.jpg" width="640" height="360" 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">Сюрприз для подруги</span>
@@ -265,12 +261,11 @@
<span>3 300 ₽</span>
</div>
</div>
<noscript><p><a href="video/video-4.webm">Открыть видео</a></p></noscript></article>
<noscript><p><a href="/video/video-4.webm">Открыть видео</a></p></noscript></article>
<article class="work-card" id="work-5">
<div class="work-media">
<button class="work-video" type="button" data-video="video/video-5.webm" data-title="Артём и секрет настоящей победы" data-goal="video_open" aria-label="Смотреть видео: Артём и секрет настоящей победы">
<video class="work-video-preview" src="video/video-5.webm#t=0.1" preload="none" muted playsinline aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
<button class="work-video" type="button" data-video="/video/video-5.webm" data-title="Артём и секрет настоящей победы" data-goal="video_open" aria-label="Смотреть видео: Артём и секрет настоящей победы">
<img class="work-video-preview" src="/img/posters/video-5.jpg" width="640" height="360" 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">Детская сказка</span>
@@ -286,12 +281,11 @@
<span>7 000 ₽</span>
</div>
</div>
<noscript><p><a href="video/video-5.webm">Открыть видео</a></p></noscript></article>
<noscript><p><a href="/video/video-5.webm">Открыть видео</a></p></noscript></article>
<article class="work-card" id="work-6">
<div class="work-media">
<button class="work-video" type="button" data-video="video/video-3.webm" data-title="Продакт-плейсмент к сезону отключения горячей воды" data-goal="video_open" aria-label="Смотреть видео: Продакт-плейсмент к сезону отключения горячей воды">
<video class="work-video-preview" src="video/video-3.webm#t=1" preload="none" muted playsinline aria-hidden="true"></video>
<span class="work-play" aria-hidden="true"><svg viewbox="0 0 24 24" width="28" height="28">
<button class="work-video" type="button" data-video="/video/video-3.webm" data-title="Продакт-плейсмент к сезону отключения горячей воды" data-goal="video_open" aria-label="Смотреть видео: Продакт-плейсмент к сезону отключения горячей воды">
<img class="work-video-preview" src="/img/posters/video-3.jpg" width="640" height="360" 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">Для соцсетей</span>
@@ -307,7 +301,7 @@
<span>4 500 ₽</span>
</div>
</div>
<noscript><p><a href="video/video-3.webm">Открыть видео</a></p></noscript></article>
<noscript><p><a href="/video/video-3.webm">Открыть видео</a></p></noscript></article>
</div>
</div>
</section>
@@ -415,7 +409,7 @@
<div class="cta-inline">
<h3>Хотите так же?</h3>
<p>Расскажите нам о своей идее — и мы создадим мультик, который влюбит в себя.</p>
<a href="contacts.html" class="btn btn-primary btn-lg" data-goal="order_portfolio">Заказать
<a href="/contacts" class="btn btn-primary btn-lg" data-goal="order_portfolio">Заказать
мультик</a>
</div>
</div>
@@ -425,20 +419,20 @@
<footer class="footer">
<div class="container footer-inner">
<div class="footer-col">
<a href="index.html" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<a href="/" class="logo"><span class="logo-bird">🐦</span><span class="logo-text">О'ЛЯПКА</span></a>
<p class="footer-about">Студия авторских ИИ-мультиков.</p>
</div>
<div class="footer-col">
<h2>Навигация</h2>
<a href="index.html">Главная</a>
<a href="services.html">Услуги</a>
<a href="portfolio.html">Работы</a>
<a href="contacts.html">Контакты</a>
<a href="/">Главная</a>
<a href="/services">Услуги</a>
<a href="/portfolio">Работы</a>
<a href="/contacts">Контакты</a>
</div>
<div class="footer-col">
<h2>Документы</h2>
<a href="legal.html">Политика cookies</a>
<a href="legal.html#agreement">Пользовательское соглашение</a>
<a href="/legal">Политика cookies</a>
<a href="/legal#agreement">Пользовательское соглашение</a>
</div>
<div class="footer-col">
<h2>Связаться</h2>
@@ -477,7 +471,7 @@
</div>
</div>
<script src="js/main.js" defer></script>
<script src="/js/main.js" defer></script>
</body>
</html>