TruePower2020 commited on
Commit
be05f46
·
verified ·
1 Parent(s): 6e19144

уровняй картинки и размер текста

Browse files
Files changed (2) hide show
  1. index.html +15 -15
  2. style.css +18 -1
index.html CHANGED
@@ -80,10 +80,10 @@ playsinline
80
  <div>
81
  <p>В музыке, особенно в альтернативном роке с его тягой к интроспекции и критике, редки тексты, дышащие такой безудержной, почти титанической силой. Чаще мы слышим о распаде, усталости, внутренней борьбе. Текст Александра Семьянского — иной. Это не стена, а манифест. Не диагноз, а торжествующее провозглашение. Это редкая и сложная задача — создать гимн освобождения, не скатываясь в пафос, и здесь автор находит для этого мощный, оригинальный язык.</p>
82
  </div>
83
- <div class="rounded-lg overflow-hidden shadow-xl">
84
- <img src="http://static.photos/abstract/640x360/1" alt="Abstract music concept" class="w-full h-auto">
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,10 +92,10 @@ playsinline
92
  <p>Следующая строчка обрушивает всю тяжесть реальности: «Наши тела были клетками, наш срок был предрешённым». Это двойная тюрьма: биологическая (тело как клетка) и нарративная (срок как приговор).</p>
93
  <p>Но бунт рождается не извне, а из самих основ бытия. Ключ находится «в сплетенье ДНК и света». Это ключевой образ, соединяющий материальное (ДНК, код жизни) и духовное, трансцендентное (свет). Это не магия, а некое прорывное знание, технология духа. И итог — не улучшение, а революция: «разорвали навсегда бесчеловечную петлю сюжета!».</p>
94
  </div>
95
- <div class="order-1 md:order-2 rounded-lg overflow-hidden shadow-xl">
96
- <img src="http://static.photos/science/640x360/2" alt="DNA and light concept" class="w-full h-auto">
97
  </div>
98
- </div>
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 class="rounded-lg overflow-hidden shadow-xl">
110
- <img src="http://static.photos/monochrome/640x360/3" alt="Divine concept" class="w-full h-auto">
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,10 +119,10 @@ playsinline
119
  <p>А далее — ключ к личному, возможно, к истокам самого автора: «Мы вышли из потока, что уносил певца / И солнца, и героя, и тебя, и меня».</p>
120
  <p>Поток времени уносит всё: творчество («певца»), свет («солнца»), идеалы («героя»), простых людей («тебя и меня»). И главный, поразительный по смелости финал акта: «Мы написали новую страницу для отца». Это выходит за рамки личного.</p>
121
  </div>
122
- <div class="order-1 md:order-2 rounded-lg overflow-hidden shadow-xl">
123
- <img src="http://static.photos/vintage/640x360/4" alt="Time flow concept" class="w-full h-auto">
124
  </div>
125
- </div>
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 class="rounded-lg overflow-hidden shadow-xl">
134
- <img src="http://static.photos/technology/640x360/5" alt="Philosophy concept" class="w-full h-auto">
135
  </div>
136
- </div>
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;