Ver código fonte

Удалить 'site breaking bad/index.html'

Matvey 3 meses atrás
pai
commit
83b81e25ae
1 arquivos alterados com 0 adições e 264 exclusões
  1. 0 264
      site breaking bad/index.html

+ 0 - 264
site breaking bad/index.html

@@ -1,264 +0,0 @@
-<!DOCTYPE html>
-<html lang="ru">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Хайзенберг | Cinematic Experience</title>
-  <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=Bebas+Neue&family=Orbitron:wght@400;600;800&family=Oswald:wght@300;400;500;700&display=swap" rel="stylesheet" />
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
-  <link rel="stylesheet" href="./styles.css" />
-</head>
-<body>
-  <div class="loader" aria-label="Загрузка сайта">
-    <div class="loader__formula">C<sub>10</sub>H<sub>15</sub>N</div>
-    <div class="loader__line"><span></span></div>
-    <p>ИНИЦИАЛИЗАЦИЯ ЛАБОРАТОРИИ</p>
-  </div>
-
-  <div class="noise"></div>
-  <div class="scanlines"></div>
-  <div class="mouse-glow" aria-hidden="true"></div>
-  <canvas id="particles" aria-hidden="true"></canvas>
-
-  <header class="navbar">
-    <a class="brand" href="#hero" aria-label="На главный экран">
-      <span>Br</span><span>Ba</span>
-    </a>
-    <nav class="navlinks" aria-label="Основная навигация">
-      <a href="#hero">ГЛАВНАЯ</a>
-      <a href="#lab">ЛАБОРАТОРИЯ</a>
-      <a href="#characters">ПЕРСОНАЖИ</a>
-      <a href="#timeline">ХРОНОЛОГИЯ</a>
-      <a href="#dea">ДОСЬЕ DEA</a>
-    </nav>
-    <button class="nav-toggle" type="button" aria-label="Открыть меню">
-      <span></span><span></span>
-    </button>
-  </header>
-
-  <main>
-    <section class="hero section" id="hero">
-      <video class="hero__video" src="./Видео/Video%20Project%201.mp4" autoplay muted loop playsinline></video>
-      <div class="hero__smoke"></div>
-      <div class="hero__content">
-        <p class="eyebrow reveal">ОФИЦИАЛЬНЫЙ КРИМИНАЛЬНЫЙ ОПЫТ</p>
-        <h1 class="hero__title reveal">ХАЙЗЕНБЕРГ</h1>
-        <p class="hero__quote reveal">Я — не в опасности. Я и есть опасность.</p>
-        <div class="hero__actions reveal">
-          <a class="button button--primary" href="#lab">ВОЙТИ В ЛАБОРАТОРИЮ</a>
-          <button class="button button--ghost" type="button" data-open-trailer>СМОТРЕТЬ ЭДИТ</button>
-        </div>
-      </div>
-      <a class="scroll-indicator" href="#lab" aria-label="Прокрутить к лаборатории">
-        <span></span>
-        ПРОКРУТИТЬ
-      </a>
-    </section>
-
-    <section class="lab story-preview section" id="lab">
-      <div class="section__head">
-        <p class="eyebrow">ИСТОРИЯ СОБЫТИЙ</p>
-        <h2>Короткая история Уолтера Уайта</h2>
-      </div>
-      <div class="story-preview__grid">
-        <div class="story-preview__copy">
-          <div class="formula formula--one">C<sub>10</sub>H<sub>15</sub>N</div>
-          <p>Уолтер Уайт — талантливый химик и бывший сооснователь компании Gray Matter Technologies, который после ухода из компании остался обычным учителем химии в Альбукерке. Узнав о смертельном раке лёгких, он решает обеспечить семью деньгами и начинает производить метамфетамин вместе с бывшим учеником Джесси Пинкманом.</p>
-          <p>Их синий мет с чистотой 99.1% быстро становится известен по всему Нью-Мексико. Постепенно Уолтер превращается в Хайзенберга — одного из самых опасных людей в криминальном мире.</p>
-          <p>Он сталкивается с Туко Саламанкой, работает на наркобарона Гуса Фринга, строит собственную империю и уничтожает всех, кто пытается его остановить. Понимая, что Гус собирается избавиться от него, Уолтер объединяется с Гектором Саламанкой и устраивает взрыв в доме престарелых, убивая Фринга.</p>
-          <p>После этого Хайзенберг становится главным производителем метамфетамина в регионе. Но власть и жажда контроля постепенно разрушают его семью, отношения с Джесси и собственную жизнь.</p>
-          <p>Когда агент DEA Хэнк Шрейдер узнаёт, что Хайзенберг — это Уолтер, начинается финальное противостояние. Империя рушится, Хэнк погибает, Джесси попадает в плен, а сам Уолтер теряет всё, ради чего когда-то начал этот путь.</p>
-          <p>В финале Уолтер возвращается в Альбукерке, спасает Джесси, уничтожает банду неонацистов и умирает в лаборатории, рядом с химией, которая когда-то превратила его в Хайзенберга.</p>
-        </div>
-        <div class="story-preview__poster">
-          <img src="./Фотки/уолт%20обычный.jpg" alt="Уолтер Уайт до превращения в Хайзенберга" />
-        </div>
-      </div>
-      <a class="story-preview__button button button--primary" href="./history.html">ПРОЧИТАТЬ ПОЛНЫЙ СЮЖЕТ СЕРИАЛА</a>
-    </section>
-
-    <section class="characters section" id="characters">
-      <div class="section__head">
-        <p class="eyebrow">ПЕРСОНАЖИ</p>
-        <h2>Игроки империи</h2>
-      </div>
-      <div class="swiper character-swiper">
-        <div class="swiper-wrapper">
-          <article class="swiper-slide character-card" style="--portrait:url('./Фотки/волт%20фото.jpg')" data-quote="Скажи мое имя.">
-            <div class="character-card__shade"></div>
-            <h3>Уолтер Уайт</h3>
-            <p>Учитель химии, который построил империю из страха, гения и ярости.</p>
-            <button class="bio-link" type="button" data-bio="walter">ОТКРЫТЬ БИОГРАФИЮ</button>
-          </article>
-          <article class="swiper-slide character-card" style="--portrait:url('./Фотки/Джесси%20пинкман%20фото.webp')" data-quote="Да, наука!">
-            <div class="character-card__shade"></div>
-            <h3>Джесси Пинкман</h3>
-            <p>Партнер, чья совесть пережила то, что должно было ее уничтожить.</p>
-            <button class="bio-link" type="button" data-bio="jesse">ОТКРЫТЬ БИОГРАФИЮ</button>
-          </article>
-          <article class="swiper-slide character-card" style="--portrait:url('./Фотки/Гус%20фринг%20фото.webp')" data-quote="Страх не лучший мотиватор.">
-            <div class="character-card__shade"></div>
-            <h3>Густаво Фринг</h3>
-            <p>Безупречная улыбка, железная дисциплина и холодная архитектура власти.</p>
-            <button class="bio-link" type="button" data-bio="gus">ОТКРЫТЬ БИОГРАФИЮ</button>
-          </article>
-          <article class="swiper-slide character-card" style="--portrait:url('./Фотки/солл%20гудман.jpg')" data-quote="Лучше звоните Солу.">
-            <div class="character-card__shade"></div>
-            <h3>Сол Гудман</h3>
-            <p>Адвокат, который превращает хаос в сделку и всегда оставляет выход.</p>
-            <button class="bio-link" type="button" data-bio="saul">ОТКРЫТЬ БИОГРАФИЮ</button>
-          </article>
-          <article class="swiper-slide character-card" style="--portrait:url('./Фотки/Майк%20эрментрауцт.webp')" data-quote="Никаких полумер.">
-            <div class="character-card__shade"></div>
-            <h3>Майк Эрмантраут</h3>
-            <p>Тихий профессионал, для которого порядок важнее громких обещаний.</p>
-            <button class="bio-link" type="button" data-bio="mike">ОТКРЫТЬ БИОГРАФИЮ</button>
-          </article>
-        </div>
-        <div class="swiper-pagination"></div>
-      </div>
-    </section>
-
-    <section class="supporting section" id="supporting">
-      <div class="section__head">
-        <h2>Второстепенные персонажи</h2>
-      </div>
-      <div class="supporting__grid">
-        <article class="support-card support-card--jane" style="--support:url('./Фотки/Джейн%20Марголис.webp')"><h3>Джейн Марголис</h3><p>Любовь Джесси и трагедия, которая показывает, насколько далеко Уолт готов зайти ради контроля.</p></article>
-        <article class="support-card support-card--skyler" style="--support:url('./Фотки/Скайлер%20Уайт.webp')"><h3>Скайлер Уайт</h3><p>Жена Уолта, оказавшаяся между защитой семьи, страхом и соучастием в отмывании денег.</p></article>
-        <article class="support-card" style="--support:url('./Фотки/тодд.webp')"><h3>Тодд</h3><p>Вежливый и пугающе пустой исполнитель, который превращает насилие в бытовую процедуру.</p></article>
-        <article class="support-card" style="--support:url('./Фотки/Туко%20Саламанка.webp')"><h3>Туко Саламанка</h3><p>Первый крупный дилер, который вводит Уолта и Джесси в мир картеля и настоящего страха.</p></article>
-        <article class="support-card" style="--support:url('./Фотки/Гектор%20Саламанка.webp')"><h3>Гектор Саламанка</h3><p>Старейшина клана Саламанка, чья ненависть к Гусу становится оружием финального удара.</p></article>
-        <article class="support-card" style="--support:url('./Фотки/Уолтер%20Уайт-младший.jpg')"><h3>Уолтер Уайт-младший</h3><p>Сын Уолта, ради которого отец оправдывает преступления, пока семья окончательно не рушится.</p></article>
-        <article class="support-card" style="--support:url('./Фотки/Мари%20Шрэдер.webp')"><h3>Мари Шрэдер</h3><p>Сестра Скайлер и жена Хэнка, через которую семейная драма сталкивается с расследованием DEA.</p></article>
-        <article class="support-card" style="--support:url('./Фотки/Эладио%20Вуэнте.jpg')"><h3>Эладио Вуэнте</h3><p>Глава картеля, чья встреча с Гусом запускает одну из самых холодных линий мести в сериале.</p></article>
-      </div>
-    </section>
-
-    <section class="timeline section" id="timeline">
-      <div class="section__head">
-        <p class="eyebrow">ХРОНОЛОГИЯ</p>
-        <h2>Путь к имени</h2>
-      </div>
-      <div class="timeline__rail">
-        <article class="timeline__item"><span>01</span><h3>Диагноз</h3><p>Уолтер Уайт, школьный учитель химии из Альбукерке, узнает о раке легких. Страх оставить семью без денег толкает его к бывшему ученику Джесси Пинкману и первому вару метамфетамина в пустыне.</p></article>
-        <article class="timeline__item"><span>02</span><h3>Первые деньги</h3><p>Синяя формула быстро приносит прибыль, но вместе с ней приходят дилеры, насилие и необходимость лгать семье. Уолт впервые понимает, что преступный мир не про формулу, а про власть.</p></article>
-        <article class="timeline__item"><span>03</span><h3>Туко и картель</h3><p>Туко Саламанка открывает героям вход в опасный рынок. После его смерти след ведет к Хэнку, а Уолт все глубже прячет вторую жизнь за образом больного и тихого семьянина.</p></article>
-        <article class="timeline__item"><span>04</span><h3>Гус Фринг</h3><p>Гус строит для Уолта идеальную подземную лабораторию. Деньги становятся огромными, но дисциплина Фринга превращает Уолта из партнера в ресурс, который можно заменить.</p></article>
-        <article class="timeline__item"><span>05</span><h3>Война за империю</h3><p>Уолт сталкивает Гуса с Гектором Саламанкой и уничтожает главного конкурента. После этого имя Хайзенберг становится символом страха, а Джесси окончательно видит цену его решений.</p></article>
-        <article class="timeline__item"><span>06</span><h3>Разоблачение</h3><p>Хэнк находит книгу с посвящением Гейла и понимает, что Уолт связан с делом Heisenberg. Семья раскалывается, деньги уже не спасают, а каждая ложь возвращается уликой.</p></article>
-        <article class="timeline__item"><span>07</span><h3>Финал</h3><p>Уолт теряет империю, семью и имя. В последней операции он освобождает Джесси, уничтожает банду Джека и умирает в лаборатории рядом с тем, что когда-то называл своим делом.</p></article>
-      </div>
-    </section>
-
-    <section class="trailer section" id="trailer">
-      <video class="trailer__video" src="./Видео/Видео%20конца%20сериала.mp4" muted loop playsinline></video>
-      <div class="trailer__content">
-        <p class="eyebrow">ЭДИТ</p>
-        <h2>Пустыня помнит каждую сделку</h2>
-        <button class="play-button" type="button" data-open-ending aria-label="Воспроизвести эдит событий конца сериала">
-          <span></span>
-        </button>
-      </div>
-    </section>
-
-    <section class="dea section" id="dea">
-      <div class="section__head">
-        <p class="eyebrow">ДОСЬЕ DEA</p>
-        <h2>Расследование</h2>
-      </div>
-      <div class="dea__grid">
-        <img src="./Фотки/хэнк%20фото.webp" alt="Агент DEA Хэнк Шрейдер" />
-        <div class="dea__panel">
-          <h3>Как Хэнк вышел на Уолта</h3>
-          <p>Хэнк Шрейдер был одним из лучших агентов DEA в Альбукерке. С самого начала расследования он охотился за загадочным производителем синего метамфетамина, который быстро захватил улицы Нью-Мексико. DEA называло его Хайзенбергом — человеком, о котором никто ничего не знал.</p>
-          <p>Пока агенты искали связи с картелями и мексиканскими поставщиками, настоящий Хайзенберг находился прямо рядом с Хэнком. Уолтер Уайт — тихий школьный учитель химии, семьянин и человек, которого никто не мог заподозрить в создании крупнейшей наркоимперии региона.</p>
-          <p>Уолт использовал своё положение как идеальное прикрытие. Он скрывал деньги через автомойку, манипулировал уликами, исчезал под предлогом лечения и всегда находился на шаг впереди расследования. Пока Хэнк выходил на Туко Саламанку, Гуса Фринга и мексиканский картель, Хайзенберг постепенно устранял всех, кто мог раскрыть его личность.</p>
-          <p>После смерти Туко расследование стало серьёзнее. Появление синего мета с чистотой 99.1% говорило о том, что за производством стоит настоящий профессионал в химии. Хэнк начал понимать, что имеет дело не с обычными уличными дилерами, а с человеком, способным строить целую систему.</p>
-          <p>Позже следы привели к Гусу Фрингу — владельцу Los Pollos Hermanos. Для Хэнка Фринг выглядел идеальным подозреваемым: спокойный бизнесмен, связи с поставками, идеальная репутация и огромные ресурсы. Но доказательств оказалось недостаточно, а сам Гус продолжал скрывать свою империю под видом сети ресторанов.</p>
-          <p>Тем временем Уолтер всё глубже превращался в Хайзенберга. Он организовал убийство Гейла Беттикера, уничтожил лабораторию Гуса и вместе с Гектором Саламанкой устроил взрыв в доме престарелых, в котором погиб Гус Фринг. После этого именно Уолтер стал главным производителем метамфетамина в регионе.</p>
-          <p>Хэнк продолжал расследование даже после закрытия дела Фринга. Его не покидало чувство, что настоящая история ещё не закончена. Переломный момент произошёл случайно — не в лаборатории и не во время спецоперации, а дома у Уолтера. В ванной комнате Хэнк находит книгу Уолта Уитмена с посвящением от Гейла Беттикера.</p>
-          <p>Именно тогда всё складывается воедино: знания химии, исчезновения Уолтера, деньги, связь с Гейлом и поведение после смерти Гуса. Хэнк понимает страшную правду — Хайзенберг всё это время был членом его собственной семьи.</p>
-          <p>С этого момента расследование перестаёт быть просто работой DEA. Оно становится личной войной. Хэнк собирает доказательства против Уолтера, пытается вывести его на признание и в итоге выходит на место хранения денег в пустыне. Но именно там история достигает трагической развязки.</p>
-          <p>Во время ареста Уолтер вызывает банду Джека Уэлкера. Начинается перестрелка, в которой погибают агенты DEA. Даже понимая, что проиграл, Хэнк отказывается умолять о пощаде. Так заканчивается история человека, который почти поймал Хайзенберга, но слишком поздно понял, что всё это время смотрел ему прямо в глаза.</p>
-        </div>
-      </div>
-    </section>
-
-    <section class="ending section" id="ending">
-      <img class="ending__image" src="./Фотки/ВОлтер%20конец%20сериала.jpg" alt="Уолтер Уайт в финале сериала" />
-      <button class="ending__play play-button" type="button" data-open-ending aria-label="Посмотреть эдит событий конца сериала">
-        <span></span>
-      </button>
-      <div class="ending__caption">
-        <p class="eyebrow">ФИНАЛЬНЫЙ ЭДИТ</p>
-        <h2>Что произошло в конце</h2>
-        <p>В финале Уолт возвращается из изгнания, чтобы закрыть долги перед семьей и освободить Джесси. Он устраивает ловушку банде Джека, спасает бывшего напарника и погибает в лаборатории, где его путь к Хайзенбергу приходит к последней точке.</p>
-        <button class="button button--primary" type="button" data-open-ending>ПОСМОТРЕТЬ ЭДИТ КОНЦА СЕРИАЛА</button>
-      </div>
-    </section>
-
-    <section class="legacy section" id="legacy">
-      <img class="legacy__emmy-bg" src="./Фотки/Эмми.png" alt="" aria-hidden="true" />
-      <div class="legacy__image">
-        <img src="./Фотки/Получение%20наград%20джесси%20и%20волта.webp" alt="Брайан Крэнстон и Аарон Пол с наградами" />
-      </div>
-      <div class="legacy__copy">
-        <p class="eyebrow">НАСЛЕДИЕ</p>
-        <h2>Премии и популярность</h2>
-        <p>«Во все тяжкие» стал не просто успешным сериалом, а настоящим культурным феноменом. После выхода финальных сезонов проект получил статус одного из величайших сериалов в истории телевидения. Критики отмечали напряжённый сюжет, операторскую работу, развитие персонажей и атмосферу, которая с каждым сезоном становилась всё мрачнее и масштабнее.</p>
-        <p>Финальный сезон получил 99/100 на Metacritic, а многие эпизоды вошли в списки лучших телевизионных серий всех времён. Последняя серия — “Felina” — получила одну из самых высоких пользовательских оценок в истории IMDb.</p>
-        <p>За время выхода сериал получил 16 премий Primetime Emmy, 2 премии Golden Globe, множество наград Critics’ Choice Television Awards и Satellite Awards. Брайан Крэнстон четыре раза получил Emmy за роль Уолтера Уайта, Аарон Пол трижды выигрывал награду за роль Джесси Пинкмана. Анна Ганн также дважды получила Emmy за роль Скайлер Уайт.</p>
-        <p>Популярность сериала продолжала расти даже после финала. Образ Хайзенберга, жёлтые защитные костюмы, Los Pollos Hermanos и фразы “I am the one who knocks” и “Say my name” стали частью мировой поп-культуры. В 2014 году проект также выиграл «Золотой глобус» как лучший драматический сериал.</p>
-      </div>
-      <div class="quote-marquee" aria-label="Культовые фразы">
-        <div class="quote-marquee__track">
-          <span>I AM THE ONE WHO KNOCKS • SAY MY NAME • TREAD LIGHTLY • YEAH SCIENCE •</span>
-          <span>I AM THE ONE WHO KNOCKS • SAY MY NAME • TREAD LIGHTLY • YEAH SCIENCE •</span>
-          <span>I AM THE ONE WHO KNOCKS • SAY MY NAME • TREAD LIGHTLY • YEAH SCIENCE •</span>
-          <span>I AM THE ONE WHO KNOCKS • SAY MY NAME • TREAD LIGHTLY • YEAH SCIENCE •</span>
-          <span>I AM THE ONE WHO KNOCKS • SAY MY NAME • TREAD LIGHTLY • YEAH SCIENCE •</span>
-          <span>I AM THE ONE WHO KNOCKS • SAY MY NAME • TREAD LIGHTLY • YEAH SCIENCE •</span>
-        </div>
-      </div>
-    </section>
-  </main>
-
-  <footer class="footer">
-    <div class="brand brand--footer"><span>Br</span><span>Ba</span></div>
-    <p>Кинематографический фан-сайт на русском языке. Все материалы использованы локально из проекта.</p>
-    <div class="socials" aria-label="Социальные ссылки">
-      <a href="#" aria-label="Telegram">TG</a>
-      <a href="#" aria-label="VK">VK</a>
-      <a href="#" aria-label="YouTube">YT</a>
-    </div>
-  </footer>
-
-  <div class="trailer-modal" aria-hidden="true">
-    <button class="modal-close" type="button" aria-label="Закрыть эдит">ЗАКРЫТЬ</button>
-    <video src="./Видео/Video%20Project%201.mp4" controls playsinline></video>
-  </div>
-
-  <div class="ending-modal" aria-hidden="true">
-    <button class="modal-close ending-close" type="button" aria-label="Закрыть финальный эдит">ЗАКРЫТЬ</button>
-    <video src="./Видео/Видео%20конца%20сериала.mp4" controls playsinline></video>
-  </div>
-
-  <div class="bio-modal" aria-hidden="true">
-    <div class="bio-modal__panel">
-      <button class="modal-close bio-close" type="button" aria-label="Закрыть биографию">ЗАКРЫТЬ</button>
-      <p class="eyebrow">БИОГРАФИЯ</p>
-      <h2></h2>
-      <p class="bio-modal__text"></p>
-    </div>
-  </div>
-
-  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/ScrollTrigger.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/@studio-freight/lenis@1.0.42/dist/lenis.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
-  <script src="./script.js"></script>
-</body>
-</html>