mirror of
https://github.com/CoolnsX/my-website.git
synced 2025-12-20 07:15:19 +05:30
131 lines
4.2 KiB
HTML
131 lines
4.2 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Welcome{% endblock title %}
|
|
|
|
{% block head_extra %}
|
|
<meta name="description" content="Coolans Portfolio and Blog Website.">
|
|
{% endblock head_extra %}
|
|
|
|
{% block content %}
|
|
<h1 class="text-4xl md:text-5xl font-extrabold leading-tight">
|
|
HI <br> I'm Tanveer Ahmed Ansari <br>Full Stack Developer & Self-Taught SysAdmin.
|
|
</h1>
|
|
|
|
<p class="mt-6 text-lg text-gray-300">
|
|
I build performant, secure, and maintainable web applications using
|
|
<span class="text-white font-semibold">Laravel</span>. Beyond web
|
|
development, I handle Linux servers, automate deployment pipelines, and
|
|
optimize infrastructure using tools like
|
|
<span class="font-semibold">Jenkins</span> and
|
|
<span class="font-semibold">Docker</span>.
|
|
</p>
|
|
|
|
<p class="mt-4 text-lg text-gray-300">
|
|
From building REST APIs and scalable backends to managing uptime and DevOps
|
|
workflows — I care deeply about clean code, automation, and reliability.
|
|
</p>
|
|
|
|
<p class="mt-4 text-lg text-gray-300">
|
|
My goal? Deliver fast, secure, and elegant solutions that make an impact —
|
|
whether for a side project, startup, or enterprise system.
|
|
</p>
|
|
|
|
<div class="pt-6">
|
|
<a
|
|
href="{{ get_url(path='@/blog/_index.md') }}"
|
|
class="inline-flex items-center px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg shadow transition"
|
|
>
|
|
Read My Blogs
|
|
<svg
|
|
class="ml-2 h-5 w-5"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
>
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
|
|
<hr class="my-10 border-gray-700" />
|
|
|
|
<div>
|
|
<h2 class="text-2xl font-bold mb-4">📬 Get in Touch</h2>
|
|
<p class="text-lg text-gray-300 mb-4">
|
|
I'm always open to collaborating, freelancing, or just chatting tech.
|
|
</p>
|
|
<ul class="text-gray-300 space-y-2">
|
|
<li>
|
|
<strong>Email:</strong>
|
|
<a
|
|
href="#"
|
|
class="obfuscated-link text-blue-400 hover:underline text-lg"
|
|
data-encoded="bWVAY29vbGFucy5kZXY="
|
|
>Loading...</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<strong>Github:</strong>
|
|
<a
|
|
href="#"
|
|
class="obfuscated-link text-blue-400 hover:underline text-lg"
|
|
data-encoded="aHR0cHM6Ly9naXRodWIuY29tL2Nvb2xuc3g="
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>Loading...</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<strong>LinkedIn:</strong>
|
|
<a
|
|
href="#"
|
|
class="obfuscated-link text-blue-400 hover:underline text-lg"
|
|
data-encoded="aHR0cHM6Ly9saW5rZWRpbi5jb20vaW4vY29vbGFucw=="
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>Loading...</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<strong>Matrix:</strong>
|
|
<a
|
|
href="#"
|
|
class="obfuscated-link text-blue-400 hover:underline text-lg"
|
|
data-encoded="aHR0cHM6Ly9tYXRyaXgudG8vIy9AY29vbGFuczpjb29sYW5zLmRldg=="
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>Loading...</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<script>
|
|
const links = document.querySelectorAll(".obfuscated-link");
|
|
links.forEach((link) => {
|
|
const encoded = link.getAttribute("data-encoded");
|
|
if (!encoded) return;
|
|
|
|
const decoded = atob(encoded);
|
|
|
|
// Determine if email, phone, or URL by simple checks:
|
|
if (decoded.includes("@") && !decoded.startsWith('http')) {
|
|
// Email
|
|
link.href = `mailto:${decoded}`;
|
|
link.textContent = decoded;
|
|
return;
|
|
}
|
|
|
|
link.href = decoded;
|
|
|
|
const trimmed = decoded.endsWith('/') ? decoded.slice(0, -1) : decoded;
|
|
const parts = trimmed.split('/');
|
|
const lastSegment = parts[parts.length - 1] || decoded;
|
|
link.textContent = lastSegment;
|
|
});
|
|
</script>
|
|
|
|
{% endblock content %}
|