-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
404 lines (383 loc) · 22.3 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
<!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, minimum-scale=1.0, shrink-to-fit=no">
<link href='images/favicon.svg' rel="icon" />
<title>Ayberk Sadıç</title>
<meta name="description" content="Robotics Engineer and Research Blog">
<meta name="author" content="ayberksadic.com">
<meta name="yandex-verification" content="2108ba384a52a8e1" />
<!-- Web Fonts -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900' type='text/css'>
<!-- Stylesheet
============================== -->
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href='vendor/bootstrap/css/bootstrap.min.css' />
<!-- Font Awesome Icon -->
<link rel="stylesheet" type="text/css" href='vendor/font-awesome/css/all.min.css' />
<!-- Owl Carousel -->
<link rel="stylesheet" type="text/css" href='vendor/owl.carousel/assets/owl.carousel.min.css' />
<!-- Magnific Popup -->
<link rel="stylesheet" type="text/css" href='vendor/magnific-popup/magnific-popup.min.css' />
<!-- Custom Stylesheet -->
<link rel="stylesheet" type="text/css" href='css/stylesheet.css' />
</head>
<body class="side-header" data-spy="scroll" data-target=".navbar" data-offset="1">
<!-- Preloader -->
<div class="preloader preloader-dark">
<div class="lds-ellipsis">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Preloader End -->
<!-- Document Wrapper
=============================== -->
<div id="main-wrapper">
<!-- Header
============================ -->
<header id="header" class="sticky-top">
<!-- Navbar -->
<nav class="primary-menu navbar navbar-expand-lg bg-dark navbar-text-light border-bottom-0">
<div class="container-fluid position-relative h-100 flex-lg-column pl-3 px-lg-3 pt-lg-3 pb-lg-2">
<!-- Logo -->
<a href="/" class="mb-lg-auto mt-lg-4 logo-top-styler">
<span class="bg-dark-2 rounded-pill p-2 mb-lg-1 d-none d-lg-inline-block">
<img class="img-fluid rounded-pill d-block" src='images/profile.png' title="I'm Ayberk" alt="">
</span>
<h1 class="text-5 text-white text-center mb-0 d-lg-block">Ayberk Sadic</h1>
<h4 class="text-3 text-white text-center mb-0 d-lg-block">PhD Student</h4>
<h6 class="text-3 text-white text-center mb-0 d-lg-block">Tokyo Institute of Technology</h6>
</a>
<!-- Logo End -->
<div id="header-nav" class="collapse navbar-collapse w-100 my-lg-auto">
<ul class="navbar-nav text-lg-center my-lg-auto py-lg-3">
<li class="nav-item"><a class="nav-link smooth-scroll active" href="#home">Home</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#about">About Me</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#services">What I Do</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#resume">Resume</a></li>
<li class="nav-item"><a class="nav-link smooth-scroll" href="#publications">Publications</a></li>
<li class="nav-item"><a class="nav-link" href="https://ayberksadic.com/blog/" target="_blank">Blog</a></li>
<li class="nav-item"><a class="nav-link" href="https://www.linkedin.com/in/ayberksadic/" target="_blank">Contact</a></li>
</ul>
</div>
<ul class="social-icons social-icons-muted social-icons-sm mt-lg-auto ml-auto ml-lg-0 mb-n1 d-flex">
<li class="social-icons-twitter"><a data-toggle="tooltip" href="http://www.twitter.com/ayberksadic/" target="_blank" title="" data-original-title="Twitter"><i class="fab fa-twitter"></i></a></li>
<li class="social-icons-instagram"><a data-toggle="tooltip" href="http://www.instagram.com/ayberk_sadic/" target="_blank" title="" data-original-title="Instagram"><i class="fab fa-instagram"></i></a></li>
<li class="social-icons-scholar"><a data-toggle="tooltip" href="https://scholar.google.com/citations?user=8Ld5n0IAAAAJ&hl=tr" target="_blank" title="" data-original-title="Google Scholar"><i class="fab fa-google"></i></a></li>
<li class="social-icons-linkedin"><a data-toggle="tooltip" href="http://www.linkedin.com/in/ayberksadic/" target="_blank" title="" data-original-title="LinkedIn"><i class="fab fa-linkedin-in"></i></a></li>
<li class="social-icons-github"><a data-toggle="tooltip" href="http://www.github.com/aysadic/" target="_blank" title="" data-original-title="GitHub"><i class="fab fa-github"></i></a></li>
</ul>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#header-nav"><span></span><span></span><span></span></button>
</div>
</nav>
<!-- Navbar End -->
</header>
<!-- Header End -->
<!-- Content
============================================= -->
<div id="content" role="main">
<!-- Intro
============================================= -->
<section id="home">
<div class="hero-wrap">
<div class="hero-mask opacity-9 bg-dark"></div>
<div class="hero-bg parallax" style="background-image:url('images/intro-bg.jpg');"></div>
<div class="hero-content section d-flex fullscreen">
<div class="container my-auto">
<div class="row">
<div class="col-12 text-center">
<div class="typed-strings">
<p>I'm Ayberk Sadic</p>
<p>I'm a Mechanical Engineer</p>
</div>
<p class="text-7 font-weight-500 text-white mb-2 mb-md-3">Welcome</p>
<h2 class="text-16 font-weight-600 text-white mb-2 mb-md-3"><span class="typed"></span></h2>
<p class="text-5 text-light mb-4">based in Tokyo, Japan.</p>
<a href="https://ayberksadic.com/blog/" class="btn btn-outline-primary rounded-pill shadow-none mt-2" target="_blank">Go to Blog</a>
</div>
</div>
</div>
<a href="#about" class="scroll-down-arrow text-white smooth-scroll"><span class="animated"><i class="fa fa-chevron-down"></i></span></a> </div>
</div>
</section>
<!-- Intro end -->
<!-- About
============================================= -->
<section id="about" class="section bg-dark-1">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-muted opacity-1 text-uppercase font-weight-600 w-100 mb-0">About Me</h2>
<p class="text-9 text-white font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">Know Me More<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="row">
<div class="col-lg-8 text-center text-lg-left">
<h2 class="text-7 text-white font-weight-600 mb-3">I'm <span class="text-primary">Ayberk Sadic,</span> a Mechanical Engineer</h2>
<p class="text-white-50">I'm a PhD Student in <a href="http://www.msd.mech.e.titech.ac.jp/en/"><span class="text-primary">Mechanical Systems Design Laboratory</span>, <span class="text-primary">Tokyo Institute of Technology</span></a>. Our main research themes are design , analysis and optimization of next generation mechanical systems and their applications for robotics and mechatronics.</p>
<p class="text-white-50">My research theme is the development of assistive and protective <span class="text-primary">robotic exoskeletons</span> for people who work in special fields that are suscepted to work-related musculo-skeletal diseases. To come up with an optimal design for these assistive robotic exoskeletons, I utilize <span class="text-primary">biomechanical modelling</span> and testing of human spine under certain work-related tasks using advanced techniques like <span class="text-primary">motion capture, and electromyography measurements</span>.</p>
</div>
<div class="col-lg-4 mt-5 mt-lg-0">
<div class="pl-4">
<ul class="list-style-2 list-style-light text-light">
<li><span class="font-weight-600 mr-2">Name:</span>Ayberk Sadic</li>
<li><span class="font-weight-600 mr-2">Contact:</span><a href="https://www.linkedin.com/in/ayberksadic/">LinkedIn</a></li>
<li class="border-0"><span class="font-weight-600 mr-2">From:</span>Tokyo, Japan</li>
</ul>
<a href="ayberksadic_cv.pdf" class="btn btn-primary rounded-pill" target="_blank">Download CV</a> </div>
</div>
</div>
<div class="brands-grid separator-border separator-border-light mt-5">
<div class="row">
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="10">8</span>+</h4>
<p class="text-light mb-0">Years Experience</p>
</div>
</div>
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="20">50</span>+</h4>
<p class="text-light mb-0">Projects Done</p>
</div>
</div>
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="5">120</span></h4>
<p class="text-light mb-0">Get Awards</p>
</div>
</div>
<div class="col-6 col-md-3">
<div class="featured-box text-center">
<h4 class="text-12 text-white-50 mb-0"><span class="counter" data-from="0" data-to="4">6</span></h4>
<p class="text-light mb-0">Publications</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About end -->
<!-- Services
============================================= -->
<section id="services" class="section bg-dark-2">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-muted opacity-1 text-uppercase font-weight-600 w-100 mb-0">Skills</h2>
<p class="text-9 text-white font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">What I Do?<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="row">
<div class="col-lg-11 mx-auto">
<div class="row">
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-cogs"></i> </div>
<h3 class="text-white">Mechanical Design</h3>
<p class="text-white-50 mb-0">Industrial standards compliant mechanism and structural design, analysis and simulations.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-code-branch"></i> </div>
<h3 class="text-white">Electronics Design</h3>
<p class="text-white-50 mb-0">Circuit schematics and multi-layer PCB design by utilizing modern component packages.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-microchip"></i> </div>
<h3 class="text-white">Embedded Software Development</h3>
<p class="text-white-50 mb-0">ARM based MCU and System-on-Chip (SOC) applications development.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-robot"></i> </div>
<h3 class="text-white">Robotics</h3>
<p class="text-white-50 mb-0">System dynamics modelling of robotic applications. System architecture design.</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-5 mb-md-0">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-industry"></i> </div>
<h3 class="text-white">Rapid Prototyping</h3>
<p class="text-white-50 mb-0">AGILE development and prototyping of automation/robotic systems in short periods</p>
</div>
</div>
<div class="col-md-6">
<div class="featured-box style-3 mb-0">
<div class="featured-box-icon text-primary bg-dark-1 shadow-sm rounded"> <i class="fas fa-chart-line"></i> </div>
<h3 class="text-white">Statistics and AI</h3>
<p class="text-white-50 mb-0">Business development and marketing data analytics and forecasting.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services end -->
<!-- Resume
============================================= -->
<section id="resume" class="section bg-dark-1">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-muted opacity-1 text-uppercase font-weight-600 w-100 mb-0">Summary</h2>
<p class="text-9 text-white font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">Resume<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="row">
<!-- My Education -->
<div class="col-md-6">
<h2 class="text-6 text-white font-weight-600 mb-4">My Education</h2>
<div class="border border-dark rounded p-4 mb-4">
<p class="badge badge-danger text-2 font-weight-400">In Progress</p>
<h3 class="text-5 text-white">PhD in Mechanical Engineering</h3>
<p class="text-primary">Tokyo Institute of Technology (東京工業大学）</p>
<p class="text-white-50 mb-0">Doctoral Research Student in Takeda-Sugahara Mechanical Systems Design Laboratory.</p>
</div>
<div class="border border-dark rounded p-4 mb-4">
<p class="badge badge-danger text-2 font-weight-400">2019 - 2023</p>
<h3 class="text-5 text-white">Master of Business Administration</h3>
<p class="text-primary">Université Galatasaray</p>
<p class="text-white-50 mb-0">Focused on behavioral economics and decision theory. Thesis title: "Effect of Financial Anxiety and Financial Literacy on Mental Accounting".</p>
</div>
<div class="border border-dark rounded p-4 mb-4">
<p class="badge badge-danger text-2 font-weight-400">2010 - 2016</p>
<h3 class="text-5 text-white">Bachelor of Mechanical Engineering</h3>
<p class="text-primary">Middle East Technical University</p>
<p class="text-white-50 mb-0">Thesis title: "Development of human trunk exoskeleton using pneumatic artificial muscles".</p>
</div>
</div>
<!-- My Experience -->
<div class="col-md-6">
<h2 class="text-6 text-white font-weight-600 mb-4">My Experience</h2>
<div class="border border-dark rounded p-4 mb-4">
<p class="badge badge-danger text-2 font-weight-400">2018 - 2022</p>
<h3 class="text-5 text-white">Founder</h3>
<p class="text-primary">Mekadermis</p>
<p class="text-white-50 mb-0">Development of novel haptic hardware for digital touch sensation on computers and phones. Bootstrapped the entire operation. Awarded with multiple startup grants. Operations stopped due financial problems during COVID-19 pandemic.</p>
</div>
<div class="border border-dark rounded p-4 mb-4">
<p class="badge badge-danger text-2 font-weight-400">2016 - 2018</p>
<h3 class="text-5 text-white">Teaching & Research Assistant</h3>
<p class="text-primary">Koc University</p>
<p class="text-white-50 mb-0">Conducted research on haptic perception of 2D shapes on touch screens for blind indivuals. Lectured in control systems design and graduation thesis courses.</p>
</div>
<div class="border border-dark rounded p-4 mb-4">
<p class="badge badge-danger text-2 font-weight-400">2014</p>
<h3 class="text-5 text-white">R&D Intern</h3>
<p class="text-primary">Toyota</p>
<p class="text-white-50 mb-0">Mechanical Engineering Internship in Toyota Motor Manufacturing Turkey</p>
</div>
</div>
</div>
<!-- Download CV -->
<div class="text-center mt-5"><a href="ayberksadic_cv.pdf" class="btn btn-outline-secondary rounded-pill shadow-none" target="_blank">Download CV <span class="ml-1"><i class="fas fa-download"></i></span></a></div>
<!-- Download CV end -->
</div>
</section>
<!-- Resume end -->
<!-- Publications
============================================= -->
<section id="publications" class="section bg-dark-2">
<div class="container px-lg-5">
<!-- Heading -->
<div class="position-relative d-flex text-center mb-5">
<h2 class="text-24 text-muted opacity-1 text-uppercase font-weight-600 w-100 mb-0">Research</h2>
<p class="text-9 text-white font-weight-600 position-absolute w-100 align-self-center line-height-4 mb-0">My Publications<span class="heading-separator-line border-bottom border-3 border-primary d-block mx-auto"></span> </p>
</div>
<!-- Heading end-->
<div class="featured-box style-3 mb-5">
<h3 class="text-white">Exploration strategies for tactile graphics displayed by electrovibration on a touchscreen</h3>
<p class="text-white-50 mb-0">Sadia, B., Sadic, A., Ayyildiz, M., & Basdogan, C. (2022). International Journal of Human-Computer Studies, 160, 102760.</p>
</div>
<div class="featured-box style-3 mb-5">
<h3 class="text-white">Haptic perception of 2D equilateral geometric shapes via electrovibration on touchscreen</h3>
<p class="text-white-50 mb-0">Sadic, A., Ayyildiz, M., & Basdogan, C. (2017). In 21st IEEE National Biomedical Engineering Meeting (BIYOMUT) (pp. i-iv). </p>
</div>
<div class="featured-box style-3 mb-5">
<h3 class="text-white">Development of a human trunk exoskeleton with pneumatic artificial muscles</h3>
<p class="text-white-50 mb-0">Sadic, A., Suzumori, K., & Ohno, A., (2015). In Proceedings of the 2015 JSME Conference on Robotics and Mechatronics.</p>
</div>
<div class="featured-box style-3 mb-5">
<h3 class="text-white">Fabrication of active textile woven and wearable suit using thin</h3>
<p class="text-white-50 mb-0">Ohno, A., Suzumori, K., & Sadic, A., (2015). In Proceedings of the 2015 JSME Conference on Robotics and Mechatronics.</p>
</div>
</div>
</section>
<!-- Services end -->
</div>
<!-- Content end -->
<!-- Footer
============================================= -->
<footer id="footer" class="section footer-text-light bg-dark-1">
<div class="container px-lg-5">
<div class="row">
<div class="col-lg-6 text-center text-lg-left">
<p class="mb-3 mb-lg-0">Copyright © 2024 <a href="#">Ayberk Sadıç</a>. All Rights Reserved.</p>
</div>
<div class="col-lg-6">
<!-- <ul class="nav nav-separator nav-separator-light justify-content-center justify-content-lg-end">
<li class="nav-item"> <a class="nav-link" data-toggle="modal" data-target="#terms-policy" href="#">Terms & Policy</a></li>
<li class="nav-item"> <a class="nav-link" data-toggle="modal" data-target="#disclaimer" href="#">Disclaimer</a></li>
</ul> -->
</div>
</div>
</div>
</footer>
<!-- Footer end -->
</div>
<!-- Document Wrapper end -->
<!-- Back to Top
============================================= -->
<a id="back-to-top" class="rounded-circle" data-toggle="tooltip" title="Back to Top" href="javascript:void(0)"><i class="fa fa-chevron-up"></i></a>
<!-- JavaScript -->
<script src='vendor/jquery/jquery.min.js'></script>
<script src='vendor/bootstrap/js/bootstrap.bundle.min.js'></script>
<!-- Easing -->
<script src='vendor/jquery.easing/jquery.easing.min.js'></script>
<!-- Appear -->
<script src='vendor/jquery.appear/jquery.appear.min.js'></script>
<!-- Images Loaded -->
<script src='vendor/imagesloaded/imagesloaded.pkgd.min.js'></script>
<!-- Counter -->
<script src='vendor/jquery.countTo/jquery.countTo.min.js'></script>
<!-- Parallax Bg -->
<script src='vendor/parallaxie/parallaxie.min.js'></script>
<!-- Typed -->
<script src='vendor/typed/typed.min.js'></script>
<!-- Owl Carousel -->
<script src='vendor/owl.carousel/owl.carousel.min.js'></script>
<!-- isotope Portfolio Filter -->
<script src='vendor/isotope/isotope.pkgd.min.js'></script>
<!-- Magnific Popup -->
<script src='vendor/magnific-popup/jquery.magnific-popup.min.js'></script>
<!-- Custom Script -->
<script src='js/theme.js'></script>
<!-- Google ReCaptcha Loaded -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<!-- Google ReCaptcha v3 for Website -->
<script>
function onSubmit(token) {
document.getElementById("contact-form").submit();
}
</script>
<!-- Google ReCaptcha V2 for Contact Form-->
<!-- <script>
grecaptcha.ready(() => {
grecaptcha.render('contact-form', {
'sitekey' : '6LdKRfEaAAAAANH6nNCHMCFeCadWD_Cgd7U1rGTE'
});
});
</script> -->
</body>
</html>