-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
269 lines (244 loc) · 19.7 KB
/
index.html
File metadata and controls
269 lines (244 loc) · 19.7 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta property="og:image" content="/assets/tb.png">
<meta name="description" property="og:description" content="Fatih Mehmet Özcan's Personal Site">
<meta name="author" content="Fatih Mehmet Özcan">
<meta name="title" property="og:title" content="Fatih Mehmet Özcan">
<meta property="og:type" content="Personal Site">
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./css/main.css">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-main/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/icon-main/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/icon-main/favicon-16x16.png">
<link rel="manifest" href="/icon-main/site.webmanifest">
<link rel="mask-icon" href="/icon-main/safari-pinned-tab.svg" color="#000000">
<link rel="shortcut icon" href="/icon-main/favicon.ico">
<title>Fatih Mehmet Özcan's Personal Site</title>
</head>
<body>
<div id="header-div">
<p id="header-text">Fatih Mehmet Özcan</p>
<div id="navdiv">
<a class="footer-links" href="https://github.com/fatihmeh" target="_blank" title="GitHub Profile"><img height="24" width="24"
src="/assets/github.svg"/></a>
<a class="footer-links" href="https://gitlab.com/users/fatihmehmetozcan" target="_blank" title="GitLab Profile"><img height="24"
width="24" src="/assets/gitlab.svg"/></a>
<a class="footer-links" href="https://www.linkedin.com/in/fatihmehmetozcan/" target="_blank" title="LinkedIn Profile"><img height="24"
width="24" src="/assets/linkedin.svg"/></a>
</div>
</div>
<div id="container" class="tabset">
<input type="radio" name="tabset" id="tab1" aria-controls="about" checked>
<label for="tab1">About</label>
<input type="radio" name="tabset" id="tab2" aria-controls="selectedworks">
<label for="tab2">Selected Works</label>
<input type="radio" name="tabset" id="tab3" aria-controls="projects">
<label for="tab3">Minor Projects</label>
<div class="tab-panels">
<section id="about" class="tab-panel">
<h1 class="parag-header">Hi, This is Fatih!</h1>
<p class="about">I am a computer-aided design (<a href="https://en.wikipedia.org/wiki/Computer-aided_design" target="_blank" title="Opens in a new tab">CAD</a>) expert with programmer skills. I had worked as an aircraft maintenance planner. And recently, I design modifications for commercial and VIP aircraft. I have managed to become a SolidWorks <a href="https://www.credly.com/badges/299bb037-063a-4071-bd22-4425362f5d5e/public_url" target="_blank" title="Opens in a new tab">Champion</a> and a Certified SolidWorks Expert (<a href="https://www.credly.com/badges/714364cf-6316-4259-a887-f85d9bb7d731/public_url" target="_blank" title="Opens in a new tab">CSWE</a>).</p>
<br>
<p class="about">I am fluent in design and drafting standards (ASME, ISO), design and production organization regulations (Part 21.J & G), aircraft maintenance (Part-145) and airworthiness procedures (Part-M). I have learned how to develop macros, design methods to automate processes.</p>
<br>
<p class="about">You can access my <a href="https://github.com/fatihmeh" target="_blank" title="Opens in a new tab">GitHub</a>, <a href="https://gitlab.com/fatihmehmetozcan" target="_blank" title="Opens in a new tab">GitLab</a>, and <a href="https://www.linkedin.com/in/fatihmehmetozcan/" target="_blank" title="Opens in a new tab">LinkedIn</a> profiles.</p>
<br>
</section>
<section id="selectedworks" class="tab-panel">
<h2 class="parag-header">Access my accomplished works</h2>
<div class="selected">
<div class="sel-col">
<div class="sel-img-div first" id="can"></div>
<div class="sel-text">
<p class="text-title">Airbus A340 Meeting Room: Table, Side Ledges Design and Assembly</p>
<ul class="ul-text-desc">
<li class="">3D Model of complete assembly, designed from scratch</li>
<li class="">Assembled on adapter plates with complete strip down of specific frame range</li>
<li class="">Table and seats locations crosschecked on the frames of the A/C</li>
</ul>
<p class="category">SolidWorks Catia</p>
</div>
</div>
<div class="sel-col">
<div class="sel-img-div second" id="airnav"></div>
<div class="sel-text">
<p class="text-title">Airbus AirnavX PDF Generator</p>
<ul class="ul-text-desc">
<li class="">Developed a web-based program that automated MPD based job-card downloads from AirnavX which is Airbus' data interface</li>
<li class="">Legacy way was to enter each tasks by hand, which was tedious to do hundreds of times</li>
<li class="">Developed with JavaScript</li>
</ul>
<p class="category">JavaScript</p>
</div>
</div>
<div class="sel-col">
<div class="sel-img-div first" id="import"></div>
<div class="sel-text">
<p class="text-title">TRAX Import File Generator</p>
<ul class="ul-text-desc">
<li class="">Gets listed MPD and AMM values from customer work-packages and searches corresponding data through related databases, then updates necessary values in compliance with Trax format</li>
<li class="">Involves an inside program that crates new NRC import files also for TRAX</li>
</ul>
<p class="category">Excel Visual Basic for Applications (VBA)</p>
</div>
</div>
<div class="sel-col">
<div class="sel-img-div second" id="sedye-video"></div>
<div class="sel-text">
<p class="text-title">Stretcher Project Migration</p>
<ul class="ul-text-desc">
<li class="">Converted all drawings to be in compliance with design organization PART21.J regulations</li>
<li class="">Developed macros to work on more than 300 pages of document</li>
<li class="">Created a how to assembly animation video</li>
</ul>
<p class="category">Catia SolidWorks VBA</p>
</div>
</div>
<div class="sel-col">
<div class="sel-img-div first" id="sedye-kart"></div>
<div class="sel-text">
<p class="text-title">Stretcher Instruction Card</p>
<ul class="ul-text-desc">
<li class="">Created an instruction card on how to use the stretcher for crew members and family of patients</li>
</ul>
<p class="category">Adobe Illlustrator Catia</p>
</div>
</div>
<div class="sel-col">
<div class="sel-img-div second" id="insert"></div>
<div class="sel-text">
<p class="text-title">Insert Selection Helper</p>
<ul class="ul-text-desc">
<li class="">Engineer selects related composite thickness, connection type and other necessary options for the outcome of to decide which insert should be used</li>
<li class="">Generates CAD data for Catia and SolidWorks with selected dimensions</li>
<li class="">Awarded for best innovation of the quarter</li>
</ul>
<p class="category">Excel VBA SolidWorks Catia</p>
</div>
</div>
<div class="sel-col">
<div class="sel-img-div first" id="autocad"></div>
<div class="sel-text">
<p class="text-title">Autocad Layout Automation</p>
<ul class="ul-text-desc">
<li class="">Detects and setups each layout for PDF output and printing</li>
<li class="">Awarded for best innovation of the quarter</li>
</ul>
<p class="category">Autocad VBA Lisp</p>
</div>
</div>
<div class="sel-col">
<div class="sel-img-div second" id="driveworks"></div>
<div class="sel-text">
<p class="text-title">Tubular Tower Section Generator</p>
<ul class="ul-text-desc">
<li class="">Generates sections of a tubular tower by using a custom DriveWorksXpress project with desired values input</li>
<li class="">Works even faster than programs made solely for tower design</li>
<li class="">Solid innovation for the company</li>
</ul>
<p class="category">DriveWorksXpress SolidWorks</p>
</div>
</div>
</div>
</section>
<section id="projects" class="tab-panel">
<h2 class="parag-header">Access my completed projects</h2>
<div id="btnContainer">
<button class="btn active" onclick="filterSelection('all')">All</button>
<button class="btn" onclick="filterSelection('cad')">CAD</button>
<button class="btn" onclick="filterSelection('office')">Office</button>
<button class="btn" onclick="filterSelection('prototyping')">Prototyping</button>
<button class="btn" onclick="filterSelection('web')">Web</button>
</div>
<div class="row">
<div class="filterDiv prototyping"><div class="card"><a href="https://photos.app.goo.gl/vbAKrZ17TMnLL8sF6" target="_blank"><img class="projects-images" src="/assets/bg-1.jpg"/>3D Prints</a></div></div>
<div class="filterDiv cad"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/my-solidworks-certificates" target="_blank" ><img class="projects-images" src="/assets/bg-2.png"/>My SolidWorks Certificates</a></div></div>
<div class="filterDiv cad"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/arbitrary-macros-for-cad" target="_blank" ><img class="projects-images" src="/assets/bg-3.jpg"/>Arbitrary Macros for CAD</a></div></div>
<div class="filterDiv cad"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/solidworks-tips-tricks" target="_blank" ><img class="projects-images" src="/assets/bg-4.png"/>SolidWorks Tips & Tricks</a></div></div>
<div class="filterDiv cad"><div class="card"><a href="https://fatihmeh.github.io/solidworks-world-2019/" target="_blank" ><img class="projects-images" src="/assets/bg-5.png"/>SolidWorks World 2019</a></div></div>
<div class="filterDiv prototyping"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/artec-eva-studio-benchmark" target="_blank"><img class="projects-images" src="/assets/bg-7.jpg"/>Artec Eva Studio(3D Scanner) Benchmark</a></div></div>
<div class="filterDiv cad"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/photoview-360-benchmark" target="_blank"><img class="projects-images" src="/assets/bg-8.jpg"/>Photoview 360 Benchmark</a></div></div>
<div class="filterDiv office"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/excel-search-addin" target="_blank"><img class="projects-images" src="/assets/bg-9.png"/>Excel Search Add-in</a></div></div>
<div class="filterDiv office"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/export-excel-sheets-as-csv" target="_blank"><img class="projects-images" src="/assets/bg-10.png"/>Export Excel Sheets as CSV</a></div></div>
<div class="filterDiv office"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/import-excel-sheets-to-access" target="_blank"><img class="projects-images" src="/assets/bg-11.png"/>Import Excel Sheets to Access</a></div></div>
<div class="filterDiv office"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/generate-json-from-excel-files" target="_blank"><img class="projects-images" src="/assets/bg-12.png"/>Generate Json from Excel Files</a></div></div>
<div class="filterDiv cad"><div class="card"><a href="https://gitlab.com/fatihmehmetozcan/generate-sw-catia-part-from-excel" target="_blank"><img class="projects-images" src="/assets/bg-13.png"/>Generate SolidWorks Part From Excel</a></div></div>
<div class="filterDiv cad"><div class="card"><a href="https://fatihmeh.github.io/generate-sw-part" target="_blank" ><img class="projects-images" src="/assets/bg-15.png"/>Generate SolidWorks Part From HTML</a></div></div>
<div class="filterDiv web"><div class="card"><a href="https://fatihmeh.github.io/choose-your-operating-system/" target="_blank" ><img class="projects-images" src="/assets/bg-16.png"/>Choose Your Operating System</a></div></div>
<div class="filterDiv web"><div class="card"><a href="https://fatihmehmetozcan.gitlab.io/practice-files-pages/" target="_blank" ><img class="projects-images" src="/assets/bg-19.png"/>Practice Files</a></div></div>
<div class="filterDiv office"><div class="card"><a href="https://github.com/fatihmeh/excel-snake" target="_blank" ><img class="projects-images" src="/assets/bg-20.png"/>Snake Game in Excel</a></div></div>
<div class="filterDiv web"><div class="card"><a href="https://c-kilic.github.io" target="_blank" ><img class="projects-images" src="/assets/bg-21.png"/>Portfolio Site to a Friend</a></div></div>
<div class="filterDiv web"><div class="card"><a href="https://github.com/fatihmeh/fatihmeh.github.io" target="_blank" ><img class="projects-images img-effect" src="/favicon.svg"/>My Portfolio (Repo of This Website)</a></div></div>
</div>
<div class="projects-list">
<ul class="ul-project-list">
<li class="filterList prototyping"><a href="https://photos.app.goo.gl/vbAKrZ17TMnLL8sF6" target="_blank">3D Prints</a></li>
<li class="filterList cad"><a href="https://gitlab.com/fatihmehmetozcan/my-solidworks-certificates" target="_blank">My SolidWorks Certificates</a></li>
<li class="filterList cad"><a href="https://gitlab.com/fatihmehmetozcan/arbitrary-macros-for-cad" target="_blank">Arbitrary Macros for CAD</a></li>
<li class="filterList cad"><a href="https://gitlab.com/fatihmehmetozcan/solidWorks-tips-tricks" target="_blank">SolidWorks Tips & Tricks</a></li>
<li class="filterList cad"><a href="https://fatihmeh.github.io/solidworks-world-2019/" target="_blank">SolidWorks World 2019</a></li>
<li class="filterList prototyping"><a href="https://gitlab.com/fatihmehmetozcan/artec-eva-studio-benchmark" target="_blank">Artec Eva Studio(Scanner) Benchmark</a></li>
<li class="filterList cad"><a href="https://gitlab.com/fatihmehmetozcan/photoview-360-benchmark" target="_blank">Photoview 360 Benchmark</a></li>
<li class="filterList office"><a href="https://gitlab.com/fatihmehmetozcan/excel-search-addin" target="_blank">Excel Search Add-in</a></li>
<li class="filterList office"><a href="https://gitlab.com/fatihmehmetozcan/export-excel-sheets-as-csv" target="_blank">Export Excel Sheets as CSV</a></li>
<li class="filterList office"><a href="https://gitlab.com/fatihmehmetozcan/import-excel-sheets-to-access" target="_blank">Import Excel Sheets to Access</a></li>
<li class="filterList office"><a href="https://gitlab.com/fatihmehmetozcan/generate-json-from-excel-files" target="_blank">Generate Json from Excel Files</a></li>
<li class="filterList office"><a href="https://gitlab.com/fatihmehmetozcan/generate-sw-catia-part-from-excel" target="_blank">Generate SolidWorks Part From Excel</a></li>
<li class="filterList cad"><a href="https://fatihmeh.github.io/generate-sw-part" target="_blank">Generate SolidWorks Part From HTML</a></li>
<li class="filterList web"><a href="https://fatihmeh.github.io/choose-your-operating-system/" target="_blank">Choose Your Operating System</a></li>
<li class="filterList web"><a href="https://gist.github.com/fatihmeh" target="_blank">Github Gists</a>, <a href="https://gitlab.com/users/fatihmehmetozcan/snippets" target="_blank">GitLab Snippets</a></li>
<li class="filterList web"><a href="https://fatihmehmetozcan.gitlab.io/practice-files-pages/" target="_blank">Practice Files</a></li>
<li class="filterList office"><a href="https://github.com/fatihmeh/excel-snake" target="_blank">Snake Game in Excel</a></li>
<li class="filterList web"><a href="https://c-kilic.github.io" target="_blank">Portfolio Site to a Friend</a></li>
<li class="filterList web"><a href="https://github.com/fatihmeh/fatihmeh.github.io" target="_blank">My Portfolio (Repo of This Website)</a></li>
</ul>
</div>
</section>
</div>
</div>
<script>
filterSelection("all")
function filterSelection(c) {
var x, i, y;
x = document.querySelectorAll(".filterDiv, .filterCat")
if (c == "all") c = "";
for (i = 0; i < x.length; i++) {
w3RemoveClass(x[i], "show");
if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");}
y = document.querySelectorAll(".filterList")
for (i = 0; i < y.length; i++) {
w3RemoveClass(y[i], "showList");
if (y[i].className.indexOf(c) > -1) w3AddClass(y[i], "showList");}
}
function w3AddClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
if (arr1.indexOf(arr2[i]) == -1) { element.className += " " + arr2[i]; }
}
}
function w3RemoveClass(element, name) {
var i, arr1, arr2;
arr1 = element.className.split(" ");
arr2 = name.split(" ");
for (i = 0; i < arr2.length; i++) {
while (arr1.indexOf(arr2[i]) > -1) {
arr1.splice(arr1.indexOf(arr2[i]), 1);
}
}
element.className = arr1.join(" ");
}
var btnContainer = document.getElementById("btnContainer");
var btns = btnContainer.getElementsByClassName("btn");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function () {
var current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace(" active", "");
this.className += " active";
});
}
</script>
</body>
</html>