-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
73 lines (68 loc) · 7.66 KB
/
Copy pathindex.html
File metadata and controls
73 lines (68 loc) · 7.66 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Rishabh Gupta — AI engineer building thoughtful, production-ready intelligent products.">
<title>Rishabh Gupta — AI Engineer</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="noise" aria-hidden="true"></div>
<nav class="navbar" aria-label="Primary navigation">
<a class="brand" href="#home" aria-label="Rishabh Gupta, home">RG<span>·</span></a>
<div class="nav-links" id="nav-links">
<a href="#about">About</a><a href="#work">Selected work</a><a href="#stack">Stack</a>
<a class="nav-cta" href="mailto:hello@rishabhgupta.dev">Let's talk <span>↗</span></a>
</div>
<div class="nav-actions">
<button class="theme-toggle" type="button" aria-label="Switch to dark mode" aria-pressed="false">
<svg class="theme-icon theme-icon-sun" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="3.5"></circle><path d="M12 2.5v2M12 19.5v2M21.5 12h-2M4.5 12h-2M18.7 5.3l-1.4 1.4M6.7 17.3l-1.4 1.4M18.7 18.7l-1.4-1.4M6.7 6.7 5.3 5.3"></path></svg>
<svg class="theme-icon theme-icon-moon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20.4 15.3A8.5 8.5 0 0 1 8.7 3.6 8.5 8.5 0 1 0 20.4 15.3Z"></path></svg>
</button>
<button class="menu-toggle" type="button" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="nav-links"><span></span><span></span></button>
</div>
</nav>
<main>
<section id="home" class="hero section-shell">
<div class="orb orb-one" aria-hidden="true"></div><div class="orb orb-two" aria-hidden="true"></div>
<div class="hero-copy reveal">
<p class="eyebrow"><span class="live-dot"></span> Available for select collaborations · 2026</p>
<h1>Building <em>intelligent</em><br>ideas that feel human.</h1>
<p class="hero-intro">I'm Rishabh, an AI engineer shaping useful products at the intersection of machine learning, design, and real-world momentum.</p>
<div class="hero-actions"><a class="button button-primary" href="#work">Explore my work <span>↓</span></a><a class="text-link" href="#about">A little more about me <span>→</span></a></div>
</div>
<aside class="signal-card reveal" aria-label="Current focus">
<div class="signal-top"><span>NOW / 01</span><span class="pulse">● LIVE</span></div>
<div class="signal-visual"><div class="signal-line"></div><div class="signal-ring ring-one"></div><div class="signal-ring ring-two"></div><div class="signal-core">AI</div></div>
<p class="mono-label">CURRENT EXPLORATION</p><h2>Systems that turn complex data into clear decisions.</h2>
<div class="signal-footer"><span>ML Systems</span><span>Creative AI</span></div>
</aside>
<div class="scroll-note"><span></span> Scroll to discover</div>
</section>
<section id="about" class="about section-shell">
<p class="section-index reveal">01 / ABOUT</p>
<div class="about-grid">
<h2 class="reveal">I make AI useful,<br>not just <em>impressive.</em></h2>
<div class="about-body reveal"><p>My work starts with the human on the other side of the screen. From early experiments to reliable production systems, I translate ambitious ideas into products people can actually use.</p><p>Currently based in India and working globally. When I'm away from a notebook, you'll find me chasing a new trail, collecting great interfaces, or sharing what I'm learning with the open-source community.</p><a class="text-link" href="mailto:hello@rishabhgupta.dev">Start a conversation <span>↗</span></a></div>
</div>
<div class="metrics reveal"><div><strong>04<span>+</span></strong><p>years building<br>with AI</p></div><div><strong>18</strong><p>shipped experiments<br>& products</p></div><div><strong>06</strong><p>core disciplines<br>in my toolkit</p></div><div><strong>∞</strong><p>curiosity for<br>what's next</p></div></div>
</section>
<section id="work" class="work section-shell">
<div class="section-heading reveal"><p class="section-index">02 / SELECTED WORK</p><h2>Built to make a<br><em>difference.</em></h2><p>Small team energy. Serious technical depth. A few things I've enjoyed bringing to life.</p></div>
<div class="project-list">
<article class="project project-aurora reveal"><div class="project-visual"><span class="project-number">01</span><div class="aurora-glow"></div><div class="aurora-window"><i></i><i></i><i></i><b>Signal detected</b></div></div><div class="project-copy"><p class="mono-label">PREDICTIVE INTELLIGENCE</p><h3>Aurora <span>↗</span></h3><p>From scattered business signals to a simple, confident next move. An insight engine designed for decision-makers, not data scientists.</p><ul><li>Python</li><li>PyTorch</li><li>FastAPI</li></ul></div></article>
<article class="project project-verbatim reveal"><div class="project-visual"><span class="project-number">02</span><div class="word-cloud"><b>idea</b><i>context</i><strong>clarity</strong><em>voice</em><span>intent</span></div></div><div class="project-copy"><p class="mono-label">LANGUAGE SYSTEMS</p><h3>Verbatim <span>↗</span></h3><p>A voice-of-customer workspace that finds the signal in thousands of conversations—then turns it into a story your whole team can act on.</p><ul><li>LLMs</li><li>RAG</li><li>React</li></ul></div></article>
<article class="project project-sightline reveal"><div class="project-visual"><span class="project-number">03</span><div class="scan-box"></div><div class="scan-dot"></div><div class="scan-label">OBJECT / 98.4%</div></div><div class="project-copy"><p class="mono-label">COMPUTER VISION</p><h3>Sightline <span>↗</span></h3><p>A real-time visual inspection layer built to help teams spot what matters earlier, faster, and with a little more confidence.</p><ul><li>OpenCV</li><li>YOLO</li><li>AWS</li></ul></div></article>
</div>
</section>
<section id="stack" class="stack section-shell"><div class="stack-intro reveal"><p class="section-index">03 / TOOLKIT</p><h2>Fluent in the<br>tools of <em>tomorrow.</em></h2></div><div class="skills-grid reveal"><div><span>01</span><h3>Intelligence</h3><p>Machine learning, deep learning, computer vision, and language models.</p></div><div><span>02</span><h3>Engineering</h3><p>Python, TypeScript, APIs, data pipelines, and cloud-native systems.</p></div><div><span>03</span><h3>Product craft</h3><p>Rapid prototyping, thoughtful UX, and turning ambiguity into momentum.</p></div><div><span>04</span><h3>Always learning</h3><p>Exploring agentic workflows, multimodal AI, and durable evaluation.</p></div></div></section>
<section class="contact section-shell"><div class="contact-panel reveal"><p class="eyebrow">HAVE A GOOD PROBLEM?</p><h2>Let's make<br>something <em>matter.</em></h2><a href="mailto:hello@rishabhgupta.dev" class="contact-email">hello@rishabhgupta.dev <span>↗</span></a><p class="contact-note">Available for product collaborations, AI strategy, and interesting conversations.</p></div></section>
</main>
<footer><a class="brand" href="#home">RG<span>·</span></a><p>Designed with intention. Built with curiosity.</p><div><a href="#">LinkedIn</a><a href="#">GitHub</a><a href="#">X / Twitter</a></div><small>© 2026 Rishabh Gupta</small></footer>
<script src="script.js"></script>
</body>
</html>