-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
450 lines (438 loc) · 21.8 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
<!DOCTYPE html>
<html lang="en">
<head>
<title>maskmanaman</title>
<script defer src="index.js"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="index.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@100;200&display=swap" rel="stylesheet">
</head>
<body id="home">
<div id="cursor"></div>
<nav class="navbar">
<ul class="navbar-nav">
<li class="nav-item">
<a href="#home" class="nav-link">
<span class="link-text"><h3>Home</h3></span>
</a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link">
<span class="link-text"><h3>About</h3></span>
</a>
</li>
<li class="nav-item">
<a href="#work" class="nav-link">
<span class="link-text"><h3>Work</h3></span>
</a>
</li>
<li class="nav-item">
<a href="#skills" class="nav-link">
<span class="link-text"><h3>Skills</h3></span>
</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link">
<span class="link-text"><h3>Contact</h3></span>
</a>
</li>
<li class="nav-item" id="themeButton">
<a href="#" class="nav-link">
<svg
class="theme-icon"
id="lightIcon"
aria-hidden="true"
focusable="false"
data-prefix="fad"
data-icon="moon-stars"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
class="svg-inline--fa fa-moon-stars fa-w-16 fa-7x"
>
<g class="fa-group">
<path
fill="currentColor"
d="M320 32L304 0l-16 32-32 16 32 16 16 32 16-32 32-16zm138.7 149.3L432 128l-26.7 53.3L352 208l53.3 26.7L432 288l26.7-53.3L512 208z"
class="fa-secondary"
></path>
<path
fill="currentColor"
d="M332.2 426.4c8.1-1.6 13.9 8 8.6 14.5a191.18 191.18 0 0 1-149 71.1C85.8 512 0 426 0 320c0-120 108.7-210.6 227-188.8 8.2 1.6 10.1 12.6 2.8 16.7a150.3 150.3 0 0 0-76.1 130.8c0 94 85.4 165.4 178.5 147.7z"
class="fa-primary"
></path>
</g>
</svg>
<svg
class="theme-icon"
id="solarIcon"
aria-hidden="true"
focusable="false"
data-prefix="fad"
data-icon="sun"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 512 512"
class="svg-inline--fa fa-sun fa-w-16 fa-7x"
>
<g class="fa-group">
<path
fill="currentColor"
d="M502.42 240.5l-94.7-47.3 33.5-100.4c4.5-13.6-8.4-26.5-21.9-21.9l-100.4 33.5-47.41-94.8a17.31 17.31 0 0 0-31 0l-47.3 94.7L92.7 70.8c-13.6-4.5-26.5 8.4-21.9 21.9l33.5 100.4-94.7 47.4a17.31 17.31 0 0 0 0 31l94.7 47.3-33.5 100.5c-4.5 13.6 8.4 26.5 21.9 21.9l100.41-33.5 47.3 94.7a17.31 17.31 0 0 0 31 0l47.31-94.7 100.4 33.5c13.6 4.5 26.5-8.4 21.9-21.9l-33.5-100.4 94.7-47.3a17.33 17.33 0 0 0 .2-31.1zm-155.9 106c-49.91 49.9-131.11 49.9-181 0a128.13 128.13 0 0 1 0-181c49.9-49.9 131.1-49.9 181 0a128.13 128.13 0 0 1 0 181z"
class="fa-secondary"
></path>
<path
fill="currentColor"
d="M352 256a96 96 0 1 1-96-96 96.15 96.15 0 0 1 96 96z"
class="fa-primary"
></path>
</g>
</svg>
<svg
class="theme-icon"
id="darkIcon"
aria-hidden="true"
focusable="false"
data-prefix="fad"
data-icon="sunglasses"
role="img"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 576 512"
class="svg-inline--fa fa-sunglasses fa-w-18 fa-7x"
>
<g class="fa-group">
<path
fill="currentColor"
d="M574.09 280.38L528.75 98.66a87.94 87.94 0 0 0-113.19-62.14l-15.25 5.08a16 16 0 0 0-10.12 20.25L395.25 77a16 16 0 0 0 20.22 10.13l13.19-4.39c10.87-3.63 23-3.57 33.15 1.73a39.59 39.59 0 0 1 20.38 25.81l38.47 153.83a276.7 276.7 0 0 0-81.22-12.47c-34.75 0-74 7-114.85 26.75h-73.18c-40.85-19.75-80.07-26.75-114.85-26.75a276.75 276.75 0 0 0-81.22 12.45l38.47-153.8a39.61 39.61 0 0 1 20.38-25.82c10.15-5.29 22.28-5.34 33.15-1.73l13.16 4.39A16 16 0 0 0 180.75 77l5.06-15.19a16 16 0 0 0-10.12-20.21l-15.25-5.08A87.95 87.95 0 0 0 47.25 98.65L1.91 280.38A75.35 75.35 0 0 0 0 295.86v70.25C0 429 51.59 480 115.19 480h37.12c60.28 0 110.38-45.94 114.88-105.37l2.93-38.63h35.76l2.93 38.63c4.5 59.43 54.6 105.37 114.88 105.37h37.12C524.41 480 576 429 576 366.13v-70.25a62.67 62.67 0 0 0-1.91-15.5zM203.38 369.8c-2 25.9-24.41 46.2-51.07 46.2h-37.12C87 416 64 393.63 64 366.11v-37.55a217.35 217.35 0 0 1 72.59-12.9 196.51 196.51 0 0 1 69.91 12.9zM512 366.13c0 27.5-23 49.87-51.19 49.87h-37.12c-26.69 0-49.1-20.3-51.07-46.2l-3.12-41.24a196.55 196.55 0 0 1 69.94-12.9A217.41 217.41 0 0 1 512 328.58z"
class="fa-secondary"
></path>
<path
fill="currentColor"
d="M64.19 367.9c0-.61-.19-1.18-.19-1.8 0 27.53 23 49.9 51.19 49.9h37.12c26.66 0 49.1-20.3 51.07-46.2l3.12-41.24c-14-5.29-28.31-8.38-42.78-10.42zm404-50l-95.83 47.91.3 4c2 25.9 24.38 46.2 51.07 46.2h37.12C489 416 512 393.63 512 366.13v-37.55a227.76 227.76 0 0 0-43.85-10.66z"
class="fa-primary"
></path>
</g>
</svg>
</a>
</li>
</ul>
</nav>
<main class="main">
<div id="top"></div>
<div class="container">
<div class="heading">
<span class="animate">000.Home 🏡</span>
</div>
<div class="home-box">
<div class="home-content">
<span>NAMASTE! 🙏 </span>
<span>This is Aman Here 👋</span>
<span>Welcome to my porfolio 😇</span>
</div>
<div class="home-img">
<img src="pc.svg" alt="">
</div>
</div>
</div>
<div id="divider"></div>
<div class="container" id="about">
<div class="heading">
<span class="animate">001.About 🧑💻</span>
</div>
<div class="about-content">
<p>I'm Aman Kumar Singh 👋, a 3rd year Computer Science 💻 undergraduate student who enjoys problem solving 🛠 and tries to craft something innovative 💡. I have participated in multiple Hackathons 🚀 and Coding Competitions 🧩.
I have worked on multiple team 🎯 and solo projects 🧗.
</p>
</div>
</div>
<div id="divider"></div>
<div class="container" id="work">
<div class="heading">
<span class="animate">002.Work 🗃</span>
</div>
<div id="big-box">
<div class="work-head">
<span>Web Development</span>
</div>
<div class="buttons" id="webdcontent">
<div class="project-link">
<a id="button" href="project.html">Projects</a>
</div>
<div class="open-source-link">
<a id="button" href="open-source.html">Open-Source</a>
</div>
</div>
</div>
<div id="big-box">
<div class="work-head">
<span>Competitive Programming</span>
</div>
<div class="list-coding" id="coding">
<div class="box-coding">
<div class="circle-coding">
<div class="final-coding" id="f1-coding"></div>
</div>
<div class="content-coding">
<span><a href="https://www.codechef.com/users/maskmanlucifer">Codechef-Profile</a></span>
<span>Max Rating: <span id="bold">2064</span></span>
<span><span id="bold">178+</span> Problems Solved</span>
</div>
</div>
<div class="box-coding">
<div class="circle-coding">
<div class="final-coding" id="f2-coding"></div>
</div>
<div class="content-coding">
<span><a href="https://codeforces.com/profile/legendary_looser">Codeforces-Profile</a></span>
<span>Max Rating: <span id="bold">1872</span></span>
<span><span id="bold">1070+</span> Problems Solved</span>
</div>
</div>
</div>
<div class="list-coding" id="coding">
<div class="box-coding">
<div class="circle-coding">
<div class="final-coding" id="f3-coding"></div>
</div>
<div class="content-coding">
<span><a href="https://atcoder.jp/users/maskman_lucifer">Atcoder-Profile</a></span>
<span>Max Rating: <span id="bold">1139</span></span>
<span><span id="bold">70+</span> Problems Solved</span>
</div>
</div>
<div class="box-coding">
<div class="circle-coding">
<div class="final-coding" id="f1-coding"></div>
</div>
<div class="content-coding">
<span><a href="https://leetcode.com/maskman_lucifer/">Leetcode-Profile</a></span>
<span>Max Rating: <span id="bold">Unrated</span></span>
<span><span id="bold">170+</span> Problems Solved</span>
</div>
</div>
</div>
</div>
</div>
<div id="divider"></div>
<div class="container" id="skills">
<div class="heading">
<span class="animate">003.Skills 📑</span>
</div>
<div class="skill">
<div class="type">
<span>Programming</span>
</div>
<div class="list">
<div class="box">
<div class="circle">
<div class="final" id="f1"></div>
</div>
<div class="content">
<span>DSA</span>
<span>90%</span>
<span>3 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f1"></div>
</div>
<div class="content">
<span>Algorithm</span>
<span>90%</span>
<span>3 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f1"></div>
</div>
<div class="content">
<span>C and C++</span>
<span>90%</span>
<span>3 Years</span>
</div>
</div>
</div>
</div>
<div class="skill">
<div class="type">
<span>Launguage</span>
</div>
<div class="list">
<div class="box">
<div class="circle">
<div class="final" id="f2"></div>
</div>
<div class="content">
<span>EJS</span>
<span>70%</span>
<span>2 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f2"></div>
</div>
<div class="content">
<span>JavaScript</span>
<span>75%</span>
<span>2 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f1"></div>
</div>
<div class="content">
<span>HTML and CSS</span>
<span>90%</span>
<span>3 Years</span>
</div>
</div>
</div>
</div>
<div class="skill">
<div class="type">
<span>Framework and Database</span>
</div>
<div class="list">
<div class="box">
<div class="circle">
<div class="final" id="f2"></div>
</div>
<div class="content">
<span>NodeJS</span>
<span>70%</span>
<span>2 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f3"></div>
</div>
<div class="content">
<span>ReactJS</span>
<span>30%</span>
<span>0 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f1"></div>
</div>
<div class="content">
<span>MongoDB</span>
<span>80%</span>
<span>2 Years</span>
</div>
</div>
</div>
</div>
<div class="skill">
<div class="type">
<span>Others</span>
</div>
<div class="list">
<div class="box">
<div class="circle">
<div class="final" id="f2"></div>
</div>
<div class="content">
<span>API</span>
<span>70%</span>
<span>2 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f2"></div>
</div>
<div class="content">
<span>web scraping</span>
<span>50%</span>
<span>1 Years</span>
</div>
</div>
<div class="box">
<div class="circle">
<div class="final" id="f1"></div>
</div>
<div class="content">
<span>Git</span>
<span>85%</span>
<span>2 Years</span>
</div>
</div>
</div>
</div>
</div>
<div id="divider"></div>
<div class="container" id="contact">
<div class="heading">
<span class="animate">004.Contact 💬</span>
</div>
<div class="contact-content">
<span>Few clicks away from you, Let's connect 🤩</span>
</div>
<div class="contact-link">
<a href="https://www.facebook.com/viperamanmark">
<span><svg class="animate" class="icon" viewBox="0 0 217 211" fill="none" >
<g id="icon">
<g id="logo">
<path id="Vector" d="M91.489 169.01C92.157 138.286 90.906 109.383 90.975 107.577C91.074 105.005 74.03 108.638 71.929 106.524C69.828 104.41 68.62 88.319 71.408 86.933C74.196 85.547 86.763 88.062 89.415 86.407C92.067 84.752 77.902 31.138 136.016 42.986C137.605 43.781 135.884 61.718 134.957 63.108C134.03 64.498 122.249 61.321 115.895 66.285C109.541 71.249 112.188 84.949 113.512 85.876C114.836 86.803 133.7 86.074 134.957 87.465C136.214 88.856 136.413 106.263 134.957 107.587C133.501 108.911 114.138 105.177 112.188 106.529C110.582 107.642 116.412 166.567 114.746 168.902C113.08 171.237 107.015 171.035 103.186 171.128" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="circle">
<path id="Vector_2" d="M109.577 208.358C170.489 206.71 217.722 154.88 213.972 97.886C210.31 42.239 159.952 0.273997 105.049 2.133C49.39 4.017 2.02 50.605 2.68 106.555C4.229 193.998 88.185 209.165 91.88 208.106" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
</svg></span>
</a>
<a href="https://github.com/maskmanlucifer">
<span><svg class="animate" class="icon" viewBox="0 0 208 202" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="logo" d="M106.164 199.986C170.081 196.429 214.831 147.929 203.423 83.486C194.135 31.016 142.701 -4.12699 90.684 2.90901C37.952 10.041 -2.60999 58.877 3.38601 112.004C9.07501 159.861 38.514 182.234 63.071 192.339C68.788 194.692 76.472 198.124 79.068 197.568C81.664 197.012 80.831 182.618 80.831 175.679C64.831 178.138 59.356 171.838 55.956 168.116C52.099 163.894 49.831 159.553 45.893 153.178C41.955 146.803 34.83 148.303 34.08 144.615C33.33 140.927 49.08 141.927 60.393 155.865C68.581 166.011 77.321 162.954 82.018 160.053C82.172 158.441 82.544 156.278 83.456 153.865C84.423 151.308 87.081 149.761 86.664 148.011C86.247 146.261 64.86 147.434 52.664 130.344C43.855 118 43.535 103.389 46.997 92.511C49.319 85.214 53.193 80.068 55.83 77.094C54.819 74.932 53.317 70.985 53.247 65.844C53.171 60.295 54.801 56.048 55.83 53.844C59.322 53.948 64.37 54.488 70.08 56.511C75.549 58.448 79.673 61.053 82.413 63.094C87.388 61.423 94.631 59.605 103.496 59.427C113.631 59.224 121.84 61.246 127.163 63.01C129.779 60.674 134.15 57.362 140.33 55.093C144.819 53.445 148.848 52.864 151.83 52.676C152.973 54.841 154.905 59.195 154.997 65.008C155.082 70.359 153.571 74.478 152.581 76.672C155.448 80.131 159.975 86.547 162.083 95.667C162.834 98.916 166.94 116.648 155.087 131.907C142.679 147.881 122.027 145.431 121.095 147.637C120.163 149.843 125.059 153.934 127.361 162.514C129.663 171.094 128.688 187.493 128.688 187.493" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</svg></span>
</a>
<a href="https://www.instagram.com/maskman_lucifer/">
<span><svg class="animate" class="icon" viewBox="0 0 216 213" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="icon">
<g id="logo">
<path id="Vector" d="M158.607 102.506C158.944 116.877 159.72 138.029 158 144C156.279 149.971 150.207 155.639 145.046 157.966C139.885 160.294 71.166 158.978 67.522 157.966C63.878 156.954 58.413 149.161 57.199 146.327C55.985 143.493 56.592 74.268 58.009 68.5C59.426 62.731 64.385 59.391 68.939 57.367C73.493 55.343 122.511 56.153 131.484 56.557C140.458 56.962 148.419 61.415 149.094 68.094C149.769 74.774 145.112 77.472 139.58 77C134.048 76.528 130.354 71.292 133.516 67.298C136.679 63.304 154.353 62.325 156.783 67.487C159.214 72.649 159.312 85.111 155.973 88.14C152.635 91.169 130.774 87.042 127.422 88.332C124.07 89.622 140.693 102.605 129.838 122.536C122.725 134.003 107.166 139.357 94.795 132.853C81.224 125.717 79.139 108.355 83.814 97.216C84.395 95.831 89.935 82.961 102.942 81.2C110.581 80.166 125.207 83.477 120.147 88.031C115.087 92.585 73.997 86.918 64.079 88.942" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="out">
<path id="logo_2" d="M78.728 7.94699C20.574 26.142 -10.736 88.888 8.41402 142.7C27.111 195.239 87.004 221.882 139.319 205.123C192.355 188.133 225.226 130.393 209.334 76.743C183.999 -6.96401 99.089 1.33799 95.823 3.36399" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
</svg>
</span>
</a>
<a href="https://www.linkedin.com/in/markamansingh/">
<span>
<svg class="animate" class="icon" viewBox="0 0 211 217" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="icon">
<g id="out">
<path id="Vector" d="M6.367 81.308C-8.888 140.302 27.866 200.022 83.676 212.173C138.167 224.037 192.417 187.242 205.808 133.964C219.384 79.953 187.705 21.55 133.753 6.71799C49.289 -15.965 11.505 60.527 11.501 64.37" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<g id="logo">
<path id="linkedin" d="M78.662 144.972C78.302 123.921 79.64 83.54 77.717 81.55C75.794 79.56 60.671 73.627 57.834 69.079C54.996 64.531 55.823 55.417 65.96 55.405C76.097 55.393 77.379 64.071 74.74 69.715C72.1 75.359 57.156 79.526 55.452 81.82C53.748 84.114 53.023 150.1 55.452 151.719C57.881 153.338 88.378 153.203 91.076 151.179C93.775 149.155 87.702 83.709 91.076 82.089C94.45 80.469 108.483 80.2 110.238 81.01C111.992 81.82 110.913 88.702 112.127 89.376C113.341 90.051 122.298 78.199 136.416 79.93C146.876 81.212 156.253 90.051 157.737 98.822C159.221 107.593 158.636 133.367 158.277 150.639C151.08 150.909 143.883 151.314 136.687 151.584C136.417 137.01 137.767 117.984 135.877 107.998C133.988 98.012 113.549 98.149 113.747 107.998C113.945 117.847 115.366 151.584 111.048 151.449" stroke="black" stroke-width="4" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
</g>
</g>
</svg>
</span>
</a>
</div>
<div class="buttons">
<div class="resume-link">
<span id="button">maskmanaman@gmail.com</span>
</div>
</div>
<div class="footer">
<span>Developed by <span style="color:rgb(255, 94, 0);">Aman Kumar Singh</span></span>
<span><a href="#top">Back to top</a></span>
</div>
</div>
</main>
</body>
</html>