-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
152 lines (128 loc) · 10.2 KB
/
index.html
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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Meet Jay Gupta an aspiring mathematician and data scientist currently pursuing a Bachelors degree at Stanford University.">
<meta name="keywords" content="Jay, Gupta, Stanford, website">
<title>Jay Gupta - Personal Website</title>
<!-- Canonical Tag -->
<link rel="canonical" href="https://jaygupta797.github.io/"/>
<!-- JSON-LD structured data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Jay Gupta",
"url": "https://jaygupta797.github.io/",
"sameAs": [
"https://www.linkedin.com/in/jgupta",
"https://twitter.com/JayGupta797"
]
}
</script>
<!-- Favicon -->
<link rel="icon" href="./assets/favicon.ico" type="image/x-icon">
<link rel="icon" href="./assets/favicon.svg" type="image/svg+xml">
<!-- Custom Styles and Scripts-->
<link rel="stylesheet" href="./styles/default-styles.css">
<link rel="stylesheet" href="./styles/bullet-styles.css">
<link rel="stylesheet" href="./styles/home-styles.css">
<script defer src="./scripts/theme.js"></script>
<!-- Load Google Font -->
<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=Fira+Sans:wght@300;400;600&family=Qwitcher+Grypen:wght@400;700&display=swap" rel="stylesheet">
</head>
<body>
<!-- see: https://stackoverflow.com/a/45762747 -->
<div class="everything">
<div class="masthead">
<div class="masthead__inner-wrap">
<div class="masthead__menu">
<nav class="greedy-nav">
<a class="site-title" href="./index.html">Jay Gupta</a>
<ul class="visible-links">
<li class="masthead__menu-item" id="masthead__menu-photos"><a href="./pages/photos.html">Photos</a></li>
<li class="masthead__menu-item" id="masthead__menu-posts"><a href="./pages/posts.html">Posts</a></li>
<li class="masthead__menu-item" id="masthead__menu-resume"><a href="./pages/resume.html">Resume</a></li>
</ul>
<div class="dark_toggle" onclick="toggleDark()">
<svg height=35px width=35px>
<circle cx="50%" cy="50%" r="10px" fill="white" id="moon" />
<circle cx="50%" cy="50%" r="15px" fill="none" stroke="white" stroke-width="2px" id="ring" />
</svg>
</div>
</nav>
</div>
</div>
</div>
<div class="initial-content">
<div id="main" role="main">
<div class="sidebar">
<div class="author__avatar">
<img src="./assets/profile.jpg" alt="Profile Picture" width="100" height="100">
</div>
<div class="author__content">
<h1>Jay Gupta</h1>
<p>An aspiring mathematician and computer scientist. Fan of technology and short stories.</p>
</div>
<div class="author__urls-wrapper">
<ul class="author__urls-icons">
<li class="custom-bullet">
<span class="svg-icon">
<svg class="location" xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'>
<path fill="var(--regular)" d='M172.268 501.67C26.97 291.031 0 269.413 0 192c0-92.039 85.961-176 192-176s192 83.961 192 176c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z'></path>
</svg>
</span>
Bay Area, CA
</li>
<li class="custom-bullet">
<span class="svg-icon">
<svg class="envelope" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="var(--regular)" d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z"></path>
</svg>
</span>
<a href="mailto: [email protected]">Email</a>
</li>
<li class="custom-bullet">
<span class="svg-icon">
<svg class="github" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="github" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512" data-fa-i2svg=""><path fill="var(--github)" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path>
</svg>
</span>
<a href="https://github.com/JayGupta797">GitHub</a>
</li>
<li class="custom-bullet">
<span class="svg-icon">
<svg class="linkedin" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="linkedin" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" data-fa-i2svg=""><path fill="var(--linkedin)" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path>
</svg>
</span>
<a href="https://www.linkedin.com/in/jgupta">LinkedIn</a>
</li>
<li class="custom-bullet">
<span class="svg-icon">
<svg class="twitter" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="var(--twitter)" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path>
</svg>
</span>
<a href="https://twitter.com/JayGupta797">Twitter</a>
</li>
</ul>
</div>
</div>
<div class="mainbar">
<h1>Hello There!</h1>
<p>Thanks for dropping by my personal website! My name is Jay Gupta and I am from the sunny city of San Jose, California. A Bay Area resident through and through, I am currently a junior at Stanford University working towards a Bachelors Degree in Computer Science.</p>
<p>My interests are diverse, but recently I have grown fascinated by Natural Language Processing and Generation particularly with respect to mechanistic interpretability. I am concerned about the future and looming existential risks ranging from AI Alignment to Nuclear Warfare. Still, I am optimistic that advances in deep learning will transform the world for the better. My driving force is the hope that my work will have a positive impact on individuals as real as you and me.</p>
<p>With that nugget of motivation out of the way, this site is intended to act as a digital diary---a record of my projects and interests over the years to come. I hope you enjoy reading as much as I enjoy writing!</p>
<h1 id="signature">Jay Gupta</h1>
</div>
</div>
</div>
</div>
<main></main>
<footer>
<div class="mastfoot">
<p>© 2024 Jay Gupta. Powered by vanilla HTML, CSS, and JS.</p>
</div>
</footer>
</body>