Skip to content

Commit 7f25afd

Browse files
committed
Update index.html
1 parent 9af87eb commit 7f25afd

1 file changed

Lines changed: 16 additions & 22 deletions

File tree

index.html

Lines changed: 16 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -111,24 +111,18 @@
111111
}
112112

113113
.icon {
114-
width: clamp(80px, 25vw, 120px);
115-
height: clamp(80px, 25vw, 120px);
116-
background: rgba(255, 255, 255, 0.05);
117-
border-radius: 50%;
118-
margin: 0 auto 25px;
119-
display: flex;
120-
align-items: center;
121-
justify-content: center;
122-
font-size: clamp(2rem, 8vw, 3rem);
123-
border: 2px solid rgba(255, 255, 255, 0.08);
124-
transition: transform 0.4s;
125-
}
126-
127-
.watermelon {
128-
/* Убраны градиент и тень */
129-
background: rgba(255, 255, 255, 0.05);
130-
}
131-
114+
width: clamp(80px, 25vw, 120px);
115+
height: clamp(80px, 25vw, 120px);
116+
background: rgba(255, 255, 255, 0.05);
117+
border-radius: 50%;
118+
margin: 0 auto 25px;
119+
display: flex;
120+
align-items: center;
121+
justify-content: center;
122+
font-size: clamp(2rem, 8vw, 3rem);
123+
border: 2px solid rgba(255, 255, 255, 0.08);
124+
transition: transform 0.4s;
125+
}
132126

133127
.stack {
134128
display: flex;
@@ -193,7 +187,6 @@
193187
opacity: 0.7;
194188
}
195189

196-
/* Адаптация для маленьких экранов */
197190
@media (max-width: 600px) {
198191
body {
199192
padding: 10px;
@@ -216,7 +209,6 @@
216209
}
217210
}
218211

219-
/* Анимации */
220212
@media (hover: hover) {
221213
.mac-window:hover {
222214
transform: scale(1.01);
@@ -243,6 +235,9 @@
243235
<body>
244236
<div class="mac-window">
245237
<div class="title-bar">
238+
<div class="finder-icon">
239+
<span>🔍</span>
240+
<span>Finder</span>
246241
</div>
247242
<div class="dots">
248243
<div class="dot dot-red"></div>
@@ -251,7 +246,7 @@
251246
</div>
252247
</div>
253248
<div class="content">
254-
<div class="icon watermelon">🍉</div>
249+
<div class="icon">🍉</div>
255250
<h1>Cosmoblade</h1>
256251
<p>14 лет | Начинающий full-stack разработчик</p>
257252

@@ -280,7 +275,6 @@ <h3 class="contacts-title">Как связаться</h3>
280275
</div>
281276

282277
<script>
283-
// Анимация при клике на кнопки заголовка
284278
document.querySelectorAll('.dot').forEach(dot => {
285279
dot.addEventListener('click', function() {
286280
this.style.transform = 'scale(0.8)';

0 commit comments

Comments
 (0)