Use Telegram for portfolio contact

Author: phcodesage

README.md

@@ -83,7 +83,7 @@ flowchart LR
 
 ## Office
 
-- Email: [rechceltoledo@gmail.com](mailto:rechceltoledo@gmail.com)
+- Telegram: [@phcodesage](https://t.me/phcodesage)
 - GitHub: [@phcodesage](https://github.com/phcodesage)
 - Instagram: [@phcodesage](https://www.instagram.com/phcodesage/)
 - Threads: [@phcodesage](https://www.threads.com/@phcodesage)

index.html

@@ -121,7 +121,7 @@ <h1 class="max-w-5xl text-[clamp(3.25rem,7.4vw,7.5rem)] font-medium leading-[0.9
               </p>
               <div class="mt-9 flex flex-wrap gap-3 hero-line">
                 <a href="#work" class="rounded-full bg-ink px-6 py-3.5 text-base font-semibold text-white transition duration-300 hover:-translate-y-1 hover:bg-violet">View selected work <span aria-hidden="true">↗</span></a>
-                <a href="mailto:rechceltoledo@gmail.com" class="rounded-full border border-black/20 bg-white/60 px-6 py-3.5 text-base font-semibold transition duration-300 hover:-translate-y-1 hover:border-black">Start a conversation</a>
+                <a href="https://t.me/phcodesage" target="_blank" rel="me noopener noreferrer" class="rounded-full border border-black/20 bg-white/60 px-6 py-3.5 text-base font-semibold transition duration-300 hover:-translate-y-1 hover:border-black">Message me on Telegram ↗</a>
               </div>
             </div>
 
@@ -313,7 +313,7 @@ <h2 class="mt-8 max-w-5xl text-[clamp(3.5rem,7.5vw,7.5rem)] font-medium leading-
               </div>
               <div class="flex flex-col justify-end gap-9 lg:pb-2">
                 <p class="max-w-md text-xl leading-8 text-white/75">Have a product to build, a platform to maintain, or a problem worth untangling?</p>
-                <a href="mailto:rechceltoledo@gmail.com" class="footer-link text-[clamp(1.35rem,2.4vw,2.25rem)] font-medium tracking-[-0.04em]">rechceltoledo@gmail.com ↗</a>
+                <a href="https://t.me/phcodesage" target="_blank" rel="me noopener noreferrer" class="footer-link text-[clamp(1.35rem,2.4vw,2.25rem)] font-medium tracking-[-0.04em]">@phcodesage on Telegram ↗</a>
                 <div class="grid grid-cols-2 gap-6 border-t border-white/15 pt-5 text-base">
                   <div><p class="text-sm uppercase tracking-[0.16em] text-white/45">Based in</p><p class="mt-2 text-white/90">Davao, Philippines</p></div>
                   <div><p class="text-sm uppercase tracking-[0.16em] text-white/45">Availability</p><p class="mt-2 flex items-center gap-2 text-white/90"><span class="h-2 w-2 rounded-full bg-violet"></span>Open to good work</p></div>
@@ -334,7 +334,7 @@ <h2 class="mt-8 max-w-5xl text-[clamp(3.5rem,7.5vw,7.5rem)] font-medium leading-
               </nav>
               <div>
                 <p class="mb-4 text-sm uppercase tracking-[0.16em] text-white/40">Connect</p>
-                <div class="grid gap-3"><a href="https://github.com/phcodesage" rel="me" class="footer-link">GitHub ↗</a><a href="https://x.com/phcodesage" rel="me" class="footer-link">X ↗</a><a href="https://www.instagram.com/phcodesage/" rel="me" class="footer-link">Instagram ↗</a><a href="https://www.threads.com/@phcodesage" rel="me" class="footer-link">Threads ↗</a><a href="https://bounty-radar.rechceltoledo.workers.dev/analytics.html" target="_blank" rel="noreferrer" class="footer-link">Site pulse ↗</a></div>
+                <div class="grid gap-3"><a href="https://github.com/phcodesage" rel="me" class="footer-link">GitHub ↗</a><a href="https://t.me/phcodesage" target="_blank" rel="me noopener noreferrer" class="footer-link">Telegram ↗</a><a href="https://x.com/phcodesage" rel="me" class="footer-link">X ↗</a><a href="https://www.instagram.com/phcodesage/" rel="me" class="footer-link">Instagram ↗</a><a href="https://www.threads.com/@phcodesage" rel="me" class="footer-link">Threads ↗</a><a href="https://bounty-radar.rechceltoledo.workers.dev/analytics.html" target="_blank" rel="noreferrer" class="footer-link">Site pulse ↗</a></div>
               </div>
             </footer>