|
|
<!DOCTYPE html> |
|
|
<html lang="ru" class="scroll-smooth"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>PERVOTVOREC - ETERNITY IN OUR VENS</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=Oswald:wght@200;300;400;500;600;700&display=swap" rel="stylesheet"> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script> |
|
|
<script src="https://unpkg.com/feather-icons"></script> |
|
|
<link rel="icon" type="image/x-icon" href="https://7ya.fun/logo.jpg"> |
|
|
<link rel="stylesheet" href="style.css"> |
|
|
<script> |
|
|
tailwind.config = { |
|
|
theme: { |
|
|
extend: { |
|
|
fontFamily: { |
|
|
oswald: ['Oswald', 'sans-serif'], |
|
|
}, |
|
|
colors: { |
|
|
primary: '#1a1a2e', |
|
|
secondary: '#16213e', |
|
|
accent: '#0f3460', |
|
|
text: '#e5e5e5' |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</head> |
|
|
<body class="bg-primary text-text font-oswald min-h-screen flex flex-col"> |
|
|
<header class="bg-secondary py-6 px-4 shadow-lg relative"> |
|
|
<div class="container mx-auto flex justify-between items-center"> |
|
|
<h1 class="text-2xl md:text-3xl font-bold tracking-wider">PERVOTVOREC</h1> |
|
|
<p class="text-sm md:text-base opacity-80">ETERNITY IN OUR VENS</p> |
|
|
</div> |
|
|
<div class="absolute bottom-0 left-0 w-full bg-accent py-2 px-4"> |
|
|
<div class="container mx-auto flex flex-col md:flex-row items-center justify-center gap-4"> |
|
|
<span class="text-lg font-bold text-white">BALKA WALLEY FESTIVAL 2027</span> |
|
|
<div class="flex gap-4"> |
|
|
<div class="countdown-item"> |
|
|
<span id="countdown-days" class="countdown-number">00</span> |
|
|
<span class="countdown-label">DAYS</span> |
|
|
</div> |
|
|
<div class="countdown-item"> |
|
|
<span id="countdown-hours" class="countdown-number">00</span> |
|
|
<span class="countdown-label">HOURS</span> |
|
|
</div> |
|
|
<div class="countdown-item"> |
|
|
<span id="countdown-minutes" class="countdown-number">00</span> |
|
|
<span class="countdown-label">MINUTES</span> |
|
|
</div> |
|
|
<div class="countdown-item"> |
|
|
<span id="countdown-seconds" class="countdown-number">00</span> |
|
|
<span class="countdown-label">SECONDS</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
<main class="flex-grow container mx-auto px-4 py-8"> |
|
|
<section class="mb-12"> |
|
|
<div class="video-container relative w-full max-w-md mx-auto overflow-hidden rounded-lg shadow-2xl"> |
|
|
<video |
|
|
src="https://7ya.fun/vid/crtum_vid_vert/6.mp4" |
|
|
controls |
|
|
class="w-full h-auto" |
|
|
poster="https://7ya.fun/vid/crtum_vid_vert/6.jpg" |
|
|
playsinline |
|
|
preload="auto" |
|
|
></video> |
|
|
</div> |
|
|
<div class="mt-4 flex justify-center gap-4 p-2"> |
|
|
<a href="https://instagram.com/pervotvorec" target="_blank" class="social-icon bg-white text-red-600 hover:bg-red-600 hover:text-white transition-colors duration-300 rounded-full p-2"> |
|
|
<i data-feather="instagram"></i> |
|
|
</a> |
|
|
<a href="https://youtube.com/pervotvorec" target="_blank" class="social-icon bg-white text-red-600 hover:bg-red-600 hover:text-white transition-colors duration-300 rounded-full p-2"> |
|
|
<i data-feather="youtube"></i> |
|
|
</a> |
|
|
<a href="https://soundcloud.com/pervotvorec" target="_blank" class="social-icon bg-white text-red-600 hover:bg-red-600 hover:text-white transition-colors duration-300 rounded-full p-2"> |
|
|
<i data-feather="music"></i> |
|
|
</a> |
|
|
<a href="https://twitch.tv/pervotvorec" target="_blank" class="social-icon bg-white text-red-600 hover:bg-red-600 hover:text-white transition-colors duration-300 rounded-full p-2"> |
|
|
<i data-feather="twitch"></i> |
|
|
</a> |
|
|
<a href="https://vk.com/pervotvorec" target="_blank" class="social-icon bg-white text-red-600 hover:bg-red-600 hover:text-white transition-colors duration-300 rounded-full p-2"> |
|
|
<i data-feather="message-square"></i> |
|
|
</a> |
|
|
</div> |
|
|
</section> |
|
|
<section class="max-w-2xl mx-auto"> |
|
|
<h2 class="text-2xl md:text-3xl font-bold mb-6 text-center tracking-wider border-b border-accent pb-2">ТВОРЧЕСКИЙ ОЧЕРК</h2> |
|
|
<article class="space-y-12 text-lg leading-relaxed"> |
|
|
<div class="grid md:grid-cols-2 gap-8 items-center"> |
|
|
<div> |
|
|
<p>В музыке, особенно в альтернативном роке с его тягой к интроспекции и критике, редки тексты, дышащие такой безудержной, почти титанической силой. Чаще мы слышим о распаде, усталости, внутренней борьбе. Текст Александра Семьянского — иной. Это не стена, а манифест. Не диагноз, а торжествующее провозглашение. Это редкая и сложная задача — создать гимн освобождения, не скатываясь в пафос, и здесь автор находит для этого мощный, оригинальный язык.</p> |
|
|
</div> |
|
|
<div> |
|
|
<img src="http://static.photos/abstract/640x360/1" alt="Abstract music concept"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8 items-center"> |
|
|
<div class="order-2 md:order-1"> |
|
|
<h3 class="text-xl font-bold mb-4">Акт I: Тюрьма и ключ. Научно-мифологический бунт.</h3> |
|
|
<p>Песня начинается с гениальной метафоры, задающей всю драматургию: «Мы пили годы как вино, и вкус был горьким и знакомым». Это не просто красиво — это концептуально. Старение здесь — не абстракция, а насильственный ритуал, навязанный напиток, горечь которого все узнают.</p> |
|
|
<p>Следующая строчка обрушивает всю тяжесть реальности: «Наши тела были клетками, наш срок был предрешённым». Это двойная тюрьма: биологическая (тело как клетка) и нарративная (срок как приговор).</p> |
|
|
<p>Но бунт рождается не извне, а из самих основ бытия. Ключ находится «в сплетенье ДНК и света». Это ключевой образ, соединяющий материальное (ДНК, код жизни) и духовное, трансцендентное (свет). Это не магия, а некое прорывное знание, технология духа. И итог — не улучшение, а революция: «разорвали навсегда бесчеловечную петлю сюжета!».</p> |
|
|
</div> |
|
|
<div class="order-1 md:order-2"> |
|
|
<img src="http://static.photos/science/640x360/2" alt="DNA and light concept"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8 items-center"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">Припев: Провозглашение нового статуса</h3> |
|
|
<p>«Смотри, мы больше не стареем!» — это уже не интимное переживание, а крик на площади, обращённый к миру и к прошлому «я».</p> |
|
|
<p>«Вечность течёт» в жилах — ещё один сильный оксюморон, делающий абстракцию физиологической, почти кровной.</p> |
|
|
<p>И наконец — прямая декларация: «Мы новые боги».</p> |
|
|
<p>В контексте альтернативного рока, часто скептичного к любым формам величия, это рискованная и потому особенно мощная позиция.</p> |
|
|
<p>Это не боги в смысле культа, а боги как существа, сбросившие главное «ярмо времени», ставшие архитекторами собственного существования.</p> |
|
|
</div> |
|
|
<div> |
|
|
<img src="http://static.photos/monochrome/640x360/3" alt="Divine concept"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8 items-center"> |
|
|
<div class="order-2 md:order-1"> |
|
|
<h3 class="text-xl font-bold mb-4">Акт II: Прощание с миром страдания</h3> |
|
|
<p>Второй куплет — работа по очищению пространства. Он прощальный, но полный силы. «Слепой Апартеида тень» — великолепный и многогранный образ.</p> |
|
|
<p>Это и тень расового разделения, и — в расширительном смысле — любая система искусственного, насильственного разделения: молодости и старости, здоровья и угасания, избранности и обречённости. «Веков сомненья» — наследие рационального, рефлексирующего и потому бездействующего человечества.</p> |
|
|
<p>А далее — ключ к личному, возможно, к истокам самого автора: «Мы вышли из потока, что уносил певца / И солнца, и героя, и тебя, и меня».</p> |
|
|
<p>Поток времени уносит всё: творчество («певца»), свет («солнца»), идеалы («героя»), простых людей («тебя и меня»). И главный, поразительный по смелости финал акта: «Мы написали новую страницу для отца». Это выходит за рамки личного.</p> |
|
|
</div> |
|
|
<div class="order-1 md:order-2"> |
|
|
<img src="http://static.photos/vintage/640x360/4" alt="Time flow concept"> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid md:grid-cols-2 gap-8 items-center"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">Философское завершение</h3> |
|
|
<p>Александр Семьянский создал не просто текст песни, а поэтическую и философскую утопию. Это гимн абсолютной свободе, достигнутой через прорыв в самом ядре человеческого существа. Это бунт против самой основы трагического человеческого удела — против сюжета с концом.</p> |
|
|
<p>Сила текста — в смешении языков: научного («ДНК»), мифологического («боги», «поток»), личного («для отца») и социального («апартеида»). Он создаёт новую мифологию, где освобождение — не спасение души в ином мире, а радикальное пересотворение себя и мира здесь и сейчас. Это сложная, амбициозная и вдохновляющая задача для музыки, которая должна быть не менее грандиозной, честной и бескомпромиссной, чем слова.</p> |
|
|
</div> |
|
|
<div> |
|
|
<img src="http://static.photos/technology/640x360/5" alt="Philosophy concept"> |
|
|
</div> |
|
|
</div> |
|
|
</article> |
|
|
</section> |
|
|
</main> |
|
|
<footer class="bg-secondary py-8 px-4"> |
|
|
<div class="container mx-auto"> |
|
|
<p class="text-center text-sm opacity-75"> |
|
|
© 2026 Александр Семьянский (Pervotvorec). Все права защищены. |
|
|
</p> |
|
|
</div> |
|
|
</footer> |
|
|
<script> |
|
|
feather.replace(); |
|
|
</script> |
|
|
<script src="script.js"></script> |
|
|
<script src="https://huggingface.co/deepsite/deepsite-badge.js"></script> |
|
|
</body> |
|
|
</html> |
