-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (129 loc) · 7.88 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
<!DOCTYPE html>
<!-- BARIS TEVFIK Personal WebPage -->
<html>
<head>
<title>Baris Tevfik's Webpage</title>
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="./StyleSheet.css" type="text/css"/>
<link rel="stylesheet" href="./mobile.css" type="text/css"/>
</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- Smoothscroll Script -->
<script type="text/javascript" src="./js/smoothscroll.js"></script>
<!-- START CONTAINER -->
<div class="container">
<!-- START BANNER -->
<a id="pagetop"></a>
<div class="banner"><a href="index.html"><img src="./pics/banner.png" alt="banner"/></a>
</div>
<div class="banner"><img class="image" src="./pics/boston_skyline.jpg"/>
</div>
<!-- END BANNER -->
<!-- START MENU -->
<div class="menu">
<ul>
<li><a href="#about" class="smoothScroll">About Me</a></li>
<li><a href="#projects" class="smoothScroll">Projects</a></li>
<li><a href="#pictures" class="smoothScroll">Pictures</a></li>
<li><a href="mailto:[email protected]">Contact</a></li>
</ul>
</div>
<!-- END MENU -->
<!--START "ABOUT ME"-->
<table class="tableStyle">
<tbody class="main">
<tr><td class="title">About Me
<a id="about"></a></td>
</tr>
<tr>
<td id="aboutStyle">
<img class="image" style="margin-right:20px;" src="./pics/profile_img.jpg" alt="profile-image" border="0"/></td>
<td>
<br/>Hi !
<p>Thanks for visiting my webpage.</p>
<p>I am Baris Tevfik from Turkey. I was born in the city of Izmir on the Aegean coast. But, grew up in Istanbul <a href="http://www.youtube.com/watch?v=vankaSlfSr0" target="_blank">*</a>,
and graduated from high school in 2007. Then, I went to Colorado for college. I received my B.Sc degree in Computer Engineering at Colorado State University in 2012. Currently, I am in M.Eng program at Boston University. </p>
<!-- LINKS TO PROFILES -->
<span class="connect">Connect :</span>
<span class="fb"><a href="http://www.facebook.com/baris.tevfik" target="_blank"></a></span>
<span class="in"><a href="http://www.linkedin.com/in/btevfik" target="_blank"></a></span>
<span class="git"><a href="http://github.com/btevfik" target="_blank"></a></span>
</td></tr>
<!-- END "ABOUT ME" -->
<tr><td colspan="2" class="seperator">
<img src="./pics/scarlet_dot.gif" width="930" height="1" alt="rule" border="0"/>
<a href="#pagetop" class="smoothScroll"><img src="./pics/top_arrow.png" alt="top" border="0" style="height: 53px; width: 30px"/></a>
</td></tr>
</tbody>
</table>
<!-- START "PROJECTS" -->
<table class="tableStyle">
<tbody class="main">
<tr><td class="title">Projects
<a id="projects"></a></td>
</tr>
<tr><td id="projectStyle">
<p>In my undergrad senior design project, I have worked on Augmented Reality games, specifically designed for patients that need upper-limb rehabilitation.</p><p> Our project won the third place prize among other ECE projects at the end of that year. You can learn more about this
<a href="http://www.engr.colostate.edu/ece-sr-design/AY11/rehabilitation/index.shtml" target="_blank">here.</a></p>
<p>Our team was also on the engineering college <a href="http://www.engr.colostate.edu/comm/pubs/pdf/Collaboration_2012.pdf" target="_blank"> publication </a>this year.</p>
</td>
<td><img style="margin-left:50px; margin-bottom:50px" class="image"src="pics/pong_prototype.png"/></td>
</tr>
<tr>
<td><img style="margin-bottom:50px; margin-right:40px" class="image" src="pics/team.jpg"/></td>
<td><p>In Fall 2012, our final assignment in EC544 (Networking the Physical World) was to create something new using our knowledge we had learned in the class.
Prior to this, we had created a web controlled LED and autonomous (not so sophisticated) car among other projects.
</p><p>So our team decided to create a web-controlled car as a combination of these assignments. We had to come up with a solution in a short time and implement it. Therefore we decided to use a netbook to control the car via internet. The netbook had a web-server installed, and whoever visited the webpage were able to control the car. We did a complete run around the first
floor of Photonics building.</p><p> The website also had a webcam stream embedded in it, so the driver was able to see his actions in real time. Moreover a friend from India was able to access the car and control it for a while.</p>
<img class="image rotateRight" style="margin-left:50px; margin-bottom:50px" src="pics/crawler.jpg"/></td>
</tr>
<tr><td><p>Also in Fall 2012, as a group of 9 students we worked on a software engineering project. The goal of the project was to create an application for kids to explore and learn colors, shapes, animals etc. The application is created using JAVA and called Super Kids: The Ultimate Adventure.
<p>The kids part of the application consists of tutorial and question modes. Moreover, parents are able to add/edit/remove questions, review their children's progress and set achievements.</p>
<p> There were two teams splitting up GUI and back-end workload. The Github repository of this project can be found <a href="https://github.com/btevfik/super-kids" target="_blank">here.</a></p>
</td>
<td><img class="image superKid" src="pics/super_kids_2.png" /><img style="margin-bottom:150px" class="image" src="pics/super_kids_1.png" /></td>
</tr>
<!-- END "PROJECTS" -->
<tr><td colspan="2" class="seperator">
<img src="./pics/scarlet_dot.gif" width="930" height="1" alt="rule" border="0"/>
<a href="#pagetop" class="smoothScroll"><img src="./pics/top_arrow.png" alt="top" border="0" style="height: 53px; width: 30px"/></a>
</td></tr>
<!-- START "PICTURES" -->
<tr><td class="title">Pictures
<a id="pictures"></a></td>
</tr>
<tr><td colspan="2" id="galleryStyle">
<img class="image imageLeft" src="./pics/gallery/bogaz_.jpg"/>
<p>Istanbul (located on two continents: Asia and Europe)</p>
<img class="image imageRight" src="./pics//gallery/kapadokya_.jpg"/>
<p>Cappadocia (Google it !!)</p>
<img class="image imageLeft" src="./pics/gallery/boston_.jpg"/>
<p>Boston (old, buried in new)</p>
<img class="image imageRight" src="./pics/gallery/china_.jpg"/>
<p>China (yes. i did climb it)</p>
<img class="image imageLeft" src="./pics/gallery/devil_tower_.jpg"/>
<p>Devil's Tower (from the UFO movie. Remember?)</p>
<img class="image imageRight" src="./pics/gallery/grand_canyon_.jpg"/>
<p>Grand Canyon (don't fall !!)</p>
<img class="image imageLeft" src="./pics/gallery/kolezyum_.jpg"/>
<p>Colosseum (my name is Maximus Decimus Meridius) </p>
<img class="image imageRight" src="./pics/gallery/rushmore_.jpg"/>
<p>Rushmore (they are watching you)</p>
</td></tr>
<!-- END "PICTURES" -->
<tr><td colspan="2" class="seperator">
<img src="./pics/scarlet_dot.gif" width="930" height="1" alt="rule" border="0"/>
<a href="#pagetop" class="smoothScroll"><img src="./pics/top_arrow.png" alt="top" border="0" style="height: 53px; width: 30px"/></a>
</td></tr>
</tbody>
</table>
</div>
<!--END CONTAINER -->
<!-- START FOOTER -->
<div class="footer">
<br /><br /><br/><br /><img src="pics/logo.png"/><br/><p>Designed by Baris Tevfik. Copyright © 2013</p>
</div>
<!-- END FOOTER -->
</body>
</html>