Skip to content

Commit 9af87eb

Browse files
CosmoBladeCosmoBlade
committed
Update index.html
1 parent fff1ddb commit 9af87eb

1 file changed

Lines changed: 72 additions & 38 deletions

File tree

‎index.html‎

Lines changed: 72 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,8 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Cosmoblade | Портфолио</title>
6+
<title>🔍 Cosmoblade | Портфолио</title>
7+
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🔍</text></svg>">
78
<style>
89
:root {
910
--primary-color: #64f0ff;
@@ -52,6 +53,15 @@
5253
align-items: center;
5354
padding: 0 15px;
5455
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
56+
gap: 15px;
57+
}
58+
59+
.finder-icon {
60+
display: flex;
61+
align-items: center;
62+
gap: 6px;
63+
font-size: 14px;
64+
color: rgba(255, 255, 255, 0.9);
5565
}
5666

5767
.dots {
@@ -101,18 +111,24 @@
101111
}
102112

103113
.icon {
104-
width: clamp(80px, 25vw, 120px);
105-
height: clamp(80px, 25vw, 120px);
106-
background: rgba(255, 255, 255, 0.05);
107-
border-radius: 50%;
108-
margin: 0 auto 25px;
109-
display: flex;
110-
align-items: center;
111-
justify-content: center;
112-
font-size: clamp(2rem, 8vw, 3rem);
113-
border: 2px solid rgba(255, 255, 255, 0.08);
114-
transition: transform 0.4s;
115-
}
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+
116132

117133
.stack {
118134
display: flex;
@@ -135,25 +151,43 @@
135151
white-space: nowrap;
136152
}
137153

138-
.contact {
154+
.contacts-title {
139155
margin-top: 30px;
140-
font-size: clamp(1rem, 4vw, 1.2rem);
156+
font-size: clamp(1.1rem, 4vw, 1.4rem);
157+
color: var(--primary-color);
158+
margin-bottom: 15px;
159+
}
160+
161+
.contact-item {
162+
display: flex;
163+
align-items: center;
164+
gap: 10px;
165+
margin: 10px 0;
166+
padding: 10px 20px;
141167
background: rgba(255, 255, 255, 0.05);
142-
padding: 12px 25px;
143168
border-radius: 50px;
144169
transition: all 0.3s;
145-
text-align: center;
170+
text-decoration: none;
171+
color: var(--primary-color);
172+
width: fit-content;
146173
}
147174

148-
.contact a {
149-
color: var(--primary-color);
150-
text-decoration: none;
175+
.contact-item:hover {
176+
background: rgba(255, 255, 255, 0.1);
177+
transform: translateY(-2px);
178+
}
179+
180+
.contact-icon {
181+
font-size: 1.2em;
182+
}
183+
184+
.contact-text {
151185
display: flex;
152186
align-items: center;
153-
gap: 8px;
187+
gap: 5px;
154188
}
155189

156-
.contact a::after {
190+
.contact-text::after {
157191
content: "↗";
158192
font-size: 0.9em;
159193
opacity: 0.7;
@@ -177,8 +211,8 @@
177211
padding: 6px 12px;
178212
}
179213

180-
.contact {
181-
padding: 10px 20px;
214+
.contact-item {
215+
padding: 8px 16px;
182216
}
183217
}
184218

@@ -203,28 +237,21 @@
203237
background: rgba(100, 240, 255, 0.2);
204238
transform: translateY(-3px);
205239
}
206-
207-
.contact:hover {
208-
background: rgba(255, 255, 255, 0.1);
209-
}
210-
211-
.contact a:hover {
212-
color: var(--secondary-color);
213-
}
214240
}
215241
</style>
216242
</head>
217243
<body>
218244
<div class="mac-window">
219245
<div class="title-bar">
246+
</div>
220247
<div class="dots">
221248
<div class="dot dot-red"></div>
222249
<div class="dot dot-yellow"></div>
223250
<div class="dot dot-green"></div>
224251
</div>
225252
</div>
226253
<div class="content">
227-
<div class="icon">🚀</div>
254+
<div class="icon watermelon">🍉</div>
228255
<h1>Cosmoblade</h1>
229256
<p>14 лет | Начинающий full-stack разработчик</p>
230257

@@ -238,10 +265,17 @@ <h1>Cosmoblade</h1>
238265
<span class="tech">Git</span>
239266
</div>
240267

241-
<div class="contact">
242-
<a href="https://t.me/cosmoblade" target="_blank">Telegram @cosmoblade</a>
243-
<a href="https://github.com/cosmoblade" target="_blank">GitHub</a>
244-
</div>
268+
<h3 class="contacts-title">Как связаться</h3>
269+
270+
<a href="https://t.me/cosmoblade" target="_blank" class="contact-item">
271+
<span class="contact-icon">📨</span>
272+
<span class="contact-text">Telegram @cosmoblade</span>
273+
</a>
274+
275+
<a href="https://github.com/cosmoblade" target="_blank" class="contact-item">
276+
<span class="contact-icon">💻</span>
277+
<span class="contact-text">GitHub cosmoblade</span>
278+
</a>
245279
</div>
246280
</div>
247281

@@ -260,7 +294,7 @@ <h1>Cosmoblade</h1>
260294
document.querySelector('.mac-window').style.transform = 'scale(1)';
261295
}, 300);
262296
} else {
263-
alert('🚀 Добро пожаловать в моё космическое портфолио!');
297+
alert('🍉 Арбузный привет! Добро пожаловать в моё портфолио!');
264298
}
265299
}, 200);
266300
});

0 commit comments

Comments
 (0)