уровняй картинки и размер текста
Browse files- index.html +15 -15
- style.css +18 -1
index.html
CHANGED
|
@@ -80,10 +80,10 @@ playsinline
|
|
| 80 |
<div>
|
| 81 |
<p>В музыке, особенно в альтернативном роке с его тягой к интроспекции и критике, редки тексты, дышащие такой безудержной, почти титанической силой. Чаще мы слышим о распаде, усталости, внутренней борьбе. Текст Александра Семьянского — иной. Это не стена, а манифест. Не диагноз, а торжествующее провозглашение. Это редкая и сложная задача — создать гимн освобождения, не скатываясь в пафос, и здесь автор находит для этого мощный, оригинальный язык.</p>
|
| 82 |
</div>
|
| 83 |
-
<div
|
| 84 |
-
<img src="http://static.photos/abstract/640x360/1" alt="Abstract music concept"
|
| 85 |
</div>
|
| 86 |
-
|
| 87 |
|
| 88 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 89 |
<div class="order-2 md:order-1">
|
|
@@ -92,10 +92,10 @@ playsinline
|
|
| 92 |
<p>Следующая строчка обрушивает всю тяжесть реальности: «Наши тела были клетками, наш срок был предрешённым». Это двойная тюрьма: биологическая (тело как клетка) и нарративная (срок как приговор).</p>
|
| 93 |
<p>Но бунт рождается не извне, а из самих основ бытия. Ключ находится «в сплетенье ДНК и света». Это ключевой образ, соединяющий материальное (ДНК, код жизни) и духовное, трансцендентное (свет). Это не магия, а некое прорывное знание, технология духа. И итог — не улучшение, а революция: «разорвали навсегда бесчеловечную петлю сюжета!».</p>
|
| 94 |
</div>
|
| 95 |
-
<div class="order-1 md:order-2
|
| 96 |
-
<img src="http://static.photos/science/640x360/2" alt="DNA and light concept"
|
| 97 |
</div>
|
| 98 |
-
|
| 99 |
|
| 100 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 101 |
<div>
|
|
@@ -106,10 +106,10 @@ playsinline
|
|
| 106 |
<p>В контексте альтернативного рока, часто скептичного к любым формам величия, это рискованная и потому особенно мощная позиция.</p>
|
| 107 |
<p>Это не боги в смысле культа, а боги как существа, сбросившие главное «ярмо времени», ставшие архитекторами собственного существования.</p>
|
| 108 |
</div>
|
| 109 |
-
<div
|
| 110 |
-
<img src="http://static.photos/monochrome/640x360/3" alt="Divine concept"
|
| 111 |
</div>
|
| 112 |
-
|
| 113 |
|
| 114 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 115 |
<div class="order-2 md:order-1">
|
|
@@ -119,10 +119,10 @@ playsinline
|
|
| 119 |
<p>А далее — ключ к личному, возможно, к истокам самого автора: «Мы вышли из потока, что уносил певца / И солнца, и героя, и тебя, и меня».</p>
|
| 120 |
<p>Поток времени уносит всё: творчество («певца»), свет («солнца»), идеалы («героя»), простых людей («тебя и меня»). И главный, поразительный по смелости финал акта: «Мы написали новую страницу для отца». Это выходит за рамки личного.</p>
|
| 121 |
</div>
|
| 122 |
-
<div class="order-1 md:order-2
|
| 123 |
-
<img src="http://static.photos/vintage/640x360/4" alt="Time flow concept"
|
| 124 |
</div>
|
| 125 |
-
|
| 126 |
|
| 127 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 128 |
<div>
|
|
@@ -130,10 +130,10 @@ playsinline
|
|
| 130 |
<p>Александр Семьянский создал не просто текст песни, а поэтическую и философскую утопию. Это гимн абсолютной свободе, достигнутой через прорыв в самом ядре человеческого существа. Это бунт против самой основы трагического человеческого удела — против сюжета с концом.</p>
|
| 131 |
<p>Сила текста — в смешении языков: научного («ДНК»), мифологического («боги», «поток»), личного («для отца») и социального («апартеида»). Он создаёт новую мифологию, где освобождение — не спасение души в ином мире, а радикальное пересотворение себя и мира здесь и сейчас. Это сложная, амбициозная и вдохновляющая задача для музыки, которая должна быть не менее грандиозной, честной и бескомпромиссной, чем слова.</p>
|
| 132 |
</div>
|
| 133 |
-
<div
|
| 134 |
-
<img src="http://static.photos/technology/640x360/5" alt="Philosophy concept"
|
| 135 |
</div>
|
| 136 |
-
|
| 137 |
</article>
|
| 138 |
</section>
|
| 139 |
</main>
|
|
|
|
| 80 |
<div>
|
| 81 |
<p>В музыке, особенно в альтернативном роке с его тягой к интроспекции и критике, редки тексты, дышащие такой безудержной, почти титанической силой. Чаще мы слышим о распаде, усталости, внутренней борьбе. Текст Александра Семьянского — иной. Это не стена, а манифест. Не диагноз, а торжествующее провозглашение. Это редкая и сложная задача — создать гимн освобождения, не скатываясь в пафос, и здесь автор находит для этого мощный, оригинальный язык.</p>
|
| 82 |
</div>
|
| 83 |
+
<div>
|
| 84 |
+
<img src="http://static.photos/abstract/640x360/1" alt="Abstract music concept">
|
| 85 |
</div>
|
| 86 |
+
</div>
|
| 87 |
|
| 88 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 89 |
<div class="order-2 md:order-1">
|
|
|
|
| 92 |
<p>Следующая строчка обрушивает всю тяжесть реальности: «Наши тела были клетками, наш срок был предрешённым». Это двойная тюрьма: биологическая (тело как клетка) и нарративная (срок как приговор).</p>
|
| 93 |
<p>Но бунт рождается не извне, а из самих основ бытия. Ключ находится «в сплетенье ДНК и света». Это ключевой образ, соединяющий материальное (ДНК, код жизни) и духовное, трансцендентное (свет). Это не магия, а некое прорывное знание, технология духа. И итог — не улучшение, а революция: «разорвали навсегда бесчеловечную петлю сюжета!».</p>
|
| 94 |
</div>
|
| 95 |
+
<div class="order-1 md:order-2">
|
| 96 |
+
<img src="http://static.photos/science/640x360/2" alt="DNA and light concept">
|
| 97 |
</div>
|
| 98 |
+
</div>
|
| 99 |
|
| 100 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 101 |
<div>
|
|
|
|
| 106 |
<p>В контексте альтернативного рока, часто скептичного к любым формам величия, это рискованная и потому особенно мощная позиция.</p>
|
| 107 |
<p>Это не боги в смысле культа, а боги как существа, сбросившие главное «ярмо времени», ставшие архитекторами собственного существования.</p>
|
| 108 |
</div>
|
| 109 |
+
<div>
|
| 110 |
+
<img src="http://static.photos/monochrome/640x360/3" alt="Divine concept">
|
| 111 |
</div>
|
| 112 |
+
</div>
|
| 113 |
|
| 114 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 115 |
<div class="order-2 md:order-1">
|
|
|
|
| 119 |
<p>А далее — ключ к личному, возможно, к истокам самого автора: «Мы вышли из потока, что уносил певца / И солнца, и героя, и тебя, и меня».</p>
|
| 120 |
<p>Поток времени уносит всё: творчество («певца»), свет («солнца»), идеалы («героя»), простых людей («тебя и меня»). И главный, поразительный по смелости финал акта: «Мы написали новую страницу для отца». Это выходит за рамки личного.</p>
|
| 121 |
</div>
|
| 122 |
+
<div class="order-1 md:order-2">
|
| 123 |
+
<img src="http://static.photos/vintage/640x360/4" alt="Time flow concept">
|
| 124 |
</div>
|
| 125 |
+
</div>
|
| 126 |
|
| 127 |
<div class="grid md:grid-cols-2 gap-8 items-center">
|
| 128 |
<div>
|
|
|
|
| 130 |
<p>Александр Семьянский создал не просто текст песни, а поэтическую и философскую утопию. Это гимн абсолютной свободе, достигнутой через прорыв в самом ядре человеческого существа. Это бунт против самой основы трагического человеческого удела — против сюжета с концом.</p>
|
| 131 |
<p>Сила текста — в смешении языков: научного («ДНК»), мифологического («боги», «поток»), личного («для отца») и социального («апартеида»). Он создаёт новую мифологию, где освобождение — не спасение души в ином мире, а радикальное пересотворение себя и мира здесь и сейчас. Это сложная, амбициозная и вдохновляющая задача для музыки, которая должна быть не менее грандиозной, честной и бескомпромиссной, чем слова.</p>
|
| 132 |
</div>
|
| 133 |
+
<div>
|
| 134 |
+
<img src="http://static.photos/technology/640x360/5" alt="Philosophy concept">
|
| 135 |
</div>
|
| 136 |
+
</div>
|
| 137 |
</article>
|
| 138 |
</section>
|
| 139 |
</main>
|
style.css
CHANGED
|
@@ -24,14 +24,31 @@ video[poster] {
|
|
| 24 |
background-size: cover;
|
| 25 |
background-position: center;
|
| 26 |
}
|
| 27 |
-
|
| 28 |
article img {
|
| 29 |
transition: transform 0.3s ease;
|
|
|
|
|
|
|
|
|
|
|
|
|
| 30 |
}
|
| 31 |
|
| 32 |
article img:hover {
|
| 33 |
transform: scale(1.02);
|
| 34 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 35 |
/* Custom scrollbar */
|
| 36 |
::-webkit-scrollbar {
|
| 37 |
width: 8px;
|
|
|
|
| 24 |
background-size: cover;
|
| 25 |
background-position: center;
|
| 26 |
}
|
|
|
|
| 27 |
article img {
|
| 28 |
transition: transform 0.3s ease;
|
| 29 |
+
width: 100%;
|
| 30 |
+
height: 300px;
|
| 31 |
+
object-fit: cover;
|
| 32 |
+
border-radius: 8px;
|
| 33 |
}
|
| 34 |
|
| 35 |
article img:hover {
|
| 36 |
transform: scale(1.02);
|
| 37 |
}
|
| 38 |
+
|
| 39 |
+
article p {
|
| 40 |
+
font-size: 1.1rem;
|
| 41 |
+
line-height: 1.6;
|
| 42 |
+
}
|
| 43 |
+
|
| 44 |
+
article h3 {
|
| 45 |
+
font-size: 1.4rem;
|
| 46 |
+
margin-bottom: 1rem;
|
| 47 |
+
}
|
| 48 |
+
|
| 49 |
+
.grid.md\:grid-cols-2 {
|
| 50 |
+
align-items: start;
|
| 51 |
+
}
|
| 52 |
/* Custom scrollbar */
|
| 53 |
::-webkit-scrollbar {
|
| 54 |
width: 8px;
|