-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
331 lines (328 loc) · 15.8 KB
/
index.html
File metadata and controls
331 lines (328 loc) · 15.8 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Oganesian Karen — Portfolio</title>
<meta charset="UTF-8">
<meta name="author" content="Oganesian Karen" />
<meta name="keywords" content="Oganesian,Karen,Portfolio" />
<meta name="description" content="This is my portfolio website" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="src/css/style.css">
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville" rel="stylesheet">
<link rel="alternate" hreflang="de" href="http://oganesian.github.io/de/" />
<script type="text/javascript" src="src/js/jquery-min.js"></script>
<script type="text/javascript" src="src/js/jquery.scrollTo-1.4.3.1-min.js"></script>
<script type="text/javascript" src="src/js/script.js"></script>
</head>
<body>
<div class="wrapper">
<button class="toggle-menu">
<span class="sandwich">
<span class="sw-topper"></span>
<span class="sw-bottom"></span>
<span class="sw-footer"></span>
</span>
</button>
<nav class="top-menu">
<ul>
<li onclick="gotoDiv(0)">Home<span></span></li>
<li onclick="gotoDiv(1)">About me<span></span></li>
<li onclick="gotoDiv(2)">Resume<span></span></li>
<li onclick="gotoDiv(3)">Works<span></span></li>
<li><a href="de/index.html">Deutsche Version<span></span></a></li>
</ul>
</nav>
<header id="home">
<div class="header-content">
<div class="container">
<div class="helper">
<div class="content">
<h1>I'm Oganesian Karén</h1>
<h3>I'm a beginner programmer. In the near future I plan to work and continue my education. I can create desktop programs, web applications and websites. Let's start scrolling and learn more about me.</h3>
<hr />
<div class="github">
<a href="https://github.com/Oganesian" target="_blank"><img src="src/img/gitlogo.png" alt="github logo"/></a>
</div>
</div>
</div>
<div class="arrow-down">
<img onclick="gotoDiv(1)" src="src/img/arrow-down.svg" alt="Down" />
</div>
</div>
</div>
</header>
<section id="about">
<div class="about-row">
<h1 class="block-label">About me</h1>
<hr class="label-line">
<div class="photo">
<img src="src/img/profilepic.jpg" alt="My photo" />
</div>
<div class="about-text">
<p>My name is Oganesian Karen. Karen is an Armenian male name. I was born and lived in Georgia in the Armenian city of Akhalkalaki for seven years. Then I moved to Moscow and went to school there. After finishing school in 2014, I entered a technical
college. After twelve years of living in Russia, in September 2017 I moved to Germany and live here to this day.</p>
</div>
</div>
</section>
<section id="resume">
<h1 class="block-label">Resume</h1>
<hr class="label-line">
<div class="resume-items-container">
<div class="resume-item">
<div class="resume-item-label">
<h1>Education</h1>
</div>
<div class="resume-item-content">
<h1>Technical College</h1>
<h3><i>«Programming in computer systems» </i> || September 2014 — June 2017</h3>
<p>The branch "Rocket and space equipment" of the Moscow Aviation Institute, Russia.</p>
<p>Here I taught the basics of programming and algorithmization. Also here I learned the basics of programming language C++ and SQL, HTML, CSS, JS and studied database architectures.</p>
</div>
</div>
<div class="resume-item">
<div class="resume-item-label">
<h1>Self-Education</h1>
</div>
<div class="resume-item-content">
<h1>Literature</h1>
<h3><i>Books on programming </i> || September 2015 — Present</h3>
<p><a target="_blank" href="https://www.amazon.com/Beginners-Guide-Second-Herbert-Schildt/dp/0072232153"><b>Herbert Schildt. C++: A Beginner's Guide, Second Edition.</b></a> My first book on programming. Thanks to it, I was always the first to
perform laboratory tasks in college. I was able to get acquainted with the language and make friends with it. The following year I wrote the code exclusively in C++. I got carried away with olympiad problems on programming.</p>
<div class="book-info">
<div class="bought">Bought: <img src="src/img/done.svg" alt="done" /></div>
<div class="readed">Read: <img src="src/img/done.svg" alt="done" /></div>
<hr />
</div>
<p><a target="_blank" href="https://www.amazon.de/Head-First-Java-Kathy-Sierra/dp/0596009208"><b>Kathy Sierra and Bert Bates. Head First Java.</b></a> Very good, useful and unusual book. With its help entered the world of Java.</p>
<div class="book-info">
<div class="bought">Bought: <img src="src/img/done.svg" alt="done" /></div>
<div class="readed">Read: <img src="src/img/done.svg" alt="done" /></div>
<hr />
</div>
<p><a target="_blank" href="https://www.amazon.com/Thinking-Java-4th-Bruce-Eckel/dp/0131872486/"><b>Bruce Eckel. Thinking in Java (4th Edition).</b></a> This is the next book in the read queue.</p>
<div class="book-info">
<div class="bought">Bought: <img src="src/img/done.svg" alt="done" /></div>
<div class="readed">Read: <img src="src/img/crossed.svg" alt="not yet" /></div>
<hr />
</div>
<p><a target="_blank" href="https://www.amazon.com/Data-Structures-Algorithms-Java-2nd/dp/0672324539"><b>Robert Lafore. Data Structures and Algorithms in Java (2nd Edition).</b></a></p>
<div class="book-info">
<div class="bought">Bought: <img src="src/img/done.svg" alt="done" /></div>
<div class="readed">Read: <img src="src/img/crossed.svg" alt="not yet" /></div>
<hr />
</div>
<p><a target="_blank" href="https://www.amazon.de/Head-First-Design-Patterns-Freeman/dp/0596007124"><b>Eric Freeman and Elisabeth Robson. Head First Design Patterns.</b></a></p>
<div class="book-info">
<div class="bought">Bought: <img src="src/img/done.svg" alt="done" /></div>
<div class="readed">Read: <img src="src/img/crossed.svg" alt="not yet" /></div>
<hr />
</div>
<p><a target="_blank" href="https://www.amazon.com/Clean-Code-Handbook-Software-Craftsmanship/dp/0132350882"><b>Robert C. Martin. Clean Code: A Handbook of Agile Software Craftsmanship.</b></a></p>
<div class="book-info">
<div class="bought">Bought: <img src="src/img/done.svg" alt="done" /></div>
<div class="readed">Read: <img src="src/img/crossed.svg" alt="not yet" /></div>
<hr />
</div>
<p><a target="_blank" href="https://www.amazon.com/Code-Complete-Practical-Handbook-Construction/dp/0735619670"><b>Steve McConnell. Code Complete: A Practical Handbook of Software Construction, 2nd Edition.</b></a></p>
<div class="book-info">
<div class="bought">Bought: <img src="src/img/done.svg" alt="done" /></div>
<div class="readed">Read: <img src="src/img/crossed.svg" alt="not yet" /></div>
<hr />
</div>
</div>
</div>
<div class="resume-item" id="last">
<div class="resume-item-label">
<h1>Skills</h1>
</div>
<div class="resume-item-content">
<h1>What technologies and how well I already know, in my opinion</h1>
<div class="bars">
<ul class="skills">
<li><span class="bar-expand java"></span><em>Java — I'll grow in this direction</em></li>
<li><span class="bar-expand sql"></span><em>SQL and DataBases — I'll continue to study</em></li>
<li><span class="bar-expand html-css"></span><em>HTML(5), CSS(3) — Good (see this site)</em></li>
<li><span class="bar-expand js"></span><em>JS — Only as an add-on to HTML</em></li>
<li><span class="bar-expand php"></span><em>PHP — Dealt with this language</em></li>
<li><span class="bar-expand cpp"></span><em>C++ — Basics and STL</em></li>
<li><span class="bar-expand csharp"></span><em>C# — only WPF framework</em></li>
<li><span class="bar-expand git"></span><em>Git — I'll continue to study</em></li>
</ul>
</div>
<hr />
<h1>Languages</h1>
<div class="bars">
<ul class="skills">
<li><span class="bar-expand russian"></span><em>Russian — Perfect</em></li>
<li><span class="bar-expand german"></span><em>German — By May 2019 there will be B1</em></li>
<li><span class="bar-expand armenian"></span><em>Armenian — First language</em></li>
<li><span class="bar-expand english"></span><em>English — I'll continue to study</em></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section id="works">
<div class="portfolio-row">
<h1 class="block-label">Works</h1>
<hr class="label-line">
<div class="works-container">
<div class="works-column">
<div class="work">
<div class="work-wrap" id="modal-5">
<img src="src/img/schedule_1_min.png" />
<div class="overlay">
<div class="work-info">
<h2>Schedule-maker</h2>
<span>Web-application</span>
</div>
</div>
</div>
</div>
<div class="work">
<div class="work-wrap" id="modal-2">
<img src="src/img/padel_min.png" />
<div class="overlay">
<div class="work-info">
<h2>padelrus.ru</h2>
<span>Web-site</span>
</div>
</div>
</div>
</div>
</div>
<div class="works-column">
<div class="work">
<div class="work-wrap" id="modal-1">
<img src="src/img/sql_1_min.png" />
<div class="overlay">
<div class="work-info">
<h2>GUI for MySQL</h2>
<span>Desktop Program</span>
</div>
</div>
</div>
</div>
<div class="work">
<div class="work-wrap" id="modal-4">
<img src="src/img/autodoctor_min.png" />
<div class="overlay">
<div class="work-info">
<h2>Autodoctor</h2>
<span>Web-site</span>
</div>
</div>
</div>
</div>
</div>
<div class="works-column">
<div class="work">
<div class="work-wrap" id="modal-3">
<img src="src/img/editor_min.png" />
<div class="overlay">
<div class="work-info">
<h2>MyTextEditor</h2>
<span>Desktop Program</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal">
<div class="modal-container" id="modal-c-1">
<div class="modal-img">
<img src="src/img/sql_1.png" id="modal-i-1" />
<a class="slprev" onclick="plusSlides('modal-i-1', -1)">❮</a>
<a class="slnext" onclick="plusSlides('modal-i-1', 1)">❯</a>
</div>
<div class="description-box">
<h4>GUI for MySQL</h4>
<p>A full GUI for the mysql database(server). The program can show, create, delete, edit databases and tables, and perform search and SQL queries</p>
</div>
<div class="buttons">
<a href="https://github.com/Oganesian/TheGUIAndSQLApp">GitHub</a>
<a class="dismiss" id="close-modal-1">Close</a>
</div>
</div>
<div class="modal-container" id="modal-c-2">
<div class="modal-img">
<img src="src/img/padel_1.png" id="modal-i-2" />
<a class="slprev" onclick="plusSlides('modal-i-2', -1)">❮</a>
<a class="slnext" onclick="plusSlides('modal-i-2', 1)">❯</a>
</div>
<div class="description-box">
<h4>padelrus.ru</h4>
<p>The site of the federation of the Padel Tennis of Russia. A real project.</p>
</div>
<div class="buttons">
<a href="https://padelrus.ru/">Details</a>
<a class="dismiss" id="close-modal-1">Close</a>
</div>
</div>
<div class="modal-container" id="modal-c-3">
<div class="modal-img">
<img src="src/img/editor_1.png" id="modal-i-3" />
<a class="slprev" onclick="plusSlides('modal-i-3', -1)">❮</a>
<a class="slnext" onclick="plusSlides('modal-i-3', 1)">❯</a>
</div>
<div class="description-box">
<h4>MyTextEditor</h4>
<p>Simple text editor. Is able to Open, Create, Edit, Save (and "Save as...") text files, Undo, Redo actions, Copy, Cut and Paste text. Also, the system searches a text in file. The search word is highlighted.</p>
</div>
<div class="buttons">
<a href="https://github.com/Oganesian/MyTextEditor">GitHub</a>
<a class="dismiss" id="close-modal-1">Close</a>
</div>
</div>
<div class="modal-container" id="modal-c-4">
<div class="modal-img">
<img src="src/img/autodoctor_1.png" id="modal-i-4" />
<a class="slprev" onclick="plusSlides('modal-i-4', -1)">❮</a>
<a class="slnext" onclick="plusSlides('modal-i-4', 1)">❯</a>
</div>
<div class="description-box">
<h4>Autodoctor</h4>
<p>My old (2017) WEB-project. The project is designed solely to improve my skills and get practice.</p>
</div>
<div class="buttons">
<a href="https://github.com/Oganesian/Repair-of-chips-and-cracks">GitHub</a>
<a href="https://oganesian.github.io/Repair-of-chips-and-cracks/" class="dismiss">GH-Pages</a>
<a class="dismiss" id="close-modal-1">Close</a>
</div>
</div>
<div class="modal-container" id="modal-c-5">
<div class="modal-img">
<img src="src/img/schedule_1.png" id="modal-i-5" />
<a class="slprev" onclick="plusSlides('modal-i-5', -1)">❮</a>
<a class="slnext" onclick="plusSlides('modal-i-5', 1)">❯</a>
</div>
<div class="description-box">
<h4>Schedule-maker</h4>
<p>Google-styled web application for making driving timetables (schedule)</p>
</div>
<div class="buttons">
<a href="https://github.com/Oganesian/schedule-maker">GitHub</a>
<a class="dismiss" id="close-modal-5">Close</a>
</div>
</div>
</div>
</section>
<footer>
<div class="go-back">
<img onclick="gotoDiv(0)" src="src/img/arrow-up.svg" alt="Go back" />
</div>
<div class="footer-row">
<div class="github">
<a href="https://github.com/Oganesian" target="_blank"><img src="src/img/gitlogo.png" alt="github logo"></a>
</div>
<div class="copyright">
<p>© Copyright 2018 — 2019 Oganesian Karen</p>
</div>
</div>
</footer>
</div>
</body>
</html>