File size: 14,145 Bytes
8b5f9f3
 
 
 
 
fd0572c
 
8b5f9f3
 
 
 
 
e9b65b0
8b5f9f3
e9b65b0
8b5f9f3
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0d9b14b
8b5f9f3
 
fd0572c
0d9b14b
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8b5f9f3
0d9b14b
8b5f9f3
 
 
 
 
 
63a086c
3879a4d
8508261
8b5f9f3
8508261
537729e
 
d689a9a
 
537729e
d689a9a
 
537729e
d689a9a
 
537729e
d689a9a
 
537729e
ef2922e
d689a9a
ef2922e
045d397
d689a9a
8b5f9f3
6e19144
 
 
 
 
be05f46
 
6e19144
be05f46
4e161d9
6e19144
 
 
 
 
 
 
be05f46
 
6e19144
be05f46
4e161d9
6e19144
 
 
 
 
 
 
 
 
be05f46
 
6e19144
be05f46
4e161d9
6e19144
 
 
 
 
 
 
 
be05f46
 
6e19144
be05f46
4e161d9
6e19144
 
 
 
 
 
be05f46
 
6e19144
be05f46
8b5f9f3
aa7ae0a
8b5f9f3
 
 
045d397
fc9f521
 
8b5f9f3
 
d689a9a
8b5f9f3
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!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">
&copy; 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>