Skip to content

Commit 072bb78

Browse files
SakthiProgrammerSakthiProgrammer
committed
Revert "Feat: Skills name added."
This reverts commit 6eb6b28.
1 parent 847ce8e commit 072bb78

File tree

3 files changed

+14
-41
lines changed

3 files changed

+14
-41
lines changed

‎public/index.html‎

Lines changed: 0 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -169,31 +169,24 @@ <h3>Programming Languages</h3>
169169
<div class="skill-tags">
170170
<div class="skill-tag-enhanced">
171171
<img src="docs/Skills-Icons/java.svg" alt="Java" class="skill-img">
172-
<p>Java</p>
173172
</div>
174173
<div class="skill-tag-enhanced">
175174
<img src="docs/Skills-Icons/go.svg" alt="Go" class="skill-img">
176-
<p>Golang</p>
177175
</div>
178176
<div class="skill-tag-enhanced">
179177
<img src="docs/Skills-Icons/javascript.svg" alt="JavaScript" class="skill-img">
180-
<p>Javascript</p>
181178
</div>
182179
<div class="skill-tag-enhanced">
183180
<img src="docs/Skills-Icons/html.svg" alt="HTML5" class="skill-img">
184-
<p>HTML</p>
185181
</div>
186182
<div class="skill-tag-enhanced">
187183
<img src="docs/Skills-Icons/css.svg" alt="CSS3" class="skill-img">
188-
<p>CSS</p>
189184
</div>
190185
<div class="skill-tag-enhanced">
191186
<img src="docs/Skills-Icons/mysql.svg" alt="SQL" class="skill-img">
192-
<p>Sql</p>
193187
</div>
194188
<div class="skill-tag-enhanced">
195189
<img src="docs/Skills-Icons/Dart.svg" alt="Dart" class="skill-img">
196-
<p>Dart</p>
197190
</div>
198191
</div>
199192
</div>
@@ -203,23 +196,18 @@ <h3>Frameworks & Libraries</h3>
203196
<div class="skill-tags">
204197
<div class="skill-tag-enhanced">
205198
<img src="docs/Skills-Icons/vuejs.svg" alt="Vue.js" class="skill-img">
206-
<p>Vue.js</p>
207199
</div>
208200
<div class="skill-tag-enhanced">
209201
<img src="docs/Skills-Icons/vuetify.svg" alt="Vuetify" class="skill-img">
210-
<p>Vuetify</p>
211202
</div>
212203
<div class="skill-tag-enhanced">
213204
<img src="docs/Skills-Icons/flutter.svg" alt="Flutter" class="skill-img">
214-
<p>Flutter</p>
215205
</div>
216206
<div class="skill-tag-enhanced">
217207
<img src="docs/Skills-Icons/spring.svg" alt="Spring Boot" class="skill-img">
218-
<p>Springboot</p>
219208
</div>
220209
<div class="skill-tag-enhanced">
221210
<img src="docs/Skills-Icons/bootstrap.svg" alt="Bootstrap" class="skill-img">
222-
<p>Bootstrap</p>
223211
</div>
224212
<!-- <div class="skill-tag-enhanced">
225213
<img src="docs/Skills-Icons/restapi" alt="REST APIs" class="skill-img">
@@ -232,27 +220,21 @@ <h3>Tools & Technologies</h3>
232220
<div class="skill-tags">
233221
<div class="skill-tag-enhanced">
234222
<img src="docs/Skills-Icons/github.svg" alt="Git & GitHub" class="skill-img">
235-
<p>Github</p>
236223
</div>
237224
<div class="skill-tag-enhanced">
238225
<img src="docs/Skills-Icons/vscode.svg" alt="VS Code" class="skill-img">
239-
<p>Vs Code</p>
240226
</div>
241227
<div class="skill-tag-enhanced">
242228
<img src="docs/Skills-Icons/eclipse.png" alt="Eclipse" class="skill-img">
243-
<p>Eclipse</p>
244229
</div>
245230
<div class="skill-tag-enhanced">
246231
<img src="docs/Skills-Icons/postman.svg" alt="Postman" class="skill-img">
247-
<p>Postman</p>
248232
</div>
249233
<div class="skill-tag-enhanced">
250234
<img src="docs/Skills-Icons/mysql.svg" alt="MySQL" class="skill-img">
251-
<p>Mysql Workbench</p>
252235
</div>
253236
<div class="skill-tag-enhanced">
254237
<img src="docs/Skills-Icons/spring.svg" alt="Spring Tool Suite" class="skill-img">
255-
<p>Spring STS</p>
256238
</div>
257239
</div>
258240
</div>

‎public/script.js‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -339,19 +339,19 @@ function typeWriter(element, text, speed = 100) {
339339
// });
340340

341341
// Mouse tracking effect for hero image
342-
// document.addEventListener('mousemove', function (e) {
343-
// const heroImage = document.querySelector('.hero-image-wrapper');
344-
// if (heroImage) {
345-
// const rect = heroImage.getBoundingClientRect();
346-
// const x = e.clientX - rect.left - rect.width / 2;
347-
// const y = e.clientY - rect.top - rect.height / 2;
342+
document.addEventListener('mousemove', function (e) {
343+
const heroImage = document.querySelector('.hero-image-wrapper');
344+
if (heroImage) {
345+
const rect = heroImage.getBoundingClientRect();
346+
const x = e.clientX - rect.left - rect.width / 2;
347+
const y = e.clientY - rect.top - rect.height / 2;
348348

349-
// const moveX = x * 0.01;
350-
// const moveY = y * 0.01;
349+
const moveX = x * 0.01;
350+
const moveY = y * 0.01;
351351

352-
// heroImage.style.transform = `translate(${moveX}px, ${moveY}px)`;
353-
// }
354-
// });
352+
heroImage.style.transform = `translate(${moveX}px, ${moveY}px)`;
353+
}
354+
});
355355

356356
// Intersection Observer for image animations
357357
const imageObserver = new IntersectionObserver((entries) => {

‎public/styles.css‎

Lines changed: 3 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -634,11 +634,9 @@ body {
634634

635635
.skill-tag-enhanced {
636636
width: 90px;
637-
height: 100px;
638-
padding: 7px;
637+
height: 90px;
639638
display: flex;
640639
justify-content: center;
641-
flex-direction: column;
642640
align-items: center;
643641
background: rgba(255, 255, 255, 0.08);
644642
border: 1px solid rgba(255, 255, 255, 0.1);
@@ -651,13 +649,6 @@ body {
651649
overflow: hidden;
652650
}
653651

654-
.skill-tag-enhanced p{
655-
margin-top: 6px;
656-
padding: 5px;
657-
text-align: center;
658-
font-size: 0.8rem;
659-
}
660-
661652
/* Hover Animation */
662653
.skill-tag-enhanced:hover {
663654
transform: translateY(-8px) scale(1.08);
@@ -695,9 +686,9 @@ body {
695686
}
696687

697688
/* Optional floating animation for continuous movement */
698-
/* .skill-tag-enhanced {
689+
.skill-tag-enhanced {
699690
animation: float 4s ease-in-out infinite;
700-
} */
691+
}
701692

702693
@keyframes float {
703694
0%, 100% { transform: translateY(0px); }

0 commit comments

Comments
 (0)