test

app.py

@@ -99,13 +99,32 @@ CUSTOM_CSS = """
     background: radial-gradient(ellipse 1200px 800px at 20% -10%, #1a2130 0%, #12151c 55%) !important;
     font-family: 'Inter', sans-serif !important;
 }
+@keyframes revealUp {
+    from { opacity: 0; transform: translateY(22px); }
+    to   { opacity: 1; transform: translateY(0); }
+}
+.status-badge, #hero-name, #hero-headline, #hero-bio, #hero-contact {
+    opacity: 0;
+    animation: revealUp 0.7s cubic-bezier(.16,1,.3,1) forwards;
+}
+.status-badge { animation-delay: 0.05s; }
+#hero-name     { animation-delay: 0.15s; }
+#hero-headline { animation-delay: 0.28s; }
+#hero-bio      { animation-delay: 0.40s; }
+#hero-contact  { animation-delay: 0.52s; }
 #hero-name {
     font-family: 'Space Grotesk', sans-serif !important;
     font-weight: 700 !important;
-    font-size: 42px !important;
-    margin-bottom: 0 !important;
+    font-size: 58px !important;
+    letter-spacing: -0.02em !important;
+    line-height: 1.05 !important;
+    margin-bottom: 4px !important;
+    background: linear-gradient(180deg, #ffffff 0%, #c9d2e3 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
-#hero-headline { color: var(--amber) !important; font-weight: 600 !important; margin-top: 4px !important; }
+#hero-headline { color: var(--amber) !important; font-weight: 600 !important; font-size: 19px !important; margin-top: 6px !important; }
 .status-badge {
     display: inline-flex; align-items: center; gap: 8px;
     font-family: monospace; font-size: 12px; letter-spacing: 0.1em;
@@ -124,6 +143,17 @@ CUSTOM_CSS = """
     font-family: monospace !important; color: var(--amber) !important;
     letter-spacing: 0.1em !important; text-transform: uppercase; font-size: 13px !important;
 }
+#hero-contact a {
+    color: #9aa3b5; text-decoration: none; border-bottom: 1px solid transparent;
+    transition: color .18s ease, border-color .18s ease;
+}
+#hero-contact a:hover { color: var(--teal) !important; border-color: var(--teal); }
+.gradio-container button {
+    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease !important;
+}
+.gradio-container button:hover {
+    transform: translateY(-2px);
+}
 """
 
 with gr.Blocks(title="Angkit Sarma — Living CV") as demo:
@@ -133,15 +163,17 @@ with gr.Blocks(title="Angkit Sarma — Living CV") as demo:
         <div class="status-badge"><span class="dot"></span> resume · live · self-querying</div>
         <div id="hero-name">Angkit Sarma</div>
         <div id="hero-headline">AI/ML Engineer — Agentic Systems &amp; LLM Applications</div>
-        <p style="color:#9aa3b5; max-width:680px; margin-top:14px;">
+        <p id="hero-bio" style="color:#9aa3b5; max-width:680px; margin-top:14px;">
         4+ years building and shipping ML and generative AI systems — from a 50%-faster semantic
         search pipeline to <b style="color:#eef0f4">INFERA</b>, an agentic AI tool that won 1st place
         at the Flexday AI Hackathon. Ask the panel below anything about my experience — it's a live
         TF-IDF retrieval engine running over this résumé's own content.
         </p>
-        <p style="font-family:monospace; font-size:13px; color:#9aa3b5;">
+        <p id="hero-contact" style="font-family:monospace; font-size:13px;">
         +91 9990797061 &nbsp;·&nbsp; angkit93@gmail.com &nbsp;·&nbsp;
-        <a href="https://www.linkedin.com/in/angkit-s-81b7131b0/" target="_blank" style="color:#4fd1c5;">LinkedIn</a>
+        <a href="https://www.linkedin.com/in/angkit-s-81b7131b0/" target="_blank">LinkedIn</a>
+        &nbsp;·&nbsp;
+        <a href="https://github.com/angkit-hash" target="_blank">GitHub</a>
         &nbsp;·&nbsp; Hyderabad, India
         </p>
         """
@@ -205,6 +237,11 @@ with gr.Blocks(title="Angkit Sarma — Living CV") as demo:
             gr.Markdown("**Analytica** — End-to-End ML Analytics Platform\n\n*React · Python · Azure · SQL*\n\nFull-stack analytics tool surfacing ML model performance metrics and usage statistics.")
         with gr.Column():
             gr.Markdown("**Predictive Allocation** — ML Deployment Pipeline\n\n*Python · Azure SQL · Azure Blob · DevOps*\n\nRe-engineered end-to-end training/deployment pipeline; hardened security with Snyk and Wiz.")
+    gr.HTML(
+        '<p style="font-family:monospace; font-size:13px; margin-top:6px;">'
+        '<a href="https://github.com/angkit-hash" target="_blank" style="color:#4fd1c5; text-decoration:none; border-bottom:1px solid #4fd1c5;">'
+        '→ View source &amp; more projects on GitHub</a></p>'
+    )
 
     gr.HTML('<p class="section-label">// skills</p>')
     gr.Markdown(