-
Notifications
You must be signed in to change notification settings - Fork 0
/
about-new.html
188 lines (176 loc) · 12.1 KB
/
about-new.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
<!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">
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicons/favicon-16x16.png">
<link rel="manifest" href="favicons/site.webmanifest">
<title>About - Jason</title>
<link rel="stylesheet" href="public/styles.css">
<link rel="stylesheet" href="public/styles2.css">
</head>
<body class="bg-primary">
<nav class="pulseshadow bg-primary fixed top-0 w-full h-auto">
<div class="container px-6 py-4 mx-auto lg:flex lg:justify-between lg:items-center">
<div class="lg:flex lg:items-center lg:justify-between">
<div class="flex items-center justify-between">
<div>
<a class="brand-text text-2xl font-bold text-white lg:text-3xl hover:text-gray-300 pl-10" href="index.html">Jaze</a>
</div>
<!-- Mobile menu button -->
<div class="flex lg:hidden">
<button type="button" class="text-gray-200 hover:text-gray-400 focus:outline-none focus:text-gray-400" aria-label="toggle menu" onclick="toggleNavbar('social-collapse','navheadings')">
<svg viewBox="0 0 24 24" class="w-6 h-6 fill-current">
<path fill-rule="evenodd" d="M4 5h16a1 1 0 0 1 0 2H4a1 1 0 1 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2zm0 6h16a1 1 0 0 1 0 2H4a1 1 0 0 1 0-2z"></path>
</svg>
</button>
</div>
</div>
</div>
<div id="navheadings" class="hidden lg:flex flex-col text-gray-300 lg:flex lg:px-16 lg:-mx-4 lg:flex-row items-center">
<a href="index-new.html" class="mt-2 lg:mt-0 lg:mx-4 hover:text-seccomplement">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
<path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
</svg></a>
<a href="projects-new.html" class="nav-under mt-2 lg:mt-0 lg:mx-4 hover:text-white">Projects</a>
<a href="#" class="nav-under_current mt-2 lg:mt-0 lg:mx-4 hover:text-white">About</a>
<!-- <a href="assets/CV__JasonJoby.pdf" target="_blank" class="mt-2 lg:mt-0 lg:mx-4 hover:text-secondary">CV</a> -->
<a href="#" class="mt-2 lg:mt-0 lg:mx-4 hover:text-secondary">CV</a>
<a href="extras-new.html" class="nav-under mt-2 lg:mt-0 lg:mx-4 hover:text-white">Extras</a>
</div>
<div id="social-collapse" class="hidden lg:flex justify-center mt-6 lg:flex lg:mt-0 lg:-mx-2">
<a href="https://www.linkedin.com/in/jason-joby/" class="mx-2 text-secondary hover:text-gray-200" aria-label="LinkedIn">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg>
<a href="https://github.com/ch3rryblossom" class="mx-2 text-secondary hover:text-gray-200" aria-label="Github">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg>
</a>
<a href="mailto:[email protected]" class="mx-2 text-secondary hover:text-gray-200"
aria-label="Email">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="" viewBox="0 0 16 16">
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z"/>
</svg>
</a>
<!-- <a href="#" class="mx-2 text-gray-300 hover:text-gray-300"
aria-label="Email">
<svg class="w-5 h-5 fill-current" viewBox="0 0 24 24" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2.00195 12.002C2.00312 16.9214 5.58036 21.1101 10.439 21.881V14.892H7.90195V12.002H10.442V9.80204C10.3284 8.75958 10.6845 7.72064 11.4136 6.96698C12.1427 6.21332 13.1693 5.82306 14.215 5.90204C14.9655 5.91417 15.7141 5.98101 16.455 6.10205V8.56104H15.191C14.7558 8.50405 14.3183 8.64777 14.0017 8.95171C13.6851 9.25566 13.5237 9.68693 13.563 10.124V12.002H16.334L15.891 14.893H13.563V21.881C18.8174 21.0506 22.502 16.2518 21.9475 10.9611C21.3929 5.67041 16.7932 1.73997 11.4808 2.01722C6.16831 2.29447 2.0028 6.68235 2.00195 12.002Z">
</path>
</svg>
</a> -->
</div>
</div>
</nav>
<section class="flex items-center justify-center h-screen text-white font-serif text-7xl">
<div>
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="200.000000pt" height="200.000000pt" fill="currentColor" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,575.000000) scale(0.100000,-0.100000)"
fill="#FFFFF" stroke="none">
<path d="M540 4256 c0 -27 67 -643 75 -693 l6 -33 70 0 70 0 75 116 76 116 75
-116 75 -116 68 0 69 0 6 33 c8 50 75 666 75 693 0 23 -3 24 -73 24 l-74 0
-22 -212 c-13 -117 -26 -229 -30 -248 l-7 -34 -78 122 c-43 67 -81 122 -85
122 -3 0 -42 -56 -86 -125 -43 -68 -80 -123 -82 -122 -1 2 -14 114 -29 250
l-28 247 -73 0 c-70 0 -73 -1 -73 -24z"/>
<path d="M1599 4247 c-73 -37 -130 -104 -151 -176 -20 -71 -17 -273 6 -341 26
-74 102 -150 176 -175 113 -38 232 -14 310 64 76 77 85 103 88 281 l3 156 -33
64 c-23 44 -48 76 -82 101 -59 45 -104 59 -189 59 -54 0 -76 -6 -128 -33z
m215 -136 c57 -38 66 -64 66 -199 0 -100 -3 -130 -17 -154 -57 -95 -201 -94
-258 2 -17 30 -20 52 -20 150 0 127 12 162 71 201 39 25 119 25 158 0z"/>
<path d="M2182 3908 l3 -373 72 -3 72 -3 3 138 3 138 50 -105 c28 -57 57 -118
65 -135 15 -29 17 -30 98 -33 52 -2 82 1 82 8 0 6 -34 77 -75 159 l-74 149 30
12 c16 7 47 33 69 57 97 111 64 275 -70 343 -34 17 -59 20 -185 20 l-145 0 2
-372z m287 196 c12 -15 21 -34 21 -44 0 -10 -9 -29 -21 -44 -18 -23 -28 -26
-80 -26 l-59 0 0 70 0 70 59 0 c52 0 62 -3 80 -26z"/>
<path d="M2782 3908 l3 -373 73 -3 72 -3 0 146 c0 80 3 145 6 145 12 0 51 -24
77 -49 44 -40 60 -79 66 -161 l6 -75 74 -3 73 -3 -4 93 c-5 109 -32 175 -100
245 l-41 42 47 51 c65 69 88 126 94 233 l4 87 -76 0 -76 0 0 -60 c0 -69 -19
-122 -58 -163 -24 -26 -72 -57 -87 -57 -3 0 -5 63 -5 140 l0 140 -75 0 -75 0
2 -372z"/>
<path d="M3682 3908 l3 -373 73 -3 72 -3 0 376 0 375 -75 0 -75 0 2 -372z"/>
<path d="M3982 3908 l3 -373 72 -3 73 -3 2 233 3 233 70 -108 c39 -59 106
-163 150 -230 l80 -122 75 0 75 0 3 373 2 372 -75 0 -75 0 0 -230 c0 -126 -3
-230 -7 -229 -5 0 -74 102 -154 227 l-146 227 -77 3 -76 3 2 -373z"/>
<path d="M3382 3908 l3 -73 73 -3 72 -3 0 76 0 75 -75 0 -76 0 3 -72z"/>
<path d="M0 3010 l0 -370 75 0 75 0 0 144 0 143 69 6 c76 6 131 30 173 74 101
106 66 289 -67 352 -39 18 -63 21 -185 21 l-140 0 0 -370z m280 200 c25 -25
26 -71 2 -100 -14 -18 -32 -24 -75 -28 l-57 -4 0 76 0 76 55 0 c42 0 60 -5 75
-20z"/>
<path d="M610 3011 l0 -371 75 0 75 0 1 133 0 132 64 -132 64 -133 85 0 86 0
-75 150 c-41 82 -75 152 -75 154 0 2 13 9 30 16 16 7 45 29 64 50 91 101 70
261 -46 337 -40 27 -47 28 -195 31 l-153 3 0 -370z m280 199 c27 -27 26 -81 0
-105 -13 -11 -41 -20 -75 -23 l-55 -4 0 76 0 76 55 0 c42 0 60 -5 75 -20z"/>
<path d="M1385 3352 c-67 -32 -117 -83 -149 -151 -18 -40 -21 -65 -21 -196 0
-143 1 -152 27 -201 28 -54 86 -112 140 -140 20 -11 64 -19 114 -22 72 -4 89
-1 136 20 64 30 119 83 150 147 20 39 23 65 26 178 5 178 -9 225 -86 303 -96
95 -219 118 -337 62z m206 -145 c56 -37 69 -76 69 -203 0 -121 -11 -152 -72
-198 -38 -27 -118 -27 -155 0 -60 45 -68 66 -71 192 -3 100 0 122 16 152 42
78 142 105 213 57z"/>
<path d="M2215 3362 c-266 -92 -341 -440 -135 -625 91 -82 121 -91 313 -95
l167 -4 0 221 0 221 -150 0 -150 0 0 -75 0 -75 75 0 75 0 0 -75 0 -75 -52 0
c-103 1 -185 50 -224 134 -50 108 -15 223 86 284 l54 32 143 0 143 0 0 75 0
75 -147 0 c-114 -1 -160 -5 -198 -18z"/>
<path d="M2710 3010 l0 -370 75 0 75 0 0 127 c0 73 4 123 9 117 5 -5 32 -62
61 -126 l53 -118 89 0 88 0 -76 151 c-58 118 -73 154 -62 160 7 5 16 9 20 9
17 0 81 66 99 101 41 81 17 205 -52 263 -58 49 -87 56 -239 56 l-140 0 0 -370z
m280 200 c27 -27 26 -81 0 -105 -13 -11 -41 -20 -75 -23 l-55 -4 0 76 0 76 55
0 c42 0 60 -5 75 -20z"/>
<path d="M3310 3010 l0 -370 225 0 225 0 0 70 0 70 -150 0 -150 0 0 75 0 75
75 0 75 0 0 75 0 75 -75 0 -75 0 0 75 0 75 150 0 150 0 0 75 0 75 -225 0 -225
0 0 -370z"/>
<path d="M4033 3355 c-30 -15 -61 -41 -77 -63 -71 -103 -42 -260 60 -323 28
-17 59 -24 131 -30 110 -8 133 -22 133 -79 0 -65 -13 -70 -203 -70 l-167 0 0
-75 0 -75 183 0 182 0 51 30 c68 39 104 106 104 195 0 51 -5 70 -32 115 -44
73 -93 98 -211 106 -78 6 -90 10 -108 33 -22 28 -19 63 8 93 13 15 39 18 182
20 l166 3 3 73 3 72 -179 0 c-171 0 -180 -1 -229 -25z"/>
<path d="M4725 3361 c-170 -77 -165 -333 7 -405 21 -9 65 -16 98 -16 112 0
159 -40 130 -110 -7 -17 -13 -31 -14 -32 0 -1 -80 -4 -176 -7 l-175 -6 -3 -73
-3 -73 195 3 194 3 44 30 c114 80 127 258 26 352 -38 35 -94 54 -185 60 -70 5
-86 10 -98 27 -21 29 -18 73 5 96 18 18 33 20 185 20 l165 0 0 75 0 75 -177 0
c-151 0 -184 -3 -218 -19z"/>
<path d="M2 1958 l3 -523 2558 -3 2557 -2 0 525 0 525 -1505 0 -1505 0 0 -75
0 -75 357 0 358 0 -375 -375 -375 -375 -640 0 -640 0 375 375 375 375 207 0
208 0 0 75 0 75 -980 0 -980 0 2 -522z m948 -3 l-375 -375 -210 2 -210 3 -3
373 -2 372 587 0 588 0 -375 -375z m3237 237 l-137 -137 53 -53 52 -52 190
190 190 190 217 0 218 0 0 -375 0 -375 -585 0 c-322 0 -585 3 -585 7 0 4 53
61 117 125 l118 118 -53 52 -52 53 -178 -178 -177 -177 -640 0 -640 0 375 375
375 375 640 0 640 0 -138 -138z"/>
<path d="M312 2108 l3 -73 73 -3 72 -3 0 76 0 75 -75 0 -76 0 3 -72z"/>
<path d="M612 2108 l3 -73 73 -3 72 -3 0 76 0 75 -75 0 -76 0 3 -72z"/>
<path d="M3090 2105 l0 -76 73 3 72 3 3 73 3 72 -76 0 -75 0 0 -75z"/>
<path d="M317 1283 c-4 -3 -7 -105 -7 -225 l0 -218 565 0 566 0 -3 73 -3 72
-488 3 -488 2 3 73 3 72 1198 3 1197 2 0 -75 0 -75 -485 0 -485 0 0 -75 0 -75
560 0 560 0 0 225 0 225 -1343 0 c-739 0 -1347 -3 -1350 -7z"/>
<path d="M3167 1283 c-4 -3 -7 -105 -7 -225 l0 -218 225 0 225 0 0 225 0 225
-218 0 c-120 0 -222 -3 -225 -7z m293 -218 l0 -75 -75 0 -75 0 0 68 c0 38 3
72 7 75 3 4 37 7 75 7 l68 0 0 -75z"/>
<path d="M3767 1283 c-4 -3 -7 -105 -7 -225 l0 -218 225 0 225 0 0 225 0 225
-218 0 c-120 0 -222 -3 -225 -7z m293 -218 l0 -75 -75 0 -75 0 0 68 c0 38 3
72 7 75 3 4 37 7 75 7 l68 0 0 -75z"/>
<path d="M4367 1283 c-4 -3 -7 -105 -7 -225 l0 -218 225 0 225 0 0 225 0 225
-218 0 c-120 0 -222 -3 -225 -7z m293 -218 l0 -75 -75 0 -75 0 0 68 c0 38 3
72 7 75 3 4 37 7 75 7 l68 0 0 -75z"/>
<path d="M1590 915 l0 -75 75 0 76 0 -3 73 -3 72 -72 3 -73 3 0 -76z"/>
</g>
</svg>
</div>
</section>
<script>
function toggleNavbar(collapseID1, collapseID2) {
document.getElementById(collapseID1).classList.toggle("hidden");
document.getElementById(collapseID1).classList.toggle("flex");
document.getElementById(collapseID2).classList.toggle("hidden");
document.getElementById(collapseID2).classList.toggle("flex");
}
</script>
</body>
</html>