Skip to content

Commit b6231dc

Browse files
SakthiProgrammerSakthiProgrammer
committed
Feat: Old Feature Reverted
1 parent 7a8d283 commit b6231dc

File tree

4 files changed

+43
-16
lines changed

4 files changed

+43
-16
lines changed

‎.github/workflows/firebase-hosting-merge.yml‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ jobs:
1111
runs-on: ubuntu-latest
1212
steps:
1313
- uses: actions/checkout@v4
14-
- run: npm ci && npm run build
14+
- run: npm install && npm run build
1515
- uses: FirebaseExtended/action-hosting-deploy@v0
1616
with:
1717
repoToken: ${{ secrets.GITHUB_TOKEN }}

‎index.html‎

Lines changed: 18 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -169,24 +169,31 @@ <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>
172173
</div>
173174
<div class="skill-tag-enhanced">
174175
<img src="docs/Skills-Icons/go.svg" alt="Go" class="skill-img">
176+
<p>Golang</p>
175177
</div>
176178
<div class="skill-tag-enhanced">
177179
<img src="docs/Skills-Icons/javascript.svg" alt="JavaScript" class="skill-img">
180+
<p>Javascript</p>
178181
</div>
179182
<div class="skill-tag-enhanced">
180183
<img src="docs/Skills-Icons/html.svg" alt="HTML5" class="skill-img">
184+
<p>HTML</p>
181185
</div>
182186
<div class="skill-tag-enhanced">
183187
<img src="docs/Skills-Icons/css.svg" alt="CSS3" class="skill-img">
188+
<p>CSS</p>
184189
</div>
185190
<div class="skill-tag-enhanced">
186191
<img src="docs/Skills-Icons/mysql.svg" alt="SQL" class="skill-img">
192+
<p>Sql</p>
187193
</div>
188194
<div class="skill-tag-enhanced">
189195
<img src="docs/Skills-Icons/Dart.svg" alt="Dart" class="skill-img">
196+
<p>Dart</p>
190197
</div>
191198
</div>
192199
</div>
@@ -196,18 +203,23 @@ <h3>Frameworks & Libraries</h3>
196203
<div class="skill-tags">
197204
<div class="skill-tag-enhanced">
198205
<img src="docs/Skills-Icons/vuejs.svg" alt="Vue.js" class="skill-img">
206+
<p>Vue.js</p>
199207
</div>
200208
<div class="skill-tag-enhanced">
201209
<img src="docs/Skills-Icons/vuetify.svg" alt="Vuetify" class="skill-img">
210+
<p>Vuetify</p>
202211
</div>
203212
<div class="skill-tag-enhanced">
204213
<img src="docs/Skills-Icons/flutter.svg" alt="Flutter" class="skill-img">
214+
<p>Flutter</p>
205215
</div>
206216
<div class="skill-tag-enhanced">
207217
<img src="docs/Skills-Icons/spring.svg" alt="Spring Boot" class="skill-img">
218+
<p>Springboot</p>
208219
</div>
209220
<div class="skill-tag-enhanced">
210221
<img src="docs/Skills-Icons/bootstrap.svg" alt="Bootstrap" class="skill-img">
222+
<p>Bootstrap</p>
211223
</div>
212224
<!-- <div class="skill-tag-enhanced">
213225
<img src="docs/Skills-Icons/restapi" alt="REST APIs" class="skill-img">
@@ -220,21 +232,27 @@ <h3>Tools & Technologies</h3>
220232
<div class="skill-tags">
221233
<div class="skill-tag-enhanced">
222234
<img src="docs/Skills-Icons/github.svg" alt="Git & GitHub" class="skill-img">
235+
<p>Github</p>
223236
</div>
224237
<div class="skill-tag-enhanced">
225238
<img src="docs/Skills-Icons/vscode.svg" alt="VS Code" class="skill-img">
239+
<p>Vs Code</p>
226240
</div>
227241
<div class="skill-tag-enhanced">
228242
<img src="docs/Skills-Icons/eclipse.png" alt="Eclipse" class="skill-img">
243+
<p>Eclipse</p>
229244
</div>
230245
<div class="skill-tag-enhanced">
231246
<img src="docs/Skills-Icons/postman.svg" alt="Postman" class="skill-img">
247+
<p>Postman</p>
232248
</div>
233249
<div class="skill-tag-enhanced">
234250
<img src="docs/Skills-Icons/mysql.svg" alt="MySQL" class="skill-img">
251+
<p>Mysql Workbench</p>
235252
</div>
236253
<div class="skill-tag-enhanced">
237254
<img src="docs/Skills-Icons/spring.svg" alt="Spring Tool Suite" class="skill-img">
255+
<p>Spring STS</p>
238256
</div>
239257
</div>
240258
</div>

‎script.js‎

Lines changed: 12 additions & 12 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) => {
@@ -447,4 +447,4 @@ function processMail(message, email, from_name, subject) {
447447
};
448448

449449
return emailjs.send("service_tt8yrbd", "template_foonw0f", templateParams);
450-
}
450+
}

‎styles.css‎

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

635635
.skill-tag-enhanced {
636636
width: 90px;
637-
height: 90px;
637+
height: 100px;
638+
padding: 7px;
638639
display: flex;
639640
justify-content: center;
641+
flex-direction: column;
640642
align-items: center;
641643
background: rgba(255, 255, 255, 0.08);
642644
border: 1px solid rgba(255, 255, 255, 0.1);
@@ -649,6 +651,13 @@ body {
649651
overflow: hidden;
650652
}
651653

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

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

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

0 commit comments

Comments
 (0)