Skip to content

Commit

Permalink
Update index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@sri-dsa
sri-dsa authored Feb 11, 2025
1 parent de166ac commit a9e89f6
Showing 1 changed file with 159 additions and 156 deletions.
315 changes: 159 additions & 156 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -350,6 +350,165 @@ <h2>
<li><a href="https://github.com/sri-dsa/blob/main/machine_learning/NLP_supervised.ipynb" class="button">View Project</a></li>
</ul>
</article>


<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section>
<h3>Address</h3>
<p>
10, Spring Grove Walk,<br>
Burley,<br>
Leeds,<br>
West Yorkshire LS6 1RR<br>
<a href="https://maps.apple.com/?q=10+Spring+Grove+Walk,+Burley,+Leeds,+LS6+1RR" target="_blank" style="text-decoration: none; color: #007bff;">
🍏 Apple Maps
</a><br/>
<a href="https://www.google.com/maps/place/10+Spring+Grove+Walk,+Burley,+Leeds+LS6+1RR" target="_blank" style="text-decoration: none; color: #007bff;">
📍 Google Maps
</a>
</p>

</section>
<section>
<h3>Phone</h3>
<p>
<a href="tel:+4407442002336">(+44) 0744 200 2336</a>
</p>
</section>
<section>
<h3>Email</h3>
<p>
<a href="mailto:[email protected]"
style="display: inline-block; transition: transform 0.2s ease-in-out, color 0.3s ease-in-out; color: #007bff; text-decoration: none;"
onmouseover="this.style.transform='scale(1.3)'; this.style.color='#00ff00';"
onmouseout="this.style.transform='scale(1)'; this.style.color='#007bff';">
[email protected]
</a>
</p>
</section>

<section>
<h3>Social</h3>
<ul class="icons alt">

<li>
<a href="https://sri-dsa.github.io/sri-dsa/" class="icon solid alt fa-desktop" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/srivak/" class="icon brands alt fa-linkedin" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">LinkedIn</span>
</a>
</li>

<li>
<a href="https://github.com/sri-dsa" class="icon brands alt fa-github" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">GitHub</span>
</a>
</li>
<li>
<a href="mailto:[email protected]" class="icon solid alt fa-envelope"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">Email</span>
</a>
</li>
<li>
<a href="https://www.hackerrank.com/profile/sk_data" class="icon brands alt fa-hackerrank" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">HackerRank</span>
</a>
</li>

</ul>
</section>
</section>

</footer>





<style>
@keyframes blink {
50% { opacity: 0; }
}

.badges {
margin-top: 10px;
display: flex;
gap: 8px;
justify-content: center;
}

.badge {
background: rgba(255, 255, 255, 0.1);
color: #fff;
padding: 5px 10px;
border-radius: 12px;
font-size: 0.9em;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: transform 0.2s ease-in-out;
}

.badge:hover {
transform: scale(1.1);
}
</style>


<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>

<script>
particlesJS.load('particles-js', 'assets/particles.json', function() {
console.log('Particles.js config loaded from assets/particles.json');
});
</script>

</body>
</html>

<!-- Copyright
<div class="badges">
<span class="badge" style="background: rgba(255, 255, 255, 0.1); color: #fff; padding: 5px 10px; border-radius: 12px; font-size: 0.9em; border: 1px solid rgba(255, 255, 255, 0.3); transition: transform 0.2s ease-in-out, background 0.3s ease-in-out; position: relative; cursor: pointer;"
onmouseover="this.innerText=' No Pain ↔️ No Glory!🚀'"
onmouseout="this.innerText='🔥 Runs on Perseverance'">🔥 Runs on Perseverance</span>
<span class="badge" style="background: rgba(255, 255, 255, 0.1); color: #fff; padding: 5px 10px; border-radius: 12px; font-size: 0.9em; border: 1px solid rgba(255, 255, 255, 0.3); transition: transform 0.2s ease-in-out, background 0.3s ease-in-out; position: relative; cursor: pointer;"
onmouseover="this.innerText='Just Hire Me'"
onmouseout="this.innerText='💰 Accepting Donations'">💰 Accepting Donations</span>
<div id="copyright" style="color: #ffffff;">
<ul>
<li>© <span style="animation: blink 1s infinite;">👀</span> This site is under heavy surveillance because I'm too broke to copyright.</li>
<li>Designer/Editor: <a href="https://www.linkedin.com/in/srivak/" target="_blank"><span class="shaking-emoji">🎨</span> Srivathsan Karthikeyan</a></li>
</ul>
</div>-->


