-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
159 lines (155 loc) · 4.88 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
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Shrey Dabhi</title>
<link rel="icon" type="image/png" href="./favicon.png" />
<link href="./css/reset.css" rel="stylesheet" media="screen" />
<link href="./css/root.css" rel="stylesheet" media="screen" />
<link href="./css/switcher.css" rel="stylesheet" media="screen" />
<link
href="./fontawesome-6.4.2/fontawesome.min.css"
rel="stylesheet"
media="screen"
/>
<link
href="./fontawesome-6.4.2/brands.min.css"
rel="stylesheet"
media="screen"
/>
</head>
<body class="font-roboto">
<script src="./switcher.js"></script>
<header>
<div id="site-header">
<h1 class="font-hso" id="word-mark">Shrey.</h1>
<div id="site-header-menu">
<a href="./resume_shrey_dabhi.pdf">Download Resume</a>
<a href="#">Contact</a>
</div>
</div>
</header>
<div id="theme-switch-container">
<input
class="input"
id="theme-toggle"
type="checkbox"
onclick="handleThemeToggle()"
/>
<label class="label" for="theme-toggle">
<div class="switch">
<span class="slider round font-hso"></span>
</div>
</label>
</div>
<main>
<div id="left-pane">
<div id="dev-name" class="font-hso">Shrey Dabhi</div>
<div id="summary">
I am a passionate self-taught developer, with a knack for creating
engaging user experiences and performant systems. I enjoy building out
products, thinking around the complex tech problems involved. I love
to experiment with emerging technologies as well.
</div>
<div id="social-links">
<a
class="fab fa-github"
href="https://github.com/sdabhi23"
aria-label="Link to Shrey's GitHub profile"
></a>
<a
class="fab fa-linkedin-in"
href="https://www.linkedin.com/in/sdabhi23/"
aria-label="Link to Shrey's LinkedIn profile"
></a>
<a
class="fab fa-orcid"
href="https://orcid.org/0000-0002-4364-9892"
aria-label="Link to Shrey's ORCID profile"
></a>
<a
class="fab fa-twitter"
href="https://twitter.com/sdabhi23"
aria-label="Link to Shrey's Twitter profile"
></a>
</div>
<div id="past-companies">
<h3 class="font-hso">Worked at</h3>
<div id="company-logos">
<img src="https://pbs.twimg.com/profile_images/1430086628907765765/0ZU-s9CR_400x400.jpg" alt="AppsForBharat Logo" />
<img src="https://logo.clearbit.com/inai.io" alt="inai Logo" />
<img
src="https://logo.clearbit.com/doctorc.in"
alt="DoctorC Logo"
/>
<img
src="https://logo.clearbit.com/optum.in"
alt="Optum India Logo"
/>
<!-- <img
src="https://logo.clearbit.com/bosch.in"
alt="Bosch India Logo"
/>
<img
src="https://logo.clearbit.com/taaraka.com"
alt="Taaraka Logo"
/>
<img
src="https://logo.clearbit.com/letsnurture.com"
alt="Let's Nurture Logo"
/>
<img src="https://logo.clearbit.com/hasura.io" alt="Hasura Logo" /> -->
</div>
</div>
</div>
<div id="right-pane">
<div id="github-projects-container">
<p style="font-size: 1.25em" class="font-hso">
Some notable GitHub projects
</p>
<div id="github-projects"></div>
</div>
</div>
</main>
<!-- <div id="contact-form-modal">
<div>
<div></div>
<form>
<input
type="text"
class="form-control"
id="sender-name"
placeholder="Enter name"
/>
<input
type="email"
class="form-control"
id="sender-email"
placeholder="Enter email"
/>
<input
type="text"
class="form-control"
id="msg-subject"
placeholder="Subject"
/>
<input
type="textarea"
class="form-control"
id="msg-content"
placeholder="Your message"
/>
</form>
</div>
</div> -->
<footer>
<p id="footer-info">
This website is hosted on GitHub pages and uses some custom APIs hosted
on AWS lambda for the GitHub repository list and the contact form!
</p>
</footer>
<script src="./github_projects.js"></script>
</body>
</html>