ssnym.github.io/index.html at main · ssnym/ssnym.github.io · GitHub

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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
     <title>Sanyam Sharma</title>
     <link rel="icon" href="data:image/svg+xml,
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'>
  <rect width='100' height='100' rx='20' fill='%23f5f5f5'/>
  <text x='50' y='65' font-size='70' text-anchor='middle' fill='%23111111' font-family='Noto Sans Devanagari, serif'>स</text>
</svg>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/style.css">
    <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=Geist:wght@300;400;500&display=swap" rel="stylesheet">
</head>
<body class="dark">

    <div class="wrapper">

        <header class="site-header">
            <div class="header-left">
                <span class="name">Sanyam Sharma</span>
                <span class="tagline">ML &middot; Software &middot; Systems</span>
            </div>

            <div class="nav-row">

            <nav class="site-nav">
                <a href="/" class="nav-item active">Home</a>
                <a href="/projects/" class="nav-item">Projects</a>
                <a href="/research/" class="nav-item">Research</a>
                <a href="/blog/" class="nav-item">Blog</a>
            </nav>

            <button class="theme-toggle" id="themeToggle" aria-label="Toggle theme">
                <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
                </svg>
                <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                    <circle cx="12" cy="12" r="5"/>
                    <line x1="12" y1="1"  x2="12" y2="4"/>
                    <line x1="12" y1="20" x2="12" y2="23"/>
                    <line x1="4.22" y1="4.22"   x2="6.34" y2="6.34"/>
                    <line x1="17.66" y1="17.66"  x2="19.78" y2="19.78"/>
                    <line x1="1"  y1="12" x2="4"  y2="12"/>
                    <line x1="20" y1="12" x2="23" y2="12"/>
                    <line x1="4.22"  y1="19.78" x2="6.34"  y2="17.66"/>
                    <line x1="17.66" y1="6.34"  x2="19.78" y2="4.22"/>
                </svg>
            </button>
            </div>
        </header>

        <main>
            <section class="hero">
                <div class="hero-text">
                    <h1 class="hero-title">
                        Building at the intersection<br>
                        of <em>intelligence</em> &amp; systems.
                    </h1>
                    <p class="hero-sub">

                        I work on machine learning, software engineering, and the systems that tie them together. Interested in things that scale, reason, and surprise.

                    </p>


                    <p class="hero-status">
                        Currently a Research Intern at
                        <a href="https://www.netxiith.in/" target="_blank" rel="noopener noreferrer" class="inline-highlight">NetX Lab</a>, IIT Hyderabad,
                        working on Agentic AI for  network automation.
                    </p>


                    <!-- <p class="hero-status">B.Tech CSE 2022-2026</p> -->
                </div>
                <div class="hero-photo">
                    <img src="/assets/photo.jpeg" alt="Sanyam">
                </div>
            </section>
        </main>

        <footer class="site-footer">
            <span class="copyright">© 2026 Sanyam Sharma</span>
            <nav class="links-row">
                <a href="https://github.com/ssnym" target="_blank" rel="noopener noreferrer" class="link-item">GitHub</a>
                <a href="https://www.linkedin.com/in/sanyam-sharma-cse/" target="_blank" rel="noopener noreferrer" class="link-item">LinkedIn</a>
                <a href="/resume.pdf" target="_blank" rel="noopener noreferrer" class="link-item">Résumé</a>
            </nav>
        </footer>

    </div>

    <script src="/script.js"></script>
</body>
</html>