-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
205 lines (173 loc) · 14.1 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="Adon Ojha" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://adonojha.com/assets/og-image.jpg" />
<meta property="og:description" content=" Full Stack Developer & Engineering Student" />
<meta property="og:url" content="https://www.adonojha.com" />
<title>Adon Ojha</title>
<link href="https://fonts.googleapis.com/css2?family=Montserrat+Alternates&family=Montserrat+Subrayada&family=Raleway&family=Roboto:wght@400;500;700&family=Silkscreen&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="./styles/general.css">
<link rel="stylesheet" href="../styles/header.css">
</head>
<body class="noselect">
<!-- loading animation -->
<div class="logo-container">
<div class="infinity">
<svg id="infinity-svg" width="171" height="94" viewBox="0 0 171 94" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
id="infinity-path"
d="M131.5 -1.69382e-06C139.167 -1.35869e-06 145.917 2.083 151.75 6.25C157.583 10.417 162.167 15.833 165.5 22.5C168.667 29.333 170.25 36.583 170.25 44.25C170.25 52.417 168.417 60.25 164.75 67.75C160.917 75.25 155.667 81.417 149 86.25C142.333 91.083 134.75 93.5 126.25 93.5C119.417 93.5 113.583 92 108.75 89C103.917 86.167 99.5 82.25 95.5 77.25C91.5 72.25 87.5 66.583 83.5 60.25C82.8333 59.25 82.25 58.917 81.75 59.25C81.0833 59.583 80.5 60.167 80 61C77.6667 65.333 74.75 70 71.25 75C67.583 80 63.167 84.333 58 88C52.833 91.667 46.583 93.5 39.25 93.5C31.583 93.5 24.833 91.417 19 87.25C13.167 83.083 8.667 77.583 5.5 70.75C2.167 64.083 0.499998 56.917 0.499998 49.25C0.499998 41.083 2.417 33.25 6.25 25.75C9.917 18.25 15.083 12.083 21.75 7.24999C28.25 2.41699 35.833 -5.87555e-06 44.5 -5.49671e-06C51.167 -5.20528e-06 57 1.5 62 4.5C66.833 7.5 71.25 11.5 75.25 16.5C79.25 21.667 83.25 27.417 87.25 33.75C88.4167 35.583 89.5833 35.333 90.75 33C93.0833 28.833 96 24.167 99.5 19C103 13.833 107.417 9.333 112.75 5.5C117.917 1.833 124.167 -2.01437e-06 131.5 -1.69382e-06ZM127.5 18C119.5 18 113 19.667 108 23C102.833 26.5 98.0833 30.917 93.75 36.25C92.75 37.583 92.25 38.583 92.25 39.25C92.25 40.083 92.5 40.833 93 41.5C93.3333 42.333 93.9167 43.25 94.75 44.25C98.0833 49.083 101.75 53.917 105.75 58.75C109.75 63.75 114.083 67.833 118.75 71C123.25 74.333 128.083 76 133.25 76C138.583 76 143.5 74.667 148 72C152.5 69.333 156.167 65.833 159 61.5C161.667 57.333 163 52.75 163 47.75C163 41.75 161.333 36.5 158 32C154.5 27.667 150.083 24.25 144.75 21.75C139.25 19.25 133.5 18 127.5 18ZM36.5 17C31.167 17 26.333 18.333 22 21C17.667 23.833 14.25 27.417 11.75 31.75C9.083 36.25 7.75 40.917 7.75 45.75C7.75 51.75 9.5 57 13 61.5C16.333 66 20.75 69.417 26.25 71.75C31.583 74.25 37.25 75.5 43.25 75.5C51.25 75.5 57.667 73.75 62.5 70.25C67.333 66.75 71.9167 62.333 76.25 57C77.25 55.833 77.75 54.833 77.75 54C77.75 53.333 77.5 52.583 77 51.75C76.5 50.917 75.9167 50 75.25 49C71.9167 44.167 68.25 39.25 64.25 34.25C60.25 29.417 55.917 25.333 51.25 22C46.583 18.667 41.667 17 36.5 17Z"
fill="white"
>
</path>
</svg>
<div class="ad">
<svg width="153" height="71" viewBox="0 0 153 71" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M68.0195 70.0195H55.3242V52.832H10.6953V70.0195H-2V35.0097C-2 29.8991 -1.12109 25.1953 0.636723 20.8984C2.39453 16.6015 4.83593 12.9069 7.96091 9.81443C11.0859 6.72203 14.7806 4.31313 19.0449 2.58789C23.3092 0.86263 27.9642 0 33.0098 0H61.623C62.5019 0 63.332 0.16276 64.1133 0.48828C64.8945 0.8138 65.5781 1.26953 66.1641 1.85547C66.75 2.44141 67.2057 3.12503 67.5312 3.90623C67.8568 4.68753 68.0195 5.51753 68.0195 6.39653V70.0195ZM10.6953 40.1367H55.3242V12.6953H33.0098C32.6191 12.6953 31.7891 12.7604 30.5195 12.8906C29.2825 12.9883 27.834 13.2649 26.1738 13.7207C24.5462 14.1764 22.821 14.8763 20.998 15.8203C19.1751 16.7643 17.4987 18.0664 15.9687 19.7265C14.4388 21.3867 13.1693 23.47 12.1601 25.9765C11.1836 28.4505 10.6953 31.4616 10.6953 35.0097V40.1367ZM152.687 40.7226C152.687 44.9869 151.938 48.9095 150.441 52.4902C148.976 56.0709 146.942 59.1634 144.338 61.7675C141.733 64.3392 138.641 66.3574 135.06 67.8222C131.48 69.2871 127.59 70.0195 123.39 70.0195H89.1133C88.2018 70.0195 87.3555 69.8567 86.5742 69.5312C85.793 69.2057 85.1094 68.7662 84.5234 68.2129C83.97 67.6269 83.5306 66.9433 83.2051 66.1621C82.8795 65.3808 82.7168 64.5345 82.7168 63.623V6.39653C82.7168 5.51753 82.8795 4.68753 83.2051 3.90623C83.5306 3.12503 83.97 2.44141 84.5234 1.85547C85.1094 1.26953 85.793 0.8138 86.5742 0.48828C87.3555 0.16276 88.2018 0 89.1133 0H123.39C127.59 0 131.48 0.732419 135.06 2.19726C138.641 3.66213 141.733 5.69663 144.338 8.30073C146.942 10.8724 148.976 13.9648 150.441 17.5781C151.938 21.1588 152.687 25.0651 152.687 29.2968V40.7226ZM139.992 29.2968C139.992 26.8229 139.585 24.5605 138.771 22.5097C137.99 20.459 136.867 18.7174 135.402 17.2851C133.937 15.8203 132.179 14.6972 130.129 13.916C128.11 13.1022 125.864 12.6953 123.39 12.6953H95.4121V57.3242H123.39C125.864 57.3242 128.11 56.9336 130.129 56.1523C132.179 55.3385 133.937 54.2155 135.402 52.7832C136.867 51.3183 137.99 49.5768 138.771 47.5586C139.585 45.5078 139.992 43.2291 139.992 40.7226V29.2968Z" fill="white"/>
</svg>
</div>
<div class="n">
<svg width="71" height="72" viewBox="0 0 71 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M70.3441 65.5802C70.3441 66.4916 70.1651 67.338 69.8071 68.1192C69.4811 68.9005 69.0251 69.5841 68.4391 70.17C67.8861 70.7234 67.219 71.1629 66.438 71.4884C65.656 71.8139 64.8261 71.9767 63.9471 71.9767C63.1661 71.9767 62.3681 71.8302 61.5551 71.5372C60.7731 71.2442 60.074 70.7722 59.455 70.1212L13.0681 21.6837V71.0001H0.373047V6.40053C0.373047 5.09843 0.731052 3.92656 1.44705 2.8849C2.19605 1.81068 3.14005 1.01315 4.27905 0.492318C5.48405 0.00403813 6.72105 -0.109902 7.99005 0.150518C9.26005 0.378388 10.3501 0.964318 11.2621 1.90833L57.6481 50.297V0.980598H70.3441V65.5802Z" fill="white"/>
</svg>
</div>
<div class="jha">
<svg width="234" height="71" viewBox="0 0 234 71" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M65.2601 53.178C65.2601 55.717 64.8201 58.077 63.9411 60.258C63.0621 62.439 61.8261 64.327 60.2301 65.922C58.6681 67.517 56.7961 68.77 54.6151 69.682C52.4341 70.561 50.0581 71 47.4861 71H0.953125V58.305H47.4861C49.0491 58.305 50.2701 57.865 51.1481 56.986C52.0271 56.075 52.4671 54.805 52.4671 53.178V0.980469H65.2601V53.178ZM92.6041 29.594H137.184V0.980469H149.879V71H137.184V42.387H92.6041V71H79.9081V0.980469H92.6041V29.594ZM233.473 71H220.777V53.812H176.148V71H163.453V35.99C163.453 30.88 164.332 26.176 166.09 21.879C167.848 17.582 170.289 13.887 173.414 10.795C176.539 7.70197 180.234 5.29357 184.498 3.56837C188.762 1.84307 193.417 0.980469 198.463 0.980469H227.076C227.955 0.980469 228.785 1.14317 229.566 1.46877C230.348 1.79427 231.031 2.24997 231.617 2.83587C232.203 3.42187 232.659 4.10547 232.984 4.88667C233.31 5.66797 233.473 6.49797 233.473 7.37697V71ZM176.148 41.117H220.777V13.676H198.463C198.072 13.676 197.242 13.741 195.973 13.871C194.736 13.969 193.287 14.245 191.627 14.701C189.999 15.157 188.274 15.857 186.451 16.801C184.628 17.745 182.952 19.047 181.422 20.707C179.892 22.367 178.622 24.451 177.613 26.957C176.637 29.431 176.148 32.442 176.148 35.99V41.117Z" fill="white"/>
</svg>
</div>
</div>
</div>
<!-- Uncomment for loading bar when switching to full screen animation -->
<div class="loading-bar">
<div class="progress"></div>
</div>
<div id="skip">
<span>skip</span>
<i class="fas fa-arrow-right"></i>
</div>
<!-- top left logo -->
<div class="header">
<a class="logo-link" href="./">
<img id="logo-btn" class="logo" src="../pictures/logo.svg">
</a>
</div>
<!-- Navbar -->
<nav class="navbar">
<ul class="nav-list">
<li class="nav-item">
<a id="projects-link" href="./projects/" class="nav-link">projects</a>
</li>
<li class="nav-item">
<a id="experience-link" href="./experience/" class="nav-link">experience</a>
</li>
<li class="ece-engineering">
<a href="https://ece.engineering" target="_blank" class="nav-link">ece.engineering</a>
<i class="arrow-top-right fas fa-arrow-right"></i>
</li>
</nav>
<!-- Greeting -->
<div class="greeting">
<div class="text">
<div class="title">
<span>developer. designer. </span>
<span class="purple-gradient" id="trigger-popup">
engineering student.
<!-- <div class="img-tooltip">
</div> -->
<img id="popup-image" src="./assets/engineering.jpeg" alt="engineering">
</span>
</div>
<span class="subtitle">
currently in my 2nd year studying
<a class="link" href="https://uwaterloo.ca/future-students/programs/computer-engineering" target="_blank">
CE @ Waterloo.
</a>
based in Toronto, Canada.
</span>
</div>
<div class="image">
<div class="gradient-blur"></div>
<div class="card">
<img src="./assets/me2.jpeg" alt="me">
</div>
<div class="card card-2"></div>
</div>
</div>
<!-- Socials -->
<div class="socials">
<a href="https://github.com/a4ojha" target="_blank" class="nav-link" id="github">
<div class="tooltip">
github/a4ojha
</div>
<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 0.17334C5.14625 0.17334 0 5.22035 0 11.4516C0 16.4422 3.29187 20.6574 7.86312 22.1518C8.43812 22.2505 8.65375 21.9121 8.65375 21.6161C8.65375 21.3482 8.63938 20.4601 8.63938 19.5155C5.75 20.0371 5.0025 18.8247 4.7725 18.1903C4.64312 17.8661 4.0825 16.8651 3.59375 16.5973C3.19125 16.3858 2.61625 15.8642 3.57938 15.8501C4.485 15.836 5.13188 16.6678 5.3475 17.0061C6.3825 18.7119 8.03563 18.2326 8.69688 17.9366C8.7975 17.2035 9.09937 16.71 9.43 16.4281C6.87125 16.1461 4.1975 15.1734 4.1975 10.8595C4.1975 9.63296 4.64313 8.61792 5.37625 7.82844C5.26125 7.54648 4.85875 6.39046 5.49125 4.83971C5.49125 4.83971 6.45438 4.54365 8.65375 5.99573C9.57375 5.74197 10.5513 5.61509 11.5288 5.61509C12.5063 5.61509 13.4838 5.74197 14.4038 5.99573C16.6031 4.52956 17.5663 4.83971 17.5663 4.83971C18.1988 6.39046 17.7963 7.54648 17.6813 7.82844C18.4144 8.61792 18.86 9.61886 18.86 10.8595C18.86 15.1875 16.1719 16.1461 13.6131 16.4281C14.03 16.7805 14.3894 17.4572 14.3894 18.5146C14.3894 20.023 14.375 21.2354 14.375 21.6161C14.375 21.9121 14.5906 22.2646 15.1656 22.1518C19.7081 20.6574 23 16.4281 23 11.4516C23 5.22035 17.8538 0.17334 11.5 0.17334Z"/>
</svg>
</a>
<a href="https://linkedin.com/in/adonojha" target="_blank" class="nav-link" id="linkedin">
<div class="tooltip">
in/adonojha
</div>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
</a>
<a href="https://x.com/adon_05" target="_blank" class="nav-link" id="x">
<div class="tooltip">
x/adon_05
</div>
<svg width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.0951 9.48991L21.2865 0.17334H19.3461L12.2305 8.26113L6.5516 0.17334H0L8.58953 12.4047L0 22.1733H1.9404L9.44973 13.6305L15.4484 22.1733H22M2.64073 1.60508H5.62173L19.3446 20.8119H16.3629"/>
</svg>
</a>
</div>
</body>
<script>
document.getElementById("skip").addEventListener("click", () => {
document.getElementsByClassName("logo-container")[0].remove();
document.getElementsByClassName("loading-bar")[0].style.opacity = "0";
document.getElementById("skip").style.display = "none";
document.getElementsByClassName("navbar")[0].style.animationDelay = "0.15s";
document.getElementsByClassName("navbar")[0].style.animation = "fadeInUp 0.5s ease-in-out forwards";
document.getElementsByClassName("socials")[0].style.animationDelay = "0s";
document.getElementsByClassName("socials")[0].style.animation = "fadeInUp 0.5s ease-in-out forwards";
document.getElementsByClassName("header")[0].style.opacity = "1";
document.getElementsByClassName("header")[0].style.animation = "fadeInUp 0.5s ease-in-out forwards";
document.getElementsByClassName("greeting")[0].style.animationDelay = "0s";
document.getElementsByClassName("greeting")[0].style.marginTop = "15rem";
document.getElementsByClassName("greeting")[0].style.animation = "fadeInUp 0.5s ease-in-out forwards";
});
let img = document.getElementById("popup-image");
const triggerElement = document.getElementById("trigger-popup");
triggerElement.addEventListener("mouseover", () => {
console.log("hovered");
img.style.display = "block";
setTimeout(() => {
img.style.opacity = "1";
}, 10);
const move = (e) => {
try {
var x = e.pageX;
var y = e.pageY;
} catch (e) {}
const offsetX = -660;
const offsetY = -330;
img.style.left = (x + offsetX) + "px";
img.style.top = (y + offsetY) + "px";
};
document.addEventListener("mousemove", (e) => {
move(e);
});
});
triggerElement.addEventListener("mouseleave", () => {
img.style.opacity = "0";
setTimeout(() => {
img.style.display = "none";
}, 200);
});
</script>
</html>