<!-- <article>
<header>
Expand Down Expand Up @@ -554,159 +713,3 @@ <h3 class="animated-text">Interested in my Analytics Projects Portfolio?</h3>
</div>
-->

<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section>
<h3>Address</h3>
<p>
10, Spring Grove Walk,<br>
Burley,<br>
Leeds,<br>
West Yorkshire LS6 1RR<br>
<a href="https://maps.apple.com/?q=10+Spring+Grove+Walk,+Burley,+Leeds,+LS6+1RR" target="_blank" style="text-decoration: none; color: #007bff;">
🍏 Apple Maps
</a><br/>
<a href="https://www.google.com/maps/place/10+Spring+Grove+Walk,+Burley,+Leeds+LS6+1RR" target="_blank" style="text-decoration: none; color: #007bff;">
📍 Google Maps
</a>
</p>

</section>
<section>
<h3>Phone</h3>
<p>
<a href="tel:+4407442002336">(+44) 0744 200 2336</a>
</p>
</section>
<section>
<h3>Email</h3>
<p>
<a href="mailto:[email protected]"
style="display: inline-block; transition: transform 0.2s ease-in-out, color 0.3s ease-in-out; color: #007bff; text-decoration: none;"
onmouseover="this.style.transform='scale(1.3)'; this.style.color='#00ff00';"
onmouseout="this.style.transform='scale(1)'; this.style.color='#007bff';">
[email protected]
</a>
</p>
</section>

<section>
<h3>Social</h3>
<ul class="icons alt">

<li>
<a href="https://sri-dsa.github.io/sri-dsa/" class="icon solid alt fa-desktop" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/srivak/" class="icon brands alt fa-linkedin" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">LinkedIn</span>
</a>
</li>

<li>
<a href="https://github.com/sri-dsa" class="icon brands alt fa-github" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">GitHub</span>
</a>
</li>
<li>
<a href="mailto:[email protected]" class="icon solid alt fa-envelope"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">Email</span>
</a>
</li>
<li>
<a href="https://www.hackerrank.com/profile/sk_data" class="icon brands alt fa-hackerrank" target="_blank"
style="display: inline-block; transition: transform 0.2s ease-in-out, opacity 0.3s ease-in-out;"
onmouseover="this.style.transform='scale(1.9)'; this.style.opacity='0.8';"
onmouseout="this.style.transform='scale(1)'; this.style.opacity='1';">
<span class="label">HackerRank</span>
</a>
</li>

</ul>
</section>
</section>

</footer>





<style>
@keyframes blink {
50% { opacity: 0; }
}

.badges {
margin-top: 10px;
display: flex;
gap: 8px;
justify-content: center;
}

.badge {
background: rgba(255, 255, 255, 0.1);
color: #fff;
padding: 5px 10px;
border-radius: 12px;
font-size: 0.9em;
border: 1px solid rgba(255, 255, 255, 0.3);
transition: transform 0.2s ease-in-out;
}

.badge:hover {
transform: scale(1.1);
}
</style>


<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>

<script>
particlesJS.load('particles-js', 'assets/particles.json', function() {
console.log('Particles.js config loaded from assets/particles.json');
});
</script>

</body>
</html>

<!-- Copyright
<div class="badges">
<span class="badge" style="background: rgba(255, 255, 255, 0.1); color: #fff; padding: 5px 10px; border-radius: 12px; font-size: 0.9em; border: 1px solid rgba(255, 255, 255, 0.3); transition: transform 0.2s ease-in-out, background 0.3s ease-in-out; position: relative; cursor: pointer;"
onmouseover="this.innerText=' No Pain ↔️ No Glory!🚀'"
onmouseout="this.innerText='🔥 Runs on Perseverance'">🔥 Runs on Perseverance</span>
<span class="badge" style="background: rgba(255, 255, 255, 0.1); color: #fff; padding: 5px 10px; border-radius: 12px; font-size: 0.9em; border: 1px solid rgba(255, 255, 255, 0.3); transition: transform 0.2s ease-in-out, background 0.3s ease-in-out; position: relative; cursor: pointer;"
onmouseover="this.innerText='Just Hire Me'"
onmouseout="this.innerText='💰 Accepting Donations'">💰 Accepting Donations</span>
<div id="copyright" style="color: #ffffff;">
<ul>
<li>© <span style="animation: blink 1s infinite;">👀</span> This site is under heavy surveillance because I'm too broke to copyright.</li>
<li>Designer/Editor: <a href="https://www.linkedin.com/in/srivak/" target="_blank"><span class="shaking-emoji">🎨</span> Srivathsan Karthikeyan</a></li>
</ul>
</div>-->

0 comments on commit a9e89f6

Please sign in to comment.