Use shared DFV24 logo in header and footer

index.html

@@ -22,11 +22,12 @@
     .hero{padding:92px 0 64px;background:radial-gradient(70% 60% at 50% 0%,rgba(123,91,245,.20),transparent 70%)}.kicker{color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.hero h1{max-width:800px;margin:13px 0 18px;font-size:clamp(38px,6vw,70px);line-height:1.04;letter-spacing:-.055em}.hero h1 span{color:#b9a6ff}.lead{max-width:720px;font-size:18px;color:var(--muted);margin:0 0 28px}.hero-visual{margin-top:42px;border-radius:24px;overflow:hidden;box-shadow:0 28px 64px rgba(0,0,0,.42);background:#0079b8;border:1px solid var(--line)}.hero-visual img{display:block;width:100%;height:auto}.caption{margin:13px 0 0;color:#8a8f98;font-size:12px;text-align:center}
     section{padding:96px 0}.eyebrow{font-size:12px;color:var(--blue);letter-spacing:.12em;font-weight:800;text-transform:uppercase}.title{max-width:730px;font-size:clamp(28px,4vw,45px);letter-spacing:-.045em;line-height:1.12;margin:12px 0 16px}.sub{max-width:710px;color:var(--muted);font-size:17px}.overview{background:var(--soft)}.image-card{margin-top:34px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 20px 40px rgba(0,0,0,.24)}.image-card img{display:block;width:100%;height:auto}
     .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:36px}.card{border:1px solid var(--line);border-radius:16px;padding:25px;background:#191627}.icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:rgba(123,91,245,.14);color:var(--blue);font-weight:800;margin-bottom:17px}.card h3{margin:0 0 8px;font-size:17px;letter-spacing:-.02em}.card p{margin:0;color:var(--muted);font-size:14px}.flow{background:linear-gradient(135deg,#16112d,#0e4b45);color:white}.flow .eyebrow{color:#b9a6ff}.flow .title{color:white}.flow .sub{color:#d5d9e2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.step{padding:23px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.05)}.num{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font-weight:800;font-size:13px;margin-bottom:16px}.step h3{font-size:16px;margin:0 0 7px}.step p{font-size:14px;margin:0;color:#d8e5e6}.tour{text-align:center}.tour .title,.tour .sub{margin-left:auto;margin-right:auto}.tech{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:36px}.tech .card{background:var(--soft)}.tech ul{margin:12px 0 0;padding-left:18px;color:var(--muted);font-size:14px}.cta{padding:96px 0;background:#13111f}.cta-box{text-align:center;padding:58px 28px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(60% 120% at 50% 0%,rgba(123,91,245,.22),transparent 68%),#191627;color:#fff}.cta-box h2{margin:0;font-size:clamp(28px,4vw,42px);letter-spacing:-.045em}.cta-box p{max-width:570px;margin:14px auto 28px;color:var(--muted)}.cta-box .btn{background:var(--cyan);color:#04140b;box-shadow:none}.footer{padding:0;color:#727784;font-size:13px;border-top:1px solid var(--line);background:#0c0b11}.footer .wrap{min-height:72px;display:flex;align-items:center;gap:14px;justify-content:space-between;flex-wrap:wrap}.footer-brand{display:inline-flex;align-items:center;gap:8px;color:#f7f8f8;font-size:20px;font-weight:800;letter-spacing:-.035em}.footer-brand .dfv-logo{width:28px}.footer-brand .platform{font-size:11px}.footer-project{font-size:14px;color:#747984;font-weight:500}.footer-project::before{content:"·";margin-right:8px;color:#454a55}.copyright{color:#747984;font-size:14px}.copyright a{color:#8b909d}.copyright a:hover{color:#f7f8f8}
+    .dfv-logo{display:block;width:30px;height:30px;flex:0 0 auto}.dfv-logo img{display:block;width:100%;height:100%;object-fit:contain}.footer-brand .dfv-logo{width:28px;height:28px}
     @media(max-width:760px){.nav a{display:none}.nav{gap:0}.hero{padding-top:55px}.grid,.steps,.tech{grid-template-columns:1fr}section{padding:66px 0}.hero-visual{border-radius:15px}.top .wrap{height:60px}.platform{display:none}}
   </style>
 </head>
 <body>
-  <header class="top"><div class="wrap"><a class="brand" href="#top" aria-label="DFV24"><span class="dfv-logo" aria-hidden="true">df</span><span class="brand-name">DFV24</span><span class="platform">iPhone</span></a><nav class="nav"><a href="#features">Возможности</a><a href="#screens">Экраны</a><a href="#ios">Технологии</a><a class="btn" href="https://github.dfv24.com/fofanov.dmitry/coral-mobile-lending">Репозиторий</a></nav></div></header>
+  <header class="top"><div class="wrap"><a class="brand" href="#top" aria-label="DFV24"><span class="dfv-logo" aria-hidden="true"><img src="img/dfv24-logo.svg" alt=""></span><span class="brand-name">DFV24</span><span class="platform">iPhone</span></a><nav class="nav"><a href="#features">Возможности</a><a href="#screens">Экраны</a><a href="#ios">Технологии</a><a class="btn" href="https://github.dfv24.com/fofanov.dmitry/coral-mobile-lending">Репозиторий</a></nav></div></header>
   <main id="top">
     <section class="hero"><div class="wrap"><div class="kicker">DFV24 · реализованный iPhone-проект</div><h1>Ваши путешествия — <span>нативно на iPhone</span></h1><p class="lead">Coral Mobile — реализованное приложение для путешественников и партнёров: направления, акции, события, заявки и личный кабинет в одном мобильном интерфейсе.</p><a class="btn" href="#features">Посмотреть возможности ↓</a><figure class="hero-visual"><img src="img/hero.png" alt="Hero-дизайн Coral Travel с двумя iPhone"></figure><p class="caption">Проект из портфолио <b>DFV24</b> · нативный мобильный интерфейс Coral Travel.</p></div></section>
     <section class="overview" id="features"><div class="wrap"><div class="eyebrow">Единая точка входа</div><h2 class="title">Путешествия и сервисы без лишних переходов</h2><p class="sub">Приложение объединяет контент, специальные предложения и взаимодействие с пользователем в одном месте. Каждый сценарий оптимизирован для короткого мобильного пути.</p><div class="grid"><article class="card"><div class="icon">01</div><h3>Акции и новости</h3><p>Персональная лента предложений, подборок и важных обновлений.</p></article><article class="card"><div class="icon">02</div><h3>Направления</h3><p>Удобный обзор туров и тематических материалов с визуальными карточками.</p></article><article class="card"><div class="icon">03</div><h3>Заявка с телефона</h3><p>Короткая форма участия в мероприятии без перехода на внешний сайт.</p></article></div><figure class="image-card"><img src="img/overview.png" alt="Экран Coral Travel и описание Travel Market"></figure></div></section>
@@ -34,7 +35,7 @@
     <section class="tour" id="screens"><div class="wrap"><div class="eyebrow">Экраны продукта</div><h2 class="title">Один визуальный язык для разных задач</h2><p class="sub">Лента, каталог, акция и анкета связаны общей навигацией, привычной для iPhone.</p><figure class="image-card"><img src="img/screens.png" alt="Пять экранов iPhone приложения Coral Travel: акция, лента, старт, каталог и анкета"></figure></div></section>
     <section id="ios"><div class="wrap"><div class="eyebrow">Технологии iOS</div><h2 class="title">Нативный iOS-стек с вниманием к деталям</h2><p class="sub">В проекте использован современный подход к разработке: доступный интерфейс, защищённая сессия, сетевой слой и сценарии перехода из уведомлений.</p><div class="tech"><article class="card"><h3>Клиентское приложение</h3><ul><li>Swift и SwiftUI для современных экранов iPhone;</li><li>адаптация к Dynamic Type и VoiceOver;</li><li>Keychain для чувствительных данных сессии;</li><li>deep link и push-уведомления.</li></ul></article><article class="card"><h3>Серверные интеграции</h3><ul><li>REST API для ленты, каталога, заявок и профиля;</li><li>единая авторизация и обновление токена;</li><li>кэширование контента для стабильной работы сети;</li><li>аналитика событий без передачи лишних данных.</li></ul></article></div></div></section>
   </main>
-  <footer class="footer"><div class="wrap"><span class="footer-brand"><span class="dfv-logo" aria-hidden="true">df</span><span>DFV24</span><span class="platform">iPhone</span><span class="footer-project">Нативный iPhone-клиент</span></span><span class="copyright">© 2026 DFV24 · <a href="https://www.dfv24.com">www.dfv24.com</a></span></div></footer>
+  <footer class="footer"><div class="wrap"><span class="footer-brand"><span class="dfv-logo" aria-hidden="true"><img src="img/dfv24-logo.svg" alt=""></span><span>DFV24</span><span class="platform">iPhone</span><span class="footer-project">Нативный iPhone-клиент</span></span><span class="copyright">© 2026 DFV24 · <a href="https://www.dfv24.com">www.dfv24.com</a></span></div></footer>
   <script>/* Небольшое улучшение: внешние почтовые ссылки не меняют URL лендинга. */</script>
 </body>
 </html>