-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
302 lines (280 loc) · 49.4 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
<html>
<head>
<link rel="stylesheet" href="https://use.typekit.net/mkv3paq.css">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Volkan Özçelik</title>
<meta name="description" content="About Volkan Özçelik; who I am and the cool stuff I do.">
<meta name="keywords" content="Volkan, Volkan Özçelik, developer, public speaker, front end, back end,
devops, full stack, performance nerd, scalability freak, JavaScript, Go, security, Cloud-Native">
<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/images/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
<link href="/min.css" rel="stylesheet">
<style>
h2 {
background-color: #444444;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}
</style>
</head>
<body class="bg-gray-700 pt-4 pb-32">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-3xl mx-auto rounded-md">
<div class="max-w-xs mx-auto -mb-40 relative border-8 border-gray-700 rounded-full" style="width: 215px; height: 215px;">
<img src="/me.jpeg" class="rounded-full shadow-xl m-auto" style="width: 200px; height: 200px" />
</div>
<div class="py-16 bg-white overflow-hidden rounded-md shadow-2xl border-b-8 border-t-8 border-yellow-400">
<div class="relative px-4 sm:px-6 lg:px-8">
<div class="text-lg max-w-prose mx-auto mt-28">
<h2>
<span class="mt-2 block text-3xl text-center font-light text-pink-700 sm:text-4xl">Volkan Özçelik</span>
<span class="block text-base text-center mt-2 font-light italic
tracking-wide text-sm sm:text-xl p-2 m-auto text-gray-500">geek, streamer,
cloud native crazy maker</span>
<span class="block text-base text-center mt-2 font-light italic
tracking-wide text-sm sm:text-sm p-2 m-auto
text-gray-500">reinventing <strong class="font-extrabold">radio access networks</strong>
as you know it<br>
at <a href="https://www.broadcom.com" title="Broadcom"
class="font-extrabold hover:bg-yellow-100 hover:text-blue-700">Broadcom</a> Software-Defined Edge.</span>
</h2>
</div>
<div class="relative mt-6">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-full border-t border-gray-300"></div>
</div>
<div class="relative flex justify-center">
<span class="bg-white px-2 text-gray-500">🥑</span>
</div>
</div>
<div class="mt-6 mb-6 text-lg text-gray-900 mx-auto">
<h2 class="text-2xl font-extrabold">Follow Me</h2>
<ul class="mt-2">
<li class="leading-10 -ml-2">
<a href="https://zerotohero.dev"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -1px;"
class="mr-2"
><g transform="matrix(1,0,0,1,0,0)"><defs><style>.c{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}</style></defs><rect x="6.5" y=".5" width="17" height="14" rx="1" style="fill:#66e1ff"></rect><path d="M7.5 14.5H8l14-14H7.5a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1z" style="fill:#c2f3ff"></path><path class="c" d="M13 14.5h9.5a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1h-12"></path><path d="m7.5 23.5.5-6h2.5V14a5 5 0 0 0-10 0v3.5H3l.5 6z" style="fill:#78eb7b;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path><circle cx="5.5" cy="4" r="3.5" style="fill:#ffdda1;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></circle><path class="c" d="M5.5 11v3"></path><path d="M6.667 4a5.805 5.805 0 0 0 2.286-.467 3.478 3.478 0 0 0-6.459-1.3A5.809 5.809 0 0 0 6.667 4z" style="fill:#c77f67;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path><path class="c" d="M12.5 4.5 15 7l-2.5 2.5m5-2h4"></path></g></svg>
I help people <em>level up</em> at <strong>Zero to Hero</strong>.</a>
</li>
<li class="leading-10 -ml-2">
<a rel="me" href="https://z2h.dev/"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.375 -0.375 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -1px;"
class="mr-2"
><path fill="#e3e3e3" d="M22.765625 1.453125v10.65625H0.484375v-10.65625a0.96875 0.96875 0 0 1 0.96875 -0.96875h20.34375a0.96875 0.96875 0 0 1 0.96875 0.96875Z" stroke-width="0.75"></path><path fill="#b2b2b2" d="M21.796875 0.484375h-20.34375a0.96875 0.96875 0 0 0 -0.96875 0.96875v3.1a0.96875 0.96875 0 0 1 0.96875 -0.96875h20.34375a0.96875 0.96875 0 0 1 0.96875 0.96875V1.453125a0.96875 0.96875 0 0 0 -0.96875 -0.96875Z" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.765625 1.453125v10.65625H0.484375v-10.65625a0.96875 0.96875 0 0 1 0.96875 -0.96875h20.34375a0.96875 0.96875 0 0 1 0.96875 0.96875Z" stroke-width="0.75"></path><path fill="#e3e3e3" d="M22.765625 12.109375v9.6875a0.96875 0.96875 0 0 1 -0.96875 0.96875h-20.34375a0.96875 0.96875 0 0 1 -0.96875 -0.96875v-9.6875h22.28125Z" stroke-width="0.75"></path><path fill="#b2b2b2" d="M22.765625 12.10840625H0.484375v2.747375h22.28125v-2.747375Z" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.765625 12.109375v9.6875a0.96875 0.96875 0 0 1 -0.96875 0.96875h-20.34375a0.96875 0.96875 0 0 1 -0.96875 -0.96875v-9.6875h22.28125Z" stroke-width="0.75"></path><path fill="#ffbc44" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.265625 22.765625h-3.875V14.53125a0.484375 0.484375 0 0 1 0.484375 -0.484375h2.90625a0.484375 0.484375 0 0 1 0.484375 0.484375v8.234375Z" stroke-width="0.75"></path><path fill="#ffffff" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M13.078125 4.359375h2.90625v7.75h-2.90625v-7.75Z" stroke-width="0.75"></path><path fill="#b2ffc0" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m18.681375 12.109375 -3.0244375 -8.80884375a0.484375 0.484375 0 0 1 0.30128125 -0.61515625l1.8328749999999998 -0.6296875000000001a0.484375 0.484375 0 0 1 0.61515625 0.30128125L21.75425 12.109375h-3.0728750000000002Z" stroke-width="0.75"></path><path fill="#ff808c" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M13.078125 12.109375h-3.875V3.875a0.484375 0.484375 0 0 1 0.484375 -0.484375h2.90625a0.484375 0.484375 0 0 1 0.484375 0.484375v8.234375Z" stroke-width="0.75"></path><path fill="#ffbc44" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.140625 22.765625h-3.875V14.53125a0.484375 0.484375 0 0 1 0.484375 -0.484375h2.90625a0.484375 0.484375 0 0 1 0.484375 0.484375v8.234375Z" stroke-width="0.75"></path><path fill="#66e1ff" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M19.859375 22.765625h-2.90625V14.53125a0.484375 0.484375 0 0 1 0.484375 -0.484375h1.9375a0.484375 0.484375 0 0 1 0.484375 0.484375v8.234375Z" stroke-width="0.75"></path><path fill="#b2ffc0" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.953125 22.765625h-2.90625V15.5a0.484375 0.484375 0 0 1 0.484375 -0.484375h1.9375a0.484375 0.484375 0 0 1 0.484375 0.484375v7.265625Z" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M5.328125 16.953125v2.90625" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.203125 16.953125v2.90625" stroke-width="0.75"></path></svg>
I share useful tools, widgets, and tips at <strong>z2h.dev</strong>.</a>
</li>
<!-- <li class="leading-10 -ml-2">-->
<!-- <a rel="me" href="https://hachyderm.io/@volkan"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"-->
<!-- style="vertical-align: middle;display: inline;position:relative; top: -1px;"-->
<!-- class="mr-2"-->
<!-- ><g><path d="M22.88,5.22A5,5,0,0,0,21.45,2.6a6,6,0,0,0-1.9-1.18A17.62,17.62,0,0,0,16.5.57,20.29,20.29,0,0,0,7.29.51,8.21,8.21,0,0,0,2.23,4.22a8.84,8.84,0,0,0-1.13,3A23.41,23.41,0,0,0,1,11.86c0,1.38,0,2.86.11,4.3a12.68,12.68,0,0,0,.53,2.91A6.31,6.31,0,0,0,4.2,22.38,9.25,9.25,0,0,0,8.05,23.8c.42.06.85.14,1.28.18a4.13,4.13,0,0,0,.93,0,3.82,3.82,0,0,0,.62-.09.45.45,0,0,0,.3-.23,4,4,0,0,0,.31-1.13,9,9,0,0,0,.08-1.66.44.44,0,0,0-.4-.36l-.6-.05-.79-.11L9,20.17a4.08,4.08,0,0,1-1.86-1.06,2.85,2.85,0,0,1-.77-1.75h0A9.53,9.53,0,0,0,8,17.91a19.32,19.32,0,0,0,2.49.4,19,19,0,0,0,7-.13,6.59,6.59,0,0,0,3.95-2.63,8.34,8.34,0,0,0,1.36-3A15.75,15.75,0,0,0,23,9.4,20,20,0,0,0,22.88,5.22Zm-1,7.18a7.53,7.53,0,0,1-1.18,2.68,5.77,5.77,0,0,1-3.44,2.35,18.17,18.17,0,0,1-6.67.23,21.07,21.07,0,0,1-2.44-.35c-.46-.1-2.51-.9-2.47-.08a3.54,3.54,0,0,0,.94,2.36,4.64,4.64,0,0,0,2.17,1.28c.27.08.55.14.83.2l.83.13.34.09c0,.26,0,.57-.06.86a4.79,4.79,0,0,1-.21,1l-.38,0a3.23,3.23,0,0,1-.76,0C9,23.12,8.58,23,8.18,23A8.49,8.49,0,0,1,4.7,21.64a5.34,5.34,0,0,1-2.16-2.85,11.46,11.46,0,0,1-.45-2.7c-.1-1.42,0-2.89-.06-4.25a22.54,22.54,0,0,1,.15-4.42,7.93,7.93,0,0,1,1-2.63A7.2,7.2,0,0,1,7.6,1.6a19.06,19.06,0,0,1,8.67.07,15.69,15.69,0,0,1,2.87.77,4.86,4.86,0,0,1,1.57.94,4,4,0,0,1,1.17,2.07,18.5,18.5,0,0,1,.19,4A14.44,14.44,0,0,1,21.9,12.4Z" fill="#0C6FFF" fill-rule="evenodd"></path><path d="M4.59,10.05A1.55,1.55,0,0,0,6.4,11.5,2.09,2.09,0,0,0,8.2,9.39C8.14,6.66,4.35,7.58,4.59,10.05Zm1.69.32c-.68.11-.86-.58-.68-1.1.34-1,1.73-1.08,1.64.09A1.06,1.06,0,0,1,6.28,10.37Z" fill="#191919" fill-rule="evenodd"></path><path d="M10.85,8.38a2,2,0,0,0-.4.87A1.75,1.75,0,0,0,11,10.89a1.72,1.72,0,0,0,1.78.26,1.7,1.7,0,0,0,1-2.26C13.65,8.48,12.35,6.48,10.85,8.38Zm1.51,1.71A.66.66,0,0,1,11.7,10a.8.8,0,0,1-.34-.68c0-1.12,1.2-1.51,1.56-.16A.72.72,0,0,1,12.36,10.09Z" fill="#191919" fill-rule="evenodd"></path><path d="M19.13,7.71a1.85,1.85,0,0,0-.7-.23c-.82-.09-1.38.06-1.76,1.46a2.13,2.13,0,0,0,0,.91,1.44,1.44,0,0,0,1.14,1.2,2,2,0,0,0,1.58-.37A1.87,1.87,0,0,0,20,9.11,1.72,1.72,0,0,0,19.13,7.71Zm-.49,2.08A.83.83,0,0,1,18,10a.54.54,0,0,1-.47-.34,1.41,1.41,0,0,1-.06-.7c.14-.78.32-.76.74-.7a1,1,0,0,1,.47.22.82.82,0,0,1,.25.7A.78.78,0,0,1,18.64,9.79Z" fill="#191919" fill-rule="evenodd"></path>-->
<!-- </g></svg>-->
<!-- I am part of the revolution as <strong>@[email protected]</strong>.</a>-->
<!-- </li>-->
<li class="leading-10 -ml-2">
<a href="https://twitch.tv/ZeroToHeroDev"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -1px"
class="mr-2"
><g transform="matrix(1,0,0,1,0,0)"><defs><style>.c{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}</style></defs><path d="M.5 5.777a1 1 0 0 1 .143-.515L3.354.743A.5.5 0 0 1 3.783.5H23a.5.5 0 0 1 .5.5v12.586a1 1 0 0 1-.293.707l-3.914 3.914a1 1 0 0 1-.707.293h-7.159a1 1 0 0 0-.722.308l-4.344 4.538A.5.5 0 0 1 5.5 23v-4a.5.5 0 0 0-.5-.5H1a.5.5 0 0 1-.5-.5z" style="fill:#eabfff"></path><path d="M4 14a.5.5 0 0 1-.5-.5V.588a.5.5 0 0 0-.146.155L.643 5.263a.991.991 0 0 0-.143.514V18a.5.5 0 0 0 .5.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 0 .861.346l4.344-4.538a1 1 0 0 1 .722-.308h7.159a1 1 0 0 0 .707-.293l3.914-3.914a.994.994 0 0 0 .2-.293z" style="fill:#d480ff"></path><path class="c" d="M.5 5.777a1 1 0 0 1 .143-.515L3.354.743A.5.5 0 0 1 3.783.5H23a.5.5 0 0 1 .5.5v12.586a1 1 0 0 1-.293.707l-3.914 3.914a1 1 0 0 1-.707.293h-7.159a1 1 0 0 0-.722.308l-4.344 4.538A.5.5 0 0 1 5.5 23v-4a.5.5 0 0 0-.5-.5H1a.5.5 0 0 1-.5-.5z"></path><path d="M6 2.5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h1.5V18l2.5-2.5h8.086a1 1 0 0 0 .707-.293l2.414-2.414a1 1 0 0 0 .293-.707V3a.5.5 0 0 0-.5-.5z" style="fill:#ffffff"></path><path d="M21 2.5H6a.5.5 0 0 0-.5.5v2.5A.5.5 0 0 1 6 5h15a.5.5 0 0 1 .5.5V3a.5.5 0 0 0-.5-.5z" style="fill:#e3e3e3"></path><path class="c" d="M6 2.5a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h1.5V18l2.5-2.5h8.086a1 1 0 0 0 .707-.293l2.414-2.414a1 1 0 0 0 .293-.707V3a.5.5 0 0 0-.5-.5zm5.5 4v4m5-4v4"></path></g></svg>
I live-stream code as <strong>ZeroToHeroDev</strong>.</a>
</li>
<li class="leading-10 -ml-2">
<a href="https://vadidekigeyik.com/"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.375 -0.375 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -1px"
class="mr-2"
><path fill="#66e1ff" d="M11.625 12.062875a5.8125 5.8125 0 1 0 0 -11.625 5.8125 5.8125 0 0 0 0 11.625Z" stroke-width="0.75"></path><path fill="#c2f3ff" d="M17.4375 6.25328125a5.8125 5.8125 0 1 0 -11.625 0c0 0.39718749999999997 0.03875 0.7924374999999999 0.11624999999999999 1.181875a5.82121875 5.82121875 0 0 1 11.3925 0c0.0775 -0.38943750000000005 0.11624999999999999 -0.7846875000000001 0.11624999999999999 -1.181875Z" stroke-width="0.75"></path><path fill="#78eb7b" d="M9.784374999999999 6.7134374999999995v5.0471875A5.8008750000000004 5.8008750000000004 0 0 1 5.8125 6.2484375000000005a5.5664375 5.5664375 0 0 1 0.3196875 -1.8890624999999999H7.75a1.9433124999999998 1.9433124999999998 0 0 1 1.9375 1.9375 0.87865625 0.87865625 0 0 0 0.096875 0.4165625Z" stroke-width="0.75"></path><path fill="#c9f7ca" d="m6.134125 4.359375 -0.0058125 0.0155a5.29228125 5.29228125 0 0 0 -0.24509375 1.0230000000000001c-0.0445625 0.27899999999999997 -0.06781250000000001 0.5609062499999999 -0.07071875 0.8428125v0.0096875a5.909375 5.909375 0 0 0 0.07071875 0.8835000000000001l0.0155 0.1026875c0.0096875 0.0561875 0.029062499999999998 0.1085 0.0406875 0.16371875000000002A5.793125000000001 5.793125000000001 0 0 1 7.70446875 4.359375H6.134125Z" stroke-width="0.75"></path><path fill="#78eb7b" d="M17.4375 6.2484375000000005a5.831874999999999 5.831874999999999 0 0 1 -0.34875 1.9859375h-0.13562500000000002A1.453125 1.453125 0 0 1 15.5 6.78125a1.453125 1.453125 0 0 0 -1.453125 -1.453125h-0.2421875a1.2109375 1.2109375 0 0 1 0 -2.421875h2.5671874999999997A5.72240625 5.72240625 0 0 1 17.4375 6.2484375000000005Z" stroke-width="0.75"></path><path fill="#c9f7ca" d="M17.4375 6.23971875a5.676875 5.676875 0 0 0 -0.062 -0.7963125 5.7359687500000005 5.7359687500000005 0 0 0 -0.21021875 -0.9513125c-0.0096875 -0.031 -0.02228125 -0.0600625 -0.0329375 -0.0910625a5.72434375 5.72434375 0 0 0 -0.27803124999999995 -0.678125c-0.017437499999999998 -0.0368125 -0.034874999999999996 -0.0755625 -0.05425 -0.112375A5.69625 5.69625 0 0 0 16.371875 2.90625h-2.5671874999999997c-0.19859374999999999 0.003875 -0.39234375000000005 0.058124999999999996 -0.5638124999999999 0.15790625a5.8183125 5.8183125 0 0 1 4.0687500000000005 4.33903125c0.008718749999999999 -0.042624999999999996 0.025187499999999998 -0.08234375000000001 0.0329375 -0.12496875v-0.02325c0.06103125 -0.3313125 0.09203125 -0.6684374999999999 0.09493750000000001 -1.00459375v-0.010656249999999999Z" stroke-width="0.75"></path><path fill="#b2b2b2" d="M14.53125 11.625a2.90625 2.90625 0 0 0 -5.8125 0v3.390625a2.90625 2.90625 0 0 0 5.8125 0V11.625Z" stroke-width="0.75"></path><path fill="#808080" d="M11.625 15.5a2.90625 2.90625 0 0 1 -2.90625 -2.90625v2.421875a2.90625 2.90625 0 0 0 5.8125 0V12.59375a2.90625 2.90625 0 0 1 -2.90625 2.90625Z" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.53125 11.625a2.90625 2.90625 0 0 0 -5.8125 0v3.390625a2.90625 2.90625 0 0 0 5.8125 0V11.625Z" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.625 19.859375v2.90625" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.75 22.765625h7.75" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.78125 12.59375v2.421875a4.84375 4.84375 0 1 0 9.6875 0V12.59375" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.74346875 9.455a5.8125 5.8125 0 1 1 9.74271875 0.031" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.14284375 4.359375H7.75a1.9375 1.9375 0 0 1 1.9375 1.9375 0.964875 0.964875 0 0 0 0.096875 0.41559375" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M16.346687499999998 2.90625H13.8046875a1.2109375 1.2109375 0 0 0 0 2.421875h0.2421875A1.453125 1.453125 0 0 1 15.5 6.78125a1.453125 1.453125 0 0 0 1.453125 1.453125h0.15403125" stroke-width="0.75"></path></svg>
I podcast at <strong>the Deer in the Valley</strong>.</a>
</li>
<li class="leading-10 -ml-2">
<a href="https://discord.gg/kampus"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.375 -0.375 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -1px"
class="mr-2"
><path fill="#ff808c" d="M18.9274375 12.76909375H20.828125a0.484375 0.484375 0 0 0 0.484375 -0.484375v-1.9375a0.484375 0.484375 0 0 0 -0.484375 -0.484375h-18.40625a0.484375 0.484375 0 0 0 -0.484375 0.484375v1.9375a0.484375 0.484375 0 0 0 0.484375 0.484375h16.5055625Z" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.293500000000001 12.76909375H2.421875a0.484375 0.484375 0 0 1 -0.484375 -0.484375v-1.9375a0.484375 0.484375 0 0 1 0.484375 -0.484375h1.9375" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M14.046875 12.76909375h-4.84375" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M18.890625 9.86284375h1.9375a0.484375 0.484375 0 0 1 0.484375 0.484375v1.9375a0.484375 0.484375 0 0 1 -0.484375 0.484375h-1.9006874999999999" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.203125 9.86284375h4.84375" stroke-width="0.75"></path><path fill="#ff808c" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M13.078125 5.98784375h-2.90625v3.875h2.90625v-3.875Z" stroke-width="0.75"></path><path fill="#ff808c" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M0.62290625 1.8716249999999999A0.484375 0.484375 0 0 1 1.35625 1.35625c0.7905 0.49696875 1.705 0.76046875 2.6398437500000003 0.76046875h15.261687499999999c0.9329062499999999 0 1.8464375 -0.26446875000000003 2.63596875 -0.76046875a0.484375 0.484375 0 0 1 0.72946875 0.51925A5.328125 5.328125 0 0 1 17.4375 5.98784375H5.8125A5.328125 5.328125 0 0 1 0.62290625 1.8716249999999999v0Z" stroke-width="0.75"></path><path fill="#ff808c" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M4.359375 5.7873125000000005v5.04428125c0 5.70109375 -1.6255625 8.6160625 -2.6253125 9.869625000000001a0.484375 0.484375 0 0 0 0.37878125 0.786625H4.1656249999999995a0.4863125 0.4863125 0 0 0 0.35359375 -0.1530625C5.118875 20.6925 7.265625 17.90928125 7.265625 10.83159375v-4.84375H5.8125a5.328125 5.328125 0 0 1 -1.453125 -0.20053125v0Z" stroke-width="0.75"></path><path fill="#ff808c" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M18.890625 11.31596875V5.7873125000000005a5.328125 5.328125 0 0 1 -1.453125 0.20053125h-1.453125v5.328125c0 7.0776875 2.1467500000000004 9.860906250000001 2.75028125 10.503187500000001a0.484375 0.484375 0 0 0 0.35359375 0.1530625h2.0489062500000004a0.484375 0.484375 0 0 0 0.37878125 -0.786625c-0.99975 -1.2535625000000001 -2.6253125 -4.16853125 -2.6253125 -9.869625000000001Z" stroke-width="0.75"></path></svg>
I mentor turtles at <strong>Kampus</strong>.</a>
</li>
<li class="leading-10 -ml-2">
<a href="https://www.youtube.com/@SeeTheMusic"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8 rounded-md"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -1px;"
class="mr-2"
><g transform="matrix(1,0,0,1,0,0)"><defs><style>.c{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}.d{fill:gray}</style></defs><path d="M8.5 15.428C1.963 14.811 1.186 8.705 4.159 5.4a.5.5 0 0 1 .438-.16.5.5 0 0 1 .378.271 2.627 2.627 0 0 0 2.574 1.4A7.059 7.059 0 0 1 14.418.666a.5.5 0 0 1 .513.647 5.362 5.362 0 0 0 1.686 5.6 2.394 2.394 0 0 0 2.556-1.321.5.5 0 0 1 .844-.089A6.928 6.928 0 0 1 21.5 9.7a4.983 4.983 0 0 1-2.5 4.415s-3.871 1.979-10.5 1.313z" style="fill:#fff7ae"></path><path d="M19 9.577s-3.871 1.979-10.5 1.313c-3-.284-4.777-1.729-5.544-3.525-1.311 3.322.158 7.555 5.544 8.063 6.629.666 10.5-1.313 10.5-1.313A4.983 4.983 0 0 0 21.5 9.7a6.5 6.5 0 0 0-.457-2.379A5.186 5.186 0 0 1 19 9.577z" style="fill:#ffbc44"></path><path class="c" d="M19 14.115A4.983 4.983 0 0 0 21.5 9.7a6.928 6.928 0 0 0-1.483-4.2.5.5 0 0 0-.844.089 2.394 2.394 0 0 1-2.556 1.321 5.362 5.362 0 0 1-1.686-5.6.5.5 0 0 0-.513-.647 7.059 7.059 0 0 0-6.869 6.251 2.627 2.627 0 0 1-2.574-1.4.5.5 0 0 0-.375-.27.5.5 0 0 0-.438.16c-2.487 2.762-2.35 7.488 1.59 9.319"></path><circle class="d" cx="6.5" cy="21.335" r="2"></circle><circle class="d" cx="14.5" cy="19.335" r="2"></circle><path class="c" d="M16.5 19.335v-6.8a1 1 0 0 0-1.184-.983l-6 1.125a1 1 0 0 0-.816.983v7.67"></path><circle class="c" cx="6.5" cy="21.335" r="2"></circle><circle class="c" cx="14.5" cy="19.335" r="2"></circle></g></svg>
I am an okayest <strong>pianist</strong>.</a>
</li>
<li class="leading-10 -ml-2">
<a href="https://linkedin.com/in/volkanozcelik"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -4px"
class="mr-2"
><g transform="matrix(1,0,0,1,0,0)"><defs><style>.a{fill:#66e1ff}</style></defs><path class="a" d="M1.5 9.5h5v13h-5zm14 4a2 2 0 0 0-2 2v7h-5v-13h5v1.485a6.307 6.307 0 0 1 3.99-1.495c2.962 0 5.01 2.2 5.01 6.355V22.5h-5v-7a2 2 0 0 0-2-2z"></path><circle class="a" cx="4" cy="5" r="2.5"></circle><path d="M1.5 9.5h5v2.015h-5zm15.99-.01a6.309 6.309 0 0 0-3.99 1.494V9.5h-5v2.015h3.515A1.485 1.485 0 0 1 13.5 13a6.307 6.307 0 0 1 3.99-1.495c2.962 0 5.01 2.195 5.01 6.355v-2.015c0-4.16-2.048-6.355-5.01-6.355zM4 4.515a2.5 2.5 0 0 1 2.285 1.492 2.5 2.5 0 1 0-4.57 0A2.5 2.5 0 0 1 4 4.515z" style="fill:#c2f3ff"></path><path d="M6.5 22.5h-5v-13h5zm9-9a2 2 0 0 0-2 2v7h-5v-13h5v1.485a6.307 6.307 0 0 1 3.99-1.495c2.962 0 5.01 2.2 5.01 6.355V22.5h-5v-7a2 2 0 0 0-2-2zM6.5 5A2.5 2.5 0 1 1 4 2.5 2.5 2.5 0 0 1 6.5 5z" style="fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path></g></svg>
I am <strong>volkanozcelik</strong> on the “<strong>pro birdsite</strong>”.</a>
</li>
<li class="leading-10 -ml-2">
<a href="https://youtube.com/linkibol"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
>
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="-0.375 -0.375 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -4px"
class="mr-2"
><path fill="#66e1ff" d="m22.28125 6.4208750000000006 -1.9375 -0.484375 0.96875 -1.9375 -2.387 0.678125A4.340000000000001 4.340000000000001 0 0 0 11.625 7.8740000000000006v0.96875c-3.42840625 0.7071875 -6.4266875 -1.1624999999999999 -9.203125 -4.359375 -0.484375 2.5836562499999998 0 4.52115625 1.453125 5.8125l-2.90625 -0.484375c0.39234375000000005 2.00434375 1.3194375 3.584375 3.875 3.875l-2.421875 0.96875c0.96875 1.9375 2.4858124999999998 2.2378125 4.84375 2.421875a10.41309375 10.41309375 0 0 1 -6.296875 1.9375c12.356406250000001 5.491843749999999 19.375 -2.58075 19.375 -9.6875V8.040625l1.9375 -1.61975Z" stroke-width="0.75"></path><path fill="#c2f3ff" d="M18.9255 4.681A4.340000000000001 4.340000000000001 0 0 0 11.625 7.8740000000000006v0.96875c-3.42840625 0.7071875 -6.4266875 -1.1624999999999999 -9.203125 -4.359375 -0.484375 2.5836562499999998 0 4.52115625 1.453125 5.8125l-2.90625 -0.484375c0.39234375000000005 2.00434375 1.3194375 3.584375 3.875 3.875l-2.421875 0.96875c0.933875 1.86678125 2.38409375 2.21165625 4.5976875 2.3995937499999997L19.580375 4.49403125l-0.6548750000000001 0.18696875000000002Z" stroke-width="0.75"></path><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="m22.28125 6.4208750000000006 -1.9375 -0.484375 0.96875 -1.9375 -2.387 0.678125A4.340000000000001 4.340000000000001 0 0 0 11.625 7.8740000000000006v0.96875c-3.42840625 0.7071875 -6.4266875 -1.1624999999999999 -9.203125 -4.359375 -0.484375 2.5836562499999998 0 4.52115625 1.453125 5.8125l-2.90625 -0.484375c0.39234375000000005 2.00434375 1.3194375 3.584375 3.875 3.875l-2.421875 0.96875c0.96875 1.9375 2.4858124999999998 2.2378125 4.84375 2.421875a10.41309375 10.41309375 0 0 1 -6.296875 1.9375c12.356406250000001 5.491843749999999 19.375 -2.58075 19.375 -9.6875V8.040625l1.9375 -1.61975Z" stroke-width="0.75"></path></svg>
I post technology rants on the <strong>birdiste</strong>.</a>
</li>
<li class="leading-10 -ml-2">
<a href="https://github.com/zerotohero-dev/"
class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"
><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"
style="vertical-align: middle;display: inline;position:relative; top: -3px"
class="mr-2"
><g transform="matrix(1,0,0,1,0,0)"><defs><style>.e{stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:#c77f67}</style></defs><path d="m21.489 10.214.032.023s2.646-4.572-.6-7.237c-2 0-5.058 3.3-5.058 3.3l.022.016A14.152 14.152 0 0 0 8.1 6.3C8.083 6.285 5.037 3 3.042 3c-3.173 2.6-.729 7.012-.614 7.217a8.876 8.876 0 0 0-1.395 5.743c.241 3.126 2.847 6.54 5.982 6.54H16.9c3.135 0 5.742-3.414 5.982-6.54a8.857 8.857 0 0 0-1.393-5.746z" style="fill:gray"></path><path d="M1.354 12.556A19.383 19.383 0 0 1 11.959 9.5a19.381 19.381 0 0 1 10.606 3.053 8.311 8.311 0 0 0-1.076-2.342l.032.023s2.646-4.572-.6-7.237c-2 0-5.058 3.3-5.058 3.3l.022.015A14.162 14.162 0 0 0 8.1 6.3C8.083 6.285 5.037 3 3.042 3c-3.173 2.6-.729 7.012-.614 7.217a8.33 8.33 0 0 0-1.074 2.339z" style="fill:#b2b2b2"></path><path d="m21.489 10.214.032.023s2.646-4.572-.6-7.237c-2 0-5.058 3.3-5.058 3.3l.022.016A14.152 14.152 0 0 0 8.1 6.3C8.083 6.285 5.037 3 3.042 3c-3.173 2.6-.729 7.012-.614 7.217a8.876 8.876 0 0 0-1.395 5.743c.241 3.126 2.847 6.54 5.982 6.54H16.9c3.135 0 5.742-3.414 5.982-6.54a8.857 8.857 0 0 0-1.393-5.746z" style="stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:none"></path><path d="M19.459 17c0-5.969-4.126-3.532-7.5-3.532s-7.5-2.375-7.5 3.532a3.5 3.5 0 0 0 3.5 3.5h8a3.5 3.5 0 0 0 3.5-3.5z" style="fill:#ffdda1;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path><ellipse class="e" cx="15.48" cy="17" rx="1" ry="1.5"></ellipse><ellipse class="e" cx="8.48" cy="17" rx="1" ry="1.5"></ellipse></g></svg>
The source is strong at <strong>zerotohero-dev</strong>.</a>
</li>
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://github.com/v0lkan/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline;position:relative; top: -3px;"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><path d="M12 .5a11.5 11.5 0 0 0-3.635 22.414c.574.1.756-.237.756-.541 0-.275.006-1.037 0-2-3.2.694-3.861-1.515-3.861-1.515a3.043 3.043 0 0 0-1.276-1.682c-1.044-.714.078-.7.078-.7a2.414 2.414 0 0 1 1.762 1.184 2.448 2.448 0 0 0 3.346.956 2.45 2.45 0 0 1 .73-1.532c-2.553-.292-5.238-1.278-5.238-5.686a4.447 4.447 0 0 1 1.185-3.086 4.126 4.126 0 0 1 .112-3.043s.967-.309 3.162 1.18a10.883 10.883 0 0 1 5.76 0c2.2-1.488 3.159-1.18 3.159-1.18a4.131 4.131 0 0 1 .114 3.043 4.442 4.442 0 0 1 1.183 3.088c0 4.42-2.689 5.391-5.251 5.674a2.727 2.727 0 0 1 .787 2.12v3.184c0 .307.186.647.77.536A11.5 11.5 0 0 0 12 .5z" style="fill:gray"></path><path d="M5.75 5.936a5.06 5.06 0 0 1 .209-.667 1.881 1.881 0 0 1 .855.058 11.422 11.422 0 0 1 10.373 0 1.866 1.866 0 0 1 .853-.059 5.014 5.014 0 0 1 .209.667 11.483 11.483 0 0 1 5.1 7.9 11.5 11.5 0 1 0-22.706 0A11.485 11.485 0 0 1 5.75 5.936z" style="fill:#b2b2b2"></path><path d="M12 .5a11.5 11.5 0 0 0-3.635 22.414c.574.1.756-.237.756-.541 0-.275.006-1.037 0-2-3.2.694-3.861-1.515-3.861-1.515a3.043 3.043 0 0 0-1.276-1.682c-1.044-.714.078-.7.078-.7a2.414 2.414 0 0 1 1.762 1.184 2.448 2.448 0 0 0 3.346.956 2.45 2.45 0 0 1 .73-1.532c-2.553-.292-5.238-1.278-5.238-5.686a4.447 4.447 0 0 1 1.185-3.086 4.126 4.126 0 0 1 .112-3.043s.967-.309 3.162 1.18a10.883 10.883 0 0 1 5.76 0c2.2-1.488 3.159-1.18 3.159-1.18a4.131 4.131 0 0 1 .114 3.043 4.442 4.442 0 0 1 1.183 3.088c0 4.42-2.689 5.391-5.251 5.674a2.727 2.727 0 0 1 .787 2.12v3.184c0 .307.186.647.77.536A11.5 11.5 0 0 0 12 .5z" style="fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path></g></svg>-->
<!-- Using the source as <strong><code>v0lkan</code></strong>.</a>-->
<!-- </li>-->
</ul>
</div>
<!-- <div class="mt-6 mb-6 text-lg text-gray-900 mx-auto">-->
<!-- <h2 class="text-2xl font-extrabold">Featured Content</h2>-->
<!-- <div class="mt-6 mb-6 max-w-md text-sm sm:text-lg text-gray-900 mx-auto border-l-8 border-yellow-400 bg-gray-100 p-4 leading-relaxed shadow-lg mb-10 pl-4 rounded-md italic" style="transform:rotate(-3deg)">-->
<!-- <p class="mt-2 mb-3 text-sm sm:text-lg leading-relaxed">A hand-curated selection from<br>the content I’ve been creating so far.</p>-->
<!-- </div>-->
<!-- <ul class="mt-2">-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.zerotohero.dev/tag/highlights/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8 rounded-md"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline; position:relative; top: -3px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><defs><style>.d{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}</style></defs><path d="M20.5 22.5a3 3 0 0 0 3-3v-15h-6v15a3 3 0 0 0 3 3z" style="fill:#e3e3e3"></path><path d="M20.5 22.5h-17a3 3 0 0 1-3-3v-17a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v17a3 3 0 0 0 3 3z" style="fill:#ffffff"></path><path d="M9.5 11a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5z" style="fill:#66e1ff"></path><path class="d" d="M11.5 5.5h3m-3 3h3m-3 3h3m-11 3h11m-11 3h11m9-13v15a3 3 0 0 1-3 3m0-18V20m0 2.5h-17a3 3 0 0 1-3-3v-17a1 1 0 0 1 1-1h15a1 1 0 0 1 1 1v17a3 3 0 0 0 3 3z"></path><path class="d" d="M9.5 11a.5.5 0 0 1-.5.5H4a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5z"></path></g></svg>-->
<!-- <strong>Zero to Hero</strong> Weekly Highlights</a>-->
<!-- </li>-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.zerotohero.dev/roadmap/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8 rounded-md"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline; position:relative; top: -1px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><defs><style>.c{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}</style></defs><path d="M21.207 4.5a1 1 0 0 1 .293.707V22.5a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1v-21a1 1 0 0 1 1-1h13.293a1 1 0 0 1 .707.293z" style="fill:#e3e3e3"></path><path d="M21.207 4.5 17.5.793A1 1 0 0 0 16.793.5H3.5a1 1 0 0 0-1 1v21a1 1 0 0 0 .293.707L21.324 4.676a.945.945 0 0 0-.117-.176z" style="fill:#ffffff"></path><path class="c" d="M21.207 4.5a1 1 0 0 1 .293.707V22.5a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1v-21a1 1 0 0 1 1-1h13.293a1 1 0 0 1 .707.293zM6 5.5h8.5M6 8.5h11.5M6 11.5h2m-2 3h2m-2 3h2"></path><path d="M18.5 13.5V19l-1.59-2.39a.5.5 0 0 0-.41-.22.464.464 0 0 0-.42.21l-1.33 1.9-.82-.66a.512.512 0 0 0-.73.11l-1.7 2.55a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z" style="fill:#66e1ff"></path><path class="c" d="M13.25 14.5a.25.25 0 1 1-.25.25.25.25 0 0 1 .25-.25"></path><path d="M18.5 19v.5a1 1 0 0 1-1 1h-6l1.7-2.55a.512.512 0 0 1 .73-.11l.82.66 1.33-1.9a.464.464 0 0 1 .42-.21.5.5 0 0 1 .41.22z" style="fill:#78eb7b"></path><path class="c" d="M18.5 13.5V19l-1.59-2.39a.5.5 0 0 0-.41-.22.464.464 0 0 0-.42.21l-1.33 1.9-.82-.66a.512.512 0 0 0-.73.11l-1.7 2.55a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"></path><path class="c" d="M18.5 19v.5a1 1 0 0 1-1 1h-6l1.7-2.55a.512.512 0 0 1 .73-.11l.82.66 1.33-1.9a.464.464 0 0 1 .42-.21.5.5 0 0 1 .41.22z"></path></g></svg>-->
<!-- Be the Next Version of Yourself</a>-->
<!-- </li>-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.zerotohero.dev/learn-javascript-the-unconventional-way/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8 rounded-md"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline; position:relative; top: -1px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><defs><style>.c{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}</style></defs><path d="M21.207 4.5a1 1 0 0 1 .293.707V22.5a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1v-21a1 1 0 0 1 1-1h13.293a1 1 0 0 1 .707.293z" style="fill:#e3e3e3"></path><path d="M21.207 4.5 17.5.793A1 1 0 0 0 16.793.5H3.5a1 1 0 0 0-1 1v21a1 1 0 0 0 .293.707L21.324 4.676a.945.945 0 0 0-.117-.176z" style="fill:#ffffff"></path><path class="c" d="M21.207 4.5a1 1 0 0 1 .293.707V22.5a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1v-21a1 1 0 0 1 1-1h13.293a1 1 0 0 1 .707.293zM6 5.5h8.5M6 8.5h11.5M6 11.5h2m-2 3h2m-2 3h2"></path><path d="M18.5 13.5V19l-1.59-2.39a.5.5 0 0 0-.41-.22.464.464 0 0 0-.42.21l-1.33 1.9-.82-.66a.512.512 0 0 0-.73.11l-1.7 2.55a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z" style="fill:#66e1ff"></path><path class="c" d="M13.25 14.5a.25.25 0 1 1-.25.25.25.25 0 0 1 .25-.25"></path><path d="M18.5 19v.5a1 1 0 0 1-1 1h-6l1.7-2.55a.512.512 0 0 1 .73-.11l.82.66 1.33-1.9a.464.464 0 0 1 .42-.21.5.5 0 0 1 .41.22z" style="fill:#78eb7b"></path><path class="c" d="M18.5 13.5V19l-1.59-2.39a.5.5 0 0 0-.41-.22.464.464 0 0 0-.42.21l-1.33 1.9-.82-.66a.512.512 0 0 0-.73.11l-1.7 2.55a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"></path><path class="c" d="M18.5 19v.5a1 1 0 0 1-1 1h-6l1.7-2.55a.512.512 0 0 1 .73-.11l.82.66 1.33-1.9a.464.464 0 0 1 .42-.21.5.5 0 0 1 .41.22z"></path></g></svg>-->
<!-- Learn Your JavaScript the Unconventional Way</a>-->
<!-- </li>-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.zerotohero.dev/how-to-install-an-aws-eks-cluster-using-eksctl/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8 rounded-md"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline; position:relative; top: -1px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><defs><style>.c{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}</style></defs><path d="M21.207 4.5a1 1 0 0 1 .293.707V22.5a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1v-21a1 1 0 0 1 1-1h13.293a1 1 0 0 1 .707.293z" style="fill:#e3e3e3"></path><path d="M21.207 4.5 17.5.793A1 1 0 0 0 16.793.5H3.5a1 1 0 0 0-1 1v21a1 1 0 0 0 .293.707L21.324 4.676a.945.945 0 0 0-.117-.176z" style="fill:#ffffff"></path><path class="c" d="M21.207 4.5a1 1 0 0 1 .293.707V22.5a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1v-21a1 1 0 0 1 1-1h13.293a1 1 0 0 1 .707.293zM6 5.5h8.5M6 8.5h11.5M6 11.5h2m-2 3h2m-2 3h2"></path><path d="M18.5 13.5V19l-1.59-2.39a.5.5 0 0 0-.41-.22.464.464 0 0 0-.42.21l-1.33 1.9-.82-.66a.512.512 0 0 0-.73.11l-1.7 2.55a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z" style="fill:#66e1ff"></path><path class="c" d="M13.25 14.5a.25.25 0 1 1-.25.25.25.25 0 0 1 .25-.25"></path><path d="M18.5 19v.5a1 1 0 0 1-1 1h-6l1.7-2.55a.512.512 0 0 1 .73-.11l.82.66 1.33-1.9a.464.464 0 0 1 .42-.21.5.5 0 0 1 .41.22z" style="fill:#78eb7b"></path><path class="c" d="M18.5 13.5V19l-1.59-2.39a.5.5 0 0 0-.41-.22.464.464 0 0 0-.42.21l-1.33 1.9-.82-.66a.512.512 0 0 0-.73.11l-1.7 2.55a1 1 0 0 1-1-1v-6a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1z"></path><path class="c" d="M18.5 19v.5a1 1 0 0 1-1 1h-6l1.7-2.55a.512.512 0 0 1 .73-.11l.82.66 1.33-1.9a.464.464 0 0 1 .42-.21.5.5 0 0 1 .41.22z"></path></g></svg>-->
<!-- How to Install an <strong>AWS EKS</strong> Cluster</a>-->
<!-- </li>-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.zerotohero.dev/spire-rocks/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8 rounded-md"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline; position:relative; top: -1px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><circle cx="12" cy="12" r="11.5" style="stroke-dasharray:7.505 2.814;stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:none"></circle><circle cx="12" cy="12" r="7.5" style="fill:#78eb7b"></circle><path d="M6.7 17.3A7.5 7.5 0 0 1 17.3 6.7z" style="fill:#c9f7ca"></path><circle cx="12" cy="12" r="7.5" style="stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:none"></circle><path d="M9.94 8.738A.274.274 0 0 0 9.5 9v6a.274.274 0 0 0 .44.262l5.589-3.024c.242-.131.242-.345 0-.476z" style="fill:#ffffff;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path></g></svg>-->
<!-- Setting Up <strong>SPIRE</strong> on <strong>AWS EKS</strong></a>-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.zerotohero.dev/scaling-your-node-api-like-a-boss/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline; position:relative; top: -1px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><circle cx="12" cy="12" r="11.5" style="stroke-dasharray:7.505 2.814;stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:none"></circle><circle cx="12" cy="12" r="7.5" style="fill:#78eb7b"></circle><path d="M6.7 17.3A7.5 7.5 0 0 1 17.3 6.7z" style="fill:#c9f7ca"></path><circle cx="12" cy="12" r="7.5" style="stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:none"></circle><path d="M9.94 8.738A.274.274 0 0 0 9.5 9v6a.274.274 0 0 0 .44.262l5.589-3.024c.242-.131.242-.345 0-.476z" style="fill:#ffffff;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path></g></svg>-->
<!-- Scaling Your <strong>Node.js</strong> API Like a Boss</a>-->
<!-- </li>-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.zerotohero.dev/deploying-a-microservice-to-k8s/"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline;position:relative; top: -1px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><circle cx="12" cy="12" r="11.5" style="stroke-dasharray:7.505 2.814;stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:none"></circle><circle cx="12" cy="12" r="7.5" style="fill:#78eb7b"></circle><path d="M6.7 17.3A7.5 7.5 0 0 1 17.3 6.7z" style="fill:#c9f7ca"></path><circle cx="12" cy="12" r="7.5" style="stroke:#191919;stroke-linecap:round;stroke-linejoin:round;fill:none"></circle><path d="M9.94 8.738A.274.274 0 0 0 9.5 9v6a.274.274 0 0 0 .44.262l5.589-3.024c.242-.131.242-.345 0-.476z" style="fill:#ffffff;stroke:#191919;stroke-linecap:round;stroke-linejoin:round"></path></g></svg>-->
<!-- The End-to-End Journey of a <strong>Microservice</strong></a>-->
<!-- </li>-->
<!-- <li class="leading-10 -ml-2">-->
<!-- <a href="https://www.youtube.com/watch?v=fgAWbpqStTE"-->
<!-- class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 rounded-md transition ease-out duration-300 block p-2 text-sm sm:text-lg leading-8"-->
<!-- ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="24" width="24"-->
<!-- style="vertical-align: middle;display: inline; position:relative; top: -1px"-->
<!-- class="mr-2"-->
<!-- ><g transform="matrix(1,0,0,1,0,0)"><defs><style>.a{fill:#ffbfc5}.b{fill:#ff808c}.d{fill:#e3e3e3}.e{fill:none;stroke:#191919;stroke-linecap:round;stroke-linejoin:round}</style></defs><path class="a" d="M11.187 10.64a2.881 2.881 0 0 1-.8-2.538 6.278 6.278 0 0 1 .738-1.99A1.15 1.15 0 0 0 9.3 4.749a6.56 6.56 0 0 0-1.91 3.406c-.22 1.038-1 2.463-2.1 2.485a4.638 4.638 0 0 0-4.6 4.746 5.927 5.927 0 0 0 1.812 4.249l1.1 1.1a5.93 5.93 0 0 0 4.249 1.812 4.639 4.639 0 0 0 4.746-4.6c0-1.1 1.235-1.789 2.286-1.755a4.13 4.13 0 0 0 3.324-1.269 1.1 1.1 0 0 0-.719-1.846c-3.306-.254-4-.141-4.891-1.029"></path><path class="b" d="M18.21 14.93a4.13 4.13 0 0 1-3.32 1.27c-1.05-.04-2.29.66-2.29 1.75a4.643 4.643 0 0 1-4.74 4.6 5.918 5.918 0 0 1-4.25-1.81l-.67-.67 1.89-1.9L6.6 16.4l5.18-5.17.82.82c.89.89 1.59.78 4.89 1.03a1.1 1.1 0 0 1 .72 1.85z"></path><rect x="3.338" y="16.154" width="5" height="2.5" rx="1" transform="rotate(45 5.837 17.404)" style="fill:#ffffff"></rect><path class="d" d="m7.78 18.99-.35.36a1.008 1.008 0 0 1-1.42 0l-1.18-1.18L6.6 16.4l1.18 1.18a1 1 0 0 1 0 1.41z"></path><path class="e" d="m7.782 13.338 2.122 2.121"></path><path class="d" d="M16.975 4.853 9.55 12.277l1.414 1.414 7.425-7.424"></path><path class="b" d="M19.8 6.267a1 1 0 0 1-1.414 0l-1.411-1.414a1 1 0 0 1 0-1.415l.186-.186a1 1 0 0 1 .391-.242l4.536-1.51a.927.927 0 0 1 .949 1.535z"></path><path class="a" d="m17.667 5.068.186-.186a1 1 0 0 1 .391-.242l4.536-1.512a.958.958 0 0 1 .2-.036l.059-.059a.927.927 0 0 0-.951-1.533l-4.536 1.51a1 1 0 0 0-.391.242l-.186.186a1 1 0 0 0 0 1.415l.5.5a.965.965 0 0 1 .192-.285z"></path><path class="e" d="M19.8 6.267a1 1 0 0 1-1.414 0l-1.411-1.414a1 1 0 0 1 0-1.415l.186-.186a1 1 0 0 1 .391-.242l4.536-1.51a.927.927 0 0 1 .949 1.535zm-8.613 4.373a2.881 2.881 0 0 1-.8-2.538 6.278 6.278 0 0 1 .738-1.99A1.15 1.15 0 0 0 9.3 4.749a6.56 6.56 0 0 0-1.91 3.406c-.22 1.038-1 2.463-2.1 2.485a4.638 4.638 0 0 0-4.6 4.746 5.927 5.927 0 0 0 1.812 4.249l1.1 1.1a5.93 5.93 0 0 0 4.249 1.812 4.639 4.639 0 0 0 4.746-4.6c0-1.1 1.235-1.789 2.286-1.755a4.13 4.13 0 0 0 3.324-1.269 1.1 1.1 0 0 0-.719-1.846c-3.306-.254-4-.141-4.891-1.029"></path><rect class="e" x="3.338" y="16.154" width="5" height="2.5" rx="1" transform="rotate(45 5.837 17.404)"></rect><path class="e" d="M16.975 4.853 9.55 12.277l1.414 1.414 7.425-7.424"></path></g></svg>-->
<!-- My Immortal</a>-->
<!-- </li>-->
<!-- </ul>-->
<!-- </div>-->
<div class="relative">
<div class="absolute inset-0 flex items-center" aria-hidden="true">
<div class="w-full border-t border-gray-300"></div>
</div>
<div class="relative flex justify-center">
<span class="bg-white px-2 text-gray-500">🥑</span>
</div>
</div>
<div class="mt-6 mb-6 text-lg text-gray-900 mx-auto">
<h2 class="text-2xl font-extrabold">About Me</h2>
<p class="mt-2 mb-3 text-sm sm:text-lg">I’m a <strong>developer</strong>, speaker, <strong>streamer</strong>, and <strong>creator</strong>.</p>
<p class="mt-2 mb-3 text-sm sm:text-lg">I like tinkering with systems, and I’m not afraid to <strong>break stuff</strong>.</p>
<p class="mt-2 mb-3 text-sm sm:text-lg">Currently, I’m a <strong>Senior Principal Engineer</strong> (<em>Master</em>) at
<a href="https://www.broadcom.com" class="hover:no-underline hover:text-blue-700 hover:bg-yellow-100 transition ease-out duration-300 pl-1 pr-1"
><strong>Broadcom</strong></a>, reinventing Radio Access Networks as you know it.<p>
<p class="mt-2 mb-3 text-sm sm:text-lg">As an engineer, I solve <strong>problems</strong>: The context, the origin, or the nature of the problems are <strong>orthogonal</strong> to the approaches I take in solving them.</p>
</div>
<div class="mt-6 mb-6 max-w-md text-sm sm:text-lg text-gray-900 mx-auto border-l-8 border-yellow-400 bg-gray-100 p-4 leading-8 shadow-lg mb-10 pl-4 rounded-md italic" style="transform:rotate(-3deg)">
<p class="pl-2 sm:pl-12">I’m a big believer in <strong>asking questions</strong>.</p>
<p class="pl-2 sm:pl-12">It’s the <strong>curiosity</strong> that matters.</p>
<p class="pl-2 sm:pl-12"><strong>Ideas matter</strong>.</p>
</div>
<div class="mt-6 mb-6 text-sm sm:text-lg text-gray-900 mx-auto">
<p class="mt-2 mb-3"><strong>Since 2003</strong>, I have been all over the stack, as far as stack goes. I’ve created <strong>mobile</strong>, <strong>web</strong>, and <strong>desktop</strong> apps, played with <strong>SQL/NoSQL/GraphQL</strong> data stores, and more.</p>
<p class="mt-2 mb-3">I’ve <strong>automated</strong> the deployment of <strong>microservices</strong>, played with serverless, <strong>Kubernetes</strong>,
and <strong>service meshes</strong>. I’ve used real-time databases, <strong>streams</strong>, WebSockets,
<strong>protocol buffers</strong>, lambda functions, and <strong>message queues</strong>. I’ve crafted solutions to improve the <strong>scalability</strong> and <strong>performance</strong> of distributed systems.</p>
<p class="mt-2 mb-3">I’m pretty sure there’s much more to add to the list that I don’t remember right now.</p>
<p class="mt-2 mb-3">Yet, that’s me in a nutshell: I’m a pragmatist nerd who gets <em>$#!%</em> done.</p>
</div>
</div>
</div>
</div>
</div>
<p class="text-center font-light text-gray-500 text-sm sm:text-lg mt-12" style="text-shadow: rgba(55,55,55,1) 1px 1px 4px;transform:rotate(-7deg)">Copyright © Volkan Özçelik</p>
</body>
</html>