-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
176 lines (163 loc) · 7.14 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/addons/p5.sound.min.js"></script>
<link rel="stylesheet" href="./styles/style.css" />
<!-- <script type="text/javascript" src="js/main.js"></script> -->
<link rel="icon" href="/img/dustbreaker.png" />
<title>M. Oguz Tozkoparan - Computer Engineer</title>
</head>
<body>
<div class="main" id="main">
<div class="navbar">
<p onclick="scrolling(this)" class="navbar-links-about">About</p>
<p onclick="scrolling(this)" class="navbar-links-projects">Projects</p>
<p onclick="scrolling(this)" class="navbar-links-team">Team</p>
<p onclick="scrolling(this)" class="navbar-links-contact">Contact</p>
<div class="navbar-alternate">
<p class="navbar-title">Mehmet Oguz Tozkoparan</p>
<div class="navbar-hamburger">
<i></i>
</div>
</div>
<div class="navbar-menu">
<div></div>
<p onclick="scrolling(this)" class="navbar-links-about">About</p>
<p onclick="scrolling(this)" class="navbar-links-projects">
Projects
</p>
<p onclick="scrolling(this)" class="navbar-links-team">Team</p>
<p onclick="scrolling(this)" class="navbar-links-contact">Contact</p>
</div>
</div>
<div class="startsection page-properties">
<h1>Mehmet Oguz Tozkoparan</h1>
<p>Computer Engineer</p>
<div class="startsection-scroll scrollbutton"></div>
</div>
<div class="aboutsection">
<div class="aboutsection-container page-properties">
<div class="aboutsection-container-info">
<h1>ABOUT ME</h1>
<div class="aboutsection-container-info-pp"></div>
<p>
I'm a 4th grade student at Computer Engineer at Gazi
University/Faculty of Engineering. I am developing myself in
similar computer engineering topics such as software development,
full stack development, interface design, algorithms. I always
liked using computer (not only for entertainment also creating
something that is useful for someone or me), watching TV for news,
listening music that, drawing pictures and reading books in my
free time. I love reading a book which includes detective, action
stories and fantastic which like LOTR, DnD. Also my favourite song
types are mood, chill, rock, classic and indie/alternative. And
the best thing I'm doing all the time is listening to music when
I'm playing video games, drawing pictures or programming.
</p>
</div>
<div class="aboutsection-container-scroll scrollbutton"></div>
</div>
</div>
<div class="projectssection">
<div class="projectsection-container page-properties" id="projects">
<h1 class="projectsection-container-title">PROJECTS</h1>
<div
class="projectsection-container-projects"
v-for="(project) in projects"
>
<p class="projectsection-container-projects-title">
{{ project.title }}
</p>
<p class="projectsection-container-projects-prop">
{{ project.property }}
</p>
<p class="projectsection-container-projects-type">
{{ project.type }}
</p>
<p class="projectsection-container-projects-description">
{{ project.description }}
</p>
<button
class="projectsection-container-projects-button"
@click="redirect(project.url)"
>
<i></i>
</button>
</div>
<!-- SOME ISSUES HERE, DOESNT WORK AT ALL, ILL LOOK LATER
<div class="projectssection-container-scroll scrollbutton"></div>
-->
</div>
</div>
<div class="teamsection">
<div class="teamsection-container page-properties">
<h1 class="teamsection-container-title">TEAMS</h1>
<div class="teamsection-container-teamprop">
<div class="teamsection-container-teamprop-logo"></div>
<p class="teamsection-container-teamprop-name">
Hummingbirds Cyber Team
</p>
<p class="teamsection-container-teamprop-description">
Hummingbirds Cyber Team is founded with the passion of learning by
group of university students at September 2018. We love to learn
new things about computer science especially cyber security and
artificial intelligence.
</p>
<div class="teamsection-container-teamprop-social">
<div class="teamsection-container-teamprop-socialui">
<div class="github teamsection-logos"></div>
<p>hummingbirdscyber</p>
</div>
<div class="teamsection-container-teamprop-socialui">
<div class="twitter teamsection-logos"></div>
<p>@hbscyber</p>
</div>
<div class="teamsection-container-teamprop-socialui">
<div class="instagram teamsection-logos"></div>
<p>hummingbirdscyber</p>
</div>
<div class="teamsection-container-teamprop-socialui">
<div class="linkedin teamsection-logos"></div>
<p>hummingbirdscyber</p>
</div>
</div>
</div>
</div>
</div>
<div class="contactsection">
<div class="contactsection-container page-properties">
<h1>Contact Me</h1>
<div class="contactsection-container-social">
<div class="contactsection-container-logos" id="githubW"></div>
<p>oguztozkoparan</p>
<i></i>
</div>
<div class="contactsection-container-social">
<div class="contactsection-container-logos" id="twitterW"></div>
<p>@Dustbreaker0</p>
<i></i>
</div>
<div class="contactsection-container-social">
<div class="contactsection-container-logos" id="instagramW"></div>
<p>oguztozkoparan</p>
<i></i>
</div>
<div class="contactsection-container-social">
<div class="contactsection-container-logos" id="linkedinW"></div>
<p>oguztozkoparan</p>
<i></i>
</div>
<footer>© 2020 - M. Oguz Tozkoparan</footer>
<img src="/img/dustbreaker_transparent.png" alt="dustbreaker_logo" />
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="./js/background.js"></script>
</body>
</html>