Skip to content

Commit 1035f23

Browse files
vviswaroopViswaroop Vadlamudi
andauthored
feat: Peer Feedback - Proof & View Transitions (#33)
* feat: update portfolio to highlight Agentic AI infrastructure expertise * feat: publish new blog post on Agentic AI identity challenges * feat: complete blog layout overhaul with typography and dynamic ToC * feat: implement immediate proof linking and SPA view transitions --------- Co-authored-by: Viswaroop Vadlamudi <viswaroopvadlamudi@Viswaroops-MacBook-Air.local>
1 parent 1100999 commit 1035f23

3 files changed

Lines changed: 40 additions & 24 deletions

File tree

src/layouts/Layout.astro

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
---
2+
import { ViewTransitions } from 'astro:transitions';
23
import '../styles/global.css';
34
import Header from '../components/Header.astro';
45
import Footer from '../components/Footer.astro';
@@ -25,6 +26,7 @@ const { title, description = "Viswaroop Vadlamudi - Staff Software Engineer spec
2526
<link rel="preconnect" href="https://fonts.googleapis.com">
2627
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2728
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
29+
<ViewTransitions />
2830
</head>
2931
<body class="min-h-screen flex flex-col relative overflow-x-hidden">
3032
<!-- Generative background accent (Subtle) -->

src/pages/index.astro

Lines changed: 30 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -166,40 +166,46 @@ import ProjectCard from '../components/ProjectCard.astro';
166166
</div>
167167
</section>
168168

169-
<!-- Newsletter CTA (Replaces "Case Studies I'm Writing") -->
169+
<!-- Featured Writing (Provides Immediate Proof) -->
170170
<section class="py-24 border-y border-white/5 bg-surface/30 relative overflow-hidden my-20">
171-
<div class="absolute -right-20 -top-20 w-64 h-64 bg-accent/10 rounded-full blur-[100px]"></div>
172-
<div class="max-w-xl mx-auto text-center relative z-10">
173-
<h2 class="text-2xl font-bold mb-4 font-heading tracking-tight">Deep dives coming soon.</h2>
174-
<p class="text-gray-400 mb-8 leading-relaxed">
175-
I’m currently writing up the architecture decisions behind these systems. Get the next post in your inbox — no noise, just deep dives.
176-
</p>
171+
<div class="absolute -left-20 -bottom-20 w-64 h-64 bg-accent/10 rounded-full blur-[100px]"></div>
172+
<div class="max-w-3xl mx-auto relative z-10 px-6 lg:px-0">
173+
<div class="flex items-center gap-3 mb-8">
174+
<span class="text-accent font-mono text-sm tracking-wider uppercase">Latest Deep Dive</span>
175+
<div class="h-px bg-white/10 flex-grow"></div>
176+
</div>
177177

178-
<form action="https://formspree.io/f/hello@viswaroop.dev" method="POST" class="flex flex-col sm:flex-row gap-3 max-w-md mx-auto">
179-
<!-- REPLACE THE ACTION URL WITH YOUR ACTUAL FORMSPREE ENDPOINT LATER -->
180-
<input
181-
type="email"
182-
name="email"
183-
placeholder="your@email.com"
184-
required
185-
class="flex-1 bg-background border border-gray-700 rounded-md px-4 py-2.5 text-white placeholder:text-gray-500 focus:outline-none focus:border-accent focus:ring-1 focus:ring-accent transition-all"
186-
/>
187-
<button type="submit" class="btn whitespace-nowrap">
188-
Subscribe
189-
</button>
190-
</form>
178+
<a href="/blog/2026-03-28-why-ai-agents-will-break-your-identity-platform" class="group block p-8 rounded-2xl bg-surface border border-white/5 hover:border-accent/30 hover:bg-surface/80 transition-all duration-300">
179+
<h3 class="text-3xl md:text-4xl font-bold font-heading mb-4 text-white group-hover:text-accent transition-colors">
180+
Why AI Agents Will Break Your Identity Platform
181+
</h3>
182+
<p class="text-xl text-gray-400 leading-relaxed mb-8">
183+
A deep dive into the architectural gap between traditional human-in-the-loop OAuth2 and the reality of autonomous machine-to-machine AI behaviors. If your IAM isn't ready, your AI is a massive compliance risk.
184+
</p>
185+
<span class="inline-flex items-center text-accent font-mono text-sm tracking-wide">
186+
Read the full analysis <span class="ml-2 group-hover:translate-x-2 transition-transform">&rarr;</span>
187+
</span>
188+
</a>
191189
</div>
192190
</section>
193191

194192
<!-- Open Source / Social -->
195193
<section class="py-10 text-center">
196194
<h3 class="font-heading text-xl font-semibold mb-4">Want to work together?</h3>
197195
<p class="text-gray-400 mb-8 max-w-lg mx-auto">
198-
I'm available for conference talks and podcasts on platform engineering, identity systems, and GitOps at scale.
196+
I'm available for conference talks on platform engineering, identity systems, and GitOps at scale. Check out my proof of work on GitHub.
199197
</p>
200-
<a href="mailto:hello@viswaroop.dev" class="btn-outline">
201-
Get in touch
202-
</a>
198+
<div class="flex flex-col sm:flex-row justify-center gap-4">
199+
<a href="https://github.com/vviswaroop" target="_blank" rel="noopener noreferrer" class="btn group">
200+
<svg class="w-5 h-5 mr-2 inline group-hover:text-black transition-colors" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
201+
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd" />
202+
</svg>
203+
GitHub Profile
204+
</a>
205+
<a href="mailto:hello@viswaroop.dev" class="btn-outline">
206+
Get in touch
207+
</a>
208+
</div>
203209
</section>
204210

205211
</Layout>

src/styles/global.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,4 +39,12 @@
3939
.glass-nav {
4040
@apply sticky top-0 z-50 w-full border-b border-white/5 bg-background/80 backdrop-blur-md;
4141
}
42+
}
43+
44+
/* Peer feedback: Snappy View Transition animations */
45+
::view-transition-group(*),
46+
::view-transition-old(*),
47+
::view-transition-new(*) {
48+
animation-duration: 0.25s;
49+
animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
4250
}

0 commit comments

Comments
 (0)