Browse code

Update

Cinan Rakosnik authored on 16/02/2016 at 21:54:11
Showing 3 changed files
... ...
@@ -85,356 +85,17 @@
85 85
   }
86 86
   .visible-phone {
87 87
     display: inherit !important;
88
+    margin-left: 20px;
88 89
   }
89 90
   .hidden-phone {
90 91
     display: none !important;
91 92
   }
92
-}
93
-
94
-@media (min-width: 1200px) {
95
-  .row {
96
-    margin-left: -30px;
97
-    *zoom: 1;
98
-  }
99
-  .row:before,
100
-  .row:after {
101
-    display: table;
102
-    line-height: 0;
103
-    content: "";
104
-  }
105
-  .row:after {
106
-    clear: both;
107
-  }
108
-  [class*="span"] {
109
-    float: left;
110
-    min-height: 1px;
111
-    margin-left: 30px;
112
-  }
113
-  .container,
114
-  .navbar-static-top .container,
115
-  .navbar-fixed-top .container,
116
-  .navbar-fixed-bottom .container {
117
-    width: 1170px;
118
-  }
119
-  .span12 {
120
-    width: 1170px;
121
-  }
122
-  .span11 {
123
-    width: 1070px;
124
-  }
125
-  .span10 {
126
-    width: 970px;
127
-  }
128
-  .span9 {
129
-    width: 870px;
130
-  }
131
-  .span8 {
132
-    width: 770px;
133
-  }
134
-  .span7 {
135
-    width: 670px;
136
-  }
137
-  .span6 {
138
-    width: 570px;
139
-  }
140
-  .span5 {
141
-    width: 470px;
142
-  }
143
-  .span4 {
144
-    width: 370px;
145
-  }
146
-  .span3 {
147
-    width: 270px;
148
-  }
149
-  .span2 {
150
-    width: 170px;
151
-  }
152
-  .span1 {
153
-    width: 70px;
154
-  }
155
-  .offset12 {
156
-    margin-left: 1230px;
157
-  }
158
-  .offset11 {
159
-    margin-left: 1130px;
160
-  }
161
-  .offset10 {
162
-    margin-left: 1030px;
163
-  }
164
-  .offset9 {
165
-    margin-left: 930px;
166
-  }
167
-  .offset8 {
168
-    margin-left: 830px;
169
-  }
170
-  .offset7 {
171
-    margin-left: 730px;
172
-  }
173
-  .offset6 {
174
-    margin-left: 630px;
175
-  }
176
-  .offset5 {
177
-    margin-left: 530px;
178
-  }
179
-  .offset4 {
180
-    margin-left: 430px;
181
-  }
182
-  .offset3 {
183
-    margin-left: 330px;
184
-  }
185
-  .offset2 {
186
-    margin-left: 230px;
187
-  }
188
-  .offset1 {
189
-    margin-left: 130px;
190
-  }
191
-  .row-fluid {
192
-    width: 100%;
193
-    *zoom: 1;
194
-  }
195
-  .row-fluid:before,
196
-  .row-fluid:after {
197
-    display: table;
198
-    line-height: 0;
199
-    content: "";
200
-  }
201
-  .row-fluid:after {
202
-    clear: both;
203
-  }
204
-  .row-fluid [class*="span"] {
205
-    display: block;
206
-    float: left;
207
-    width: 100%;
208
-    min-height: 30px;
209
-    margin-left: 2.564102564102564%;
210
-    *margin-left: 2.5109110747408616%;
211
-    -webkit-box-sizing: border-box;
212
-       -moz-box-sizing: border-box;
213
-            box-sizing: border-box;
214
-  }
215
-  .row-fluid [class*="span"]:first-child {
216
-    margin-left: 0;
217
-  }
218
-  .row-fluid .span12 {
219
-    width: 100%;
220
-    *width: 99.94680851063829%;
221
-  }
222
-  .row-fluid .span11 {
223
-    width: 91.45299145299145%;
224
-    *width: 91.39979996362975%;
225
-  }
226
-  .row-fluid .span10 {
227
-    width: 82.90598290598291%;
228
-    *width: 82.8527914166212%;
229
-  }
230
-  .row-fluid .span9 {
231
-    width: 74.35897435897436%;
232
-    *width: 74.30578286961266%;
233
-  }
234
-  .row-fluid .span8 {
235
-    width: 65.81196581196582%;
236
-    *width: 65.75877432260411%;
237
-  }
238
-  .row-fluid .span7 {
239
-    width: 57.26495726495726%;
240
-    *width: 57.21176577559556%;
241
-  }
242
-  .row-fluid .span6 {
243
-    width: 48.717948717948715%;
244
-    *width: 48.664757228587014%;
245
-  }
246
-  .row-fluid .span5 {
247
-    width: 40.17094017094017%;
248
-    *width: 40.11774868157847%;
249
-  }
250
-  .row-fluid .span4 {
251
-    width: 31.623931623931625%;
252
-    *width: 31.570740134569924%;
253
-  }
254
-  .row-fluid .span3 {
255
-    width: 23.076923076923077%;
256
-    *width: 23.023731587561375%;
257
-  }
258
-  .row-fluid .span2 {
259
-    width: 14.52991452991453%;
260
-    *width: 14.476723040552828%;
261
-  }
262
-  .row-fluid .span1 {
263
-    width: 5.982905982905983%;
264
-    *width: 5.929714493544281%;
265
-  }
266
-  .row-fluid .offset12 {
267
-    margin-left: 105.12820512820512%;
268
-    *margin-left: 105.02182214948171%;
269
-  }
270
-  .row-fluid .offset12:first-child {
271
-    margin-left: 102.56410256410257%;
272
-    *margin-left: 102.45771958537915%;
273
-  }
274
-  .row-fluid .offset11 {
275
-    margin-left: 96.58119658119658%;
276
-    *margin-left: 96.47481360247316%;
277
-  }
278
-  .row-fluid .offset11:first-child {
279
-    margin-left: 94.01709401709402%;
280
-    *margin-left: 93.91071103837061%;
281
-  }
282
-  .row-fluid .offset10 {
283
-    margin-left: 88.03418803418803%;
284
-    *margin-left: 87.92780505546462%;
285
-  }
286
-  .row-fluid .offset10:first-child {
287
-    margin-left: 85.47008547008548%;
288
-    *margin-left: 85.36370249136206%;
289
-  }
290
-  .row-fluid .offset9 {
291
-    margin-left: 79.48717948717949%;
292
-    *margin-left: 79.38079650845607%;
293
-  }
294
-  .row-fluid .offset9:first-child {
295
-    margin-left: 76.92307692307693%;
296
-    *margin-left: 76.81669394435352%;
297
-  }
298
-  .row-fluid .offset8 {
299
-    margin-left: 70.94017094017094%;
300
-    *margin-left: 70.83378796144753%;
301
-  }
302
-  .row-fluid .offset8:first-child {
303
-    margin-left: 68.37606837606839%;
304
-    *margin-left: 68.26968539734497%;
305
-  }
306
-  .row-fluid .offset7 {
307
-    margin-left: 62.393162393162385%;
308
-    *margin-left: 62.28677941443899%;
309
-  }
310
-  .row-fluid .offset7:first-child {
311
-    margin-left: 59.82905982905982%;
312
-    *margin-left: 59.72267685033642%;
313
-  }
314
-  .row-fluid .offset6 {
315
-    margin-left: 53.84615384615384%;
316
-    *margin-left: 53.739770867430444%;
317
-  }
318
-  .row-fluid .offset6:first-child {
319
-    margin-left: 51.28205128205128%;
320
-    *margin-left: 51.175668303327875%;
321
-  }
322
-  .row-fluid .offset5 {
323
-    margin-left: 45.299145299145295%;
324
-    *margin-left: 45.1927623204219%;
325
-  }
326
-  .row-fluid .offset5:first-child {
327
-    margin-left: 42.73504273504273%;
328
-    *margin-left: 42.62865975631933%;
329
-  }
330
-  .row-fluid .offset4 {
331
-    margin-left: 36.75213675213675%;
332
-    *margin-left: 36.645753773413354%;
333
-  }
334
-  .row-fluid .offset4:first-child {
335
-    margin-left: 34.18803418803419%;
336
-    *margin-left: 34.081651209310785%;
337
-  }
338
-  .row-fluid .offset3 {
339
-    margin-left: 28.205128205128204%;
340
-    *margin-left: 28.0987452264048%;
341
-  }
342
-  .row-fluid .offset3:first-child {
343
-    margin-left: 25.641025641025642%;
344
-    *margin-left: 25.53464266230224%;
345
-  }
346
-  .row-fluid .offset2 {
347
-    margin-left: 19.65811965811966%;
348
-    *margin-left: 19.551736679396257%;
349
-  }
350
-  .row-fluid .offset2:first-child {
351
-    margin-left: 17.094017094017094%;
352
-    *margin-left: 16.98763411529369%;
353
-  }
354
-  .row-fluid .offset1 {
355
-    margin-left: 11.11111111111111%;
356
-    *margin-left: 11.004728132387708%;
357
-  }
358
-  .row-fluid .offset1:first-child {
359
-    margin-left: 8.547008547008547%;
360
-    *margin-left: 8.440625568285142%;
361
-  }
362
-  input,
363
-  textarea,
364
-  .uneditable-input {
365
-    margin-left: 0;
366
-  }
367
-  .controls-row [class*="span"] + [class*="span"] {
368
-    margin-left: 30px;
369
-  }
370
-  input.span12,
371
-  textarea.span12,
372
-  .uneditable-input.span12 {
373
-    width: 1156px;
374
-  }
375
-  input.span11,
376
-  textarea.span11,
377
-  .uneditable-input.span11 {
378
-    width: 1056px;
379
-  }
380
-  input.span10,
381
-  textarea.span10,
382
-  .uneditable-input.span10 {
383
-    width: 956px;
384
-  }
385
-  input.span9,
386
-  textarea.span9,
387
-  .uneditable-input.span9 {
388
-    width: 856px;
389
-  }
390
-  input.span8,
391
-  textarea.span8,
392
-  .uneditable-input.span8 {
393
-    width: 756px;
394
-  }
395
-  input.span7,
396
-  textarea.span7,
397
-  .uneditable-input.span7 {
398
-    width: 656px;
399
-  }
400
-  input.span6,
401
-  textarea.span6,
402
-  .uneditable-input.span6 {
403
-    width: 556px;
404
-  }
405
-  input.span5,
406
-  textarea.span5,
407
-  .uneditable-input.span5 {
408
-    width: 456px;
409
-  }
410
-  input.span4,
411
-  textarea.span4,
412
-  .uneditable-input.span4 {
413
-    width: 356px;
414
-  }
415
-  input.span3,
416
-  textarea.span3,
417
-  .uneditable-input.span3 {
418
-    width: 256px;
419
-  }
420
-  input.span2,
421
-  textarea.span2,
422
-  .uneditable-input.span2 {
423
-    width: 156px;
424
-  }
425
-  input.span1,
426
-  textarea.span1,
427
-  .uneditable-input.span1 {
428
-    width: 56px;
429
-  }
430
-  .thumbnails {
431
-    margin-left: -30px;
432
-  }
433
-  .thumbnails > li {
434
-    margin-left: 30px;
93
+  .pagination-left-mobile {
94
+    text-align: left;
435 95
   }
436
-  .row-fluid .thumbnails {
437
-    margin-left: 0;
96
+  .progress {
97
+    margin-top: 5px;
98
+    margin-bottom: 15px;
438 99
   }
439 100
 }
440 101
 
... ...
@@ -778,8 +439,8 @@
778 778
 
779 779
 @media (max-width: 767px) {
780 780
   body {
781
-    padding-right: 20px;
782
-    padding-left: 20px;
781
+    padding-right: 20px !important;
782
+    padding-left: 20px !important;
783 783
   }
784 784
   .navbar-fixed-top,
785 785
   .navbar-fixed-bottom,
... ...
@@ -912,6 +573,8 @@
912 912
 @media (max-width: 979px) {
913 913
   body {
914 914
     padding-top: 0;
915
+    padding-left: 40px;
916
+    padding-right: 40px;
915 917
   }
916 918
   .navbar-fixed-top,
917 919
   .navbar-fixed-bottom {
... ...
@@ -1058,4 +721,4 @@
1058 1058
 }
1059 1059
 .description {
1060 1060
     font-style:italic; font-size: 15px;
1061
-}
1062 1061
\ No newline at end of file
1062
+}
... ...
@@ -155,6 +155,9 @@ body {
155 155
   color: #2d2d2d;
156 156
   background-color: #ffffff;
157 157
   padding-top: 80px;
158
+  padding-bottom: 20px;
159
+  padding-left: 40px;
160
+  padding-right: 40px;
158 161
   -webkit-font-smoothing: antialiased;
159 162
   -moz-osx-font-smoothing: grayscale;
160 163
   text-rendering: optimizeLegibility;
... ...
@@ -531,7 +534,7 @@ h3,
531 531
 h4,
532 532
 h5,
533 533
 h6 {
534
-  margin: 10.5px 0;
534
+  margin: 10.5px 0 2px;
535 535
   font-family: inherit;
536 536
   font-weight: normal;
537 537
   line-height: 1;
... ...
@@ -4464,26 +4467,31 @@ a.thumbnail:hover {
4464 4464
   color: #ffffff;
4465 4465
   vertical-align: baseline;
4466 4466
   white-space: nowrap;
4467
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
4468 4467
   background-color: #bbbbbb;
4469 4468
 }
4470 4469
 .label {
4471
-  padding: 1px 4px 2px;
4470
+  padding: 2px 9px;
4471
+  display: inline-block;
4472 4472
   -webkit-border-radius: 3px;
4473 4473
   -moz-border-radius: 3px;
4474 4474
   border-radius: 3px;
4475 4475
 }
4476 4476
 .badge {
4477
-  padding: 1px 9px 2px;
4477
+  padding: 2px 9px;
4478 4478
   -webkit-border-radius: 9px;
4479 4479
   -moz-border-radius: 9px;
4480 4480
   border-radius: 9px;
4481
+  margin-left: 8px;
4482
+  vertical-align: middle;
4483
+  display: inline-block;
4484
+  margin-top: -4px;
4481 4485
 }
4482 4486
 a.label:hover,
4483 4487
 a.badge:hover {
4484 4488
   color: #ffffff;
4485 4489
   text-decoration: none;
4486 4490
   cursor: pointer;
4491
+  background-color: #558bc4;
4487 4492
 }
4488 4493
 .label-important,
4489 4494
 .badge-important {
... ...
@@ -4593,6 +4601,10 @@ a.badge:hover {
4593 4593
   -moz-border-radius: 4px;
4594 4594
   border-radius: 4px;
4595 4595
 }
4596
+.progress {
4597
+  margin: 10px 0;
4598
+  height: 22px;
4599
+}
4596 4600
 .progress .bar {
4597 4601
   width: 0%;
4598 4602
   height: 100%;
... ...
@@ -5184,10 +5196,6 @@ div.subnav .nav > li.dropdown.open > .dropdown-toggle:hover {
5184 5184
   color: #ffffff;
5185 5185
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
5186 5186
 }
5187
-.label,
5188
-.badge {
5189
-  padding-top: 4px;
5190
-}
5191 5187
 .label-important,
5192 5188
 .badge-important {
5193 5189
   background-color: #cd0200;
... ...
@@ -58,7 +58,7 @@
58 58
 			</div> 
59 59
 			<div class="row" itemprop="description">
60 60
 				<div class="span12">Pred <?= floor((time() - mktime(0,0,0, 7, 29, 1992)) / (60 * 60 * 24 * 365)) ?> rokmi som sa narodil Bardejove. Teraz žijem v Bratislave.
61
-				<br>Rád programujem webové služby a aplikácie. Začínal som s platformou Linux/BSD + Apache/Nginx + Mysql + PHP, skúsil som si aj Ruby a NoSQL databázy. V súčasnosti píšem webové appky pre počítače a hybridné pre mobily v Darte a Javascripte. Sledujem najnovšie trendy a technológie, ktoré aj neskôr využívam.
61
+				<br>Rád programujem webové služby a aplikácie. Začínal som s platformou Linux/BSD + Apache/Nginx + MySQL + PHP, skúsil som si aj Ruby a NoSQL databázy. V súčasnosti píšem webové appky pre počítače a hybridné pre mobily v Darte a Javascripte. Sledujem najnovšie trendy a technológie, ktoré aj následne využívam.
62 62
 				<br>
63 63
 				<br>Uznávam Lego. Neuznávam dotykové telefóny bez hardwarovej klávesnice.
64 64
 				<br>Na internet nechodím, ja tu žijem.
... ...
@@ -66,66 +66,93 @@
66 66
 			</div>
67 67
 		</section>
68 68
 
69
-		<section id="education">
69
+		<section id="experience">
70 70
 			<div class="row">
71 71
 				<div class="page-header">
72
-					<h2>Vzdelanie</h2>
72
+					<h2>Zamestnania</h2>
73 73
 				</div>
74 74
 			</div>
75 75
 			
76
-			<section>
76
+			<section id="staffino" itemprop="worksFor" itemscope itemtype="http://schema.org/LocalBusiness">
77 77
 				<div class="row">
78 78
 					<div class="span8">
79 79
 						<hgroup>
80
-							<h4>Fakulta hospodárskej informatiky, Ekonomická univerzita, Bratislava</h4>
80
+							<h4><span itemprop="name">Staffino</span> <a href="http://staffino.com/" target="_BLANK" itemprop="url" class="badge">Link</a><span class="visible-phone label pull-right">Júl 2014 &ndash; súčasnosť</span></h4>
81 81
 						</hgroup>
82 82
 					</div>
83 83
 					<div class="span4">
84
-						<span class="visible-phone label">2015 &ndash; súčasnosť</span>
85
-						<span class="hidden-phone pull-right description">2015 &ndash; súčasnosť</span>
84
+						<span class="hidden-phone pull-right description">Júl 2014 &ndash; súčasnosť</span>
86 85
 					</div>
87 86
 				</div>
88 87
 				<div class="row">
89
-					<div class="span6 description">Manažérske rozhodovanie a informačné technológie, inžiniersky stupeň</div>
88
+					<div class="span6 description">Programátor</div>
89
+				</div>
90
+				<div class="row" style="padding-top: 8px;">
91
+					<div class="span12">
92
+						<ul>
93
+							<li>Návrh, programovanie, štýlovanie a údržba webovej aplikácie a mobilnej hybridnej aplikácie Staffino pre manažérov. V staršej aplikácii som sa rozhodol pre AngularDart a v novšej som využil react.js.</li>
94
+							<li>Plánovanie úloh a procesov s ostatnými členmi tímu</li>
95
+              <li>Konfigurácia serverov cez Chef</li>
96
+						</ul>
97
+					</div>
90 98
 				</div>
91 99
 			</section>
92
-			<br>
93
-			<section itemprop="alumniOf" itemscope itemtype="http://schema.org/CollegeOrUniversity">
100
+
101
+			<section id="backbone" itemprop="worksFor" itemscope itemtype="http://schema.org/LocalBusiness">
94 102
 				<div class="row">
95 103
 					<div class="span8">
96 104
 						<hgroup>
97
-							<h4 itemprop="name">Fakulta matematiky, fyziky a informatiky, Univerzita Komenského, Bratislava</h4>
105
+							<h4><span itemprop="name">Backbone s.r.o.</span> <a href="http://backbone.sk" target="_BLANK" itemprop="url" class="badge">Link</a><span class="visible-phone label pull-right">Júl 2012 &ndash; Január 2015</span>
106
+</h4>
98 107
 						</hgroup>
99 108
 					</div>
100 109
 					<div class="span4">
101
-						<span class="visible-phone label">2010 &ndash; 2013</span>
102
-						<span class="hidden-phone pull-right description">2010 &ndash; 2013</span>
110
+					  <span class="hidden-phone pull-right description">Júl 2012 &ndash; Január 2015</span>
103 111
 					</div>
104 112
 				</div>
105 113
 				<div class="row">
106
-					<div class="span6 description">Aplikovaná informatika, bakalársky stupeň</div>
114
+					<div class="span6 description">Programátor</div>
115
+				</div>
116
+				<div class="row" style="padding-top: 8px;">
117
+					<div class="span12">
118
+						<ul>
119
+							<li>Programovanie stránok na zakázku</li>
120
+							<li>Práca v tíme</li>
121
+						</ul>
122
+					</div>
107 123
 				</div>
108 124
 			</section>
109
-			<br>
110
-			<section itemprop="alumniOf" itemscope itemtype="http://schema.org/HighSchool">
125
+
126
+			<section itemprop="worksFor" itemscope itemtype="http://schema.org/LocalBusiness">
111 127
 				<div class="row">
112 128
 					<div class="span8">
113 129
 						<hgroup>
114
-							<h4 itemprop="name">Osemročné gymnázium sv. Jána Bosca, Bardejov</h4>
130
+							<h4><span itemprop="name">212 s.r.o.</span> <a href="http://212.sk" target="_BLANK" itemprop="url" class="badge">Link</a><span class="visible-phone label pull-right">Február 2012 &ndash; Apríl 2013</span></h4>
115 131
 						</hgroup>
116 132
 					</div>
117 133
 					<div class="span4">
118
-						<span class="visible-phone label">2002 &ndash; 2010</span>
119
-						<span class="hidden-phone pull-right description">2002 &ndash; 2010</span>
134
+						<span class="hidden-phone pull-right description">Február 2012 &ndash; Apríl 2013</span>
135
+					</div>
136
+				</div>
137
+				<div class="row">
138
+					<div class="span6 description">Webmaster</div>
139
+				</div>
140
+				<div class="row" style="padding-top: 8px;">
141
+					<div class="span12">
142
+						<ul>
143
+							<li>Úprava webstránok podľa pokynov zadávateľa</li>
144
+							<li>Spravovanie stránok bežiacich na Drupale</li>
145
+							<li>Samostatná práca</li>
146
+						</ul>
120 147
 					</div>
121 148
 				</div>
122 149
 			</section>
123 150
 		</section>
124
-
125
-		<section id="courses">
151
+	      
152
+		<section id="education">
126 153
 			<div class="row">
127 154
 				<div class="page-header">
128
-					<h2>Kurzy a školenia</h2>
155
+					<h2>Vzdelanie</h2>
129 156
 				</div>
130 157
 			</div>
131 158
 			
... ...
@@ -133,123 +160,90 @@
133 133
 				<div class="row">
134 134
 					<div class="span8">
135 135
 						<hgroup>
136
-							<h4>10gen Education <a href="https://education.10gen.com/" target="_BLANK"><span class="badge">Link <span class="icon-arrow-right icon-white" style="margin-top:0"></span></span></a></h4>
136
+							<h4>Fakulta hospodárskej informatiky, Ekonomická univerzita, Bratislava<span class="visible-phone label pull-right">2015 &ndash; súčasnosť</span></h4>
137 137
 						</hgroup>
138 138
 					</div>
139 139
 					<div class="span4">
140
-						<span class="visible-phone label">Október 2012 &ndash; December 2012</span>
141
-						<span class="hidden-phone pull-right description">Október 2012 &ndash; December 2012</span>
140
+						<span class="hidden-phone pull-right description">2015 &ndash; súčasnosť</span>
142 141
 					</div>
143 142
 				</div>
144
-				
145 143
 				<div class="row">
146
-					<div class="span6 description">MongoDB for Developers</div>
144
+					<div class="span6 description">Informačný manažment, inžiniersky stupeň</div>
147 145
 				</div>
148 146
 			</section>
149
-				
150
-			<section>
147
+			<br>
148
+			<section itemprop="alumniOf" itemscope itemtype="http://schema.org/CollegeOrUniversity">
151 149
 				<div class="row">
152 150
 					<div class="span8">
153 151
 						<hgroup>
154
-							<h4>Inštitút cudzích jazykov, Bardejov <a href="http://icj-bardejov.sk/" target="_BLANK"><span class="badge">Link <span class="icon-arrow-right icon-white" style="margin-top:0"></span></span></a></h4>
152
+							<h4 itemprop="name">Fakulta matematiky, fyziky a informatiky, Univerzita Komenského, Bratislava<span class="visible-phone label pull-right">2010 &ndash; 2013</span></h4>
155 153
 						</hgroup>
156 154
 					</div>
157 155
 					<div class="span4">
158
-						<span class="visible-phone label">2006 &ndash; 2010</span>
159
-						<span class="hidden-phone pull-right description">2006 &ndash; 2010</span>
156
+						<span class="hidden-phone pull-right description">2010 &ndash; 2013</span>
160 157
 					</div>
161 158
 				</div>
162
-				
163 159
 				<div class="row">
164
-					<div class="span6 description">Kurz anglického jazyka</div>
160
+					<div class="span6 description">Aplikovaná informatika, bakalársky stupeň</div>
165 161
 				</div>
166 162
 			</section>
167
-		</section>
168
-
169
-		<section id="experience">
170
-			<div class="row">
171
-				<div class="page-header">
172
-					<h2>Zamestnania</h2>
173
-				</div>
174
-			</div>
175
-			
176
-			<section id="staffino" itemprop="worksFor" itemscope itemtype="http://schema.org/LocalBusiness">
163
+			<br>
164
+			<section itemprop="alumniOf" itemscope itemtype="http://schema.org/HighSchool">
177 165
 				<div class="row">
178 166
 					<div class="span8">
179 167
 						<hgroup>
180
-							<h4><span itemprop="name">Staffino</span> <a href="http://staffino.com/" target="_BLANK" itemprop="url"><span class="badge">Link <span class="icon-arrow-right icon-white" style="margin-top:0"></span></span></a></h4>
168
+							<h4 itemprop="name">Osemročné gymnázium sv. Jána Bosca, Bardejov<span class="visible-phone label pull-right">2002 &ndash; 2010</span></h4>
181 169
 						</hgroup>
182 170
 					</div>
183 171
 					<div class="span4">
184
-						<span class="visible-phone label">Júl 2014 &ndash; súčasnosť</span>
185
-						<span class="hidden-phone pull-right description">Júl 2014 &ndash; súčasnosť</span>
186
-					</div>
187
-				</div>
188
-				<div class="row">
189
-					<div class="span6 description">Programátor</div>
190
-				</div>
191
-				<div class="row" style="padding-top: 8px;">
192
-					<div class="span12">
193
-						<ul>
194
-							<li>Návrh, programovanie a údržba webovej aplikácie a mobilnej hybridnej aplikácie Staffino pre manažérov</li>
195
-							<li>Plánovanie úloh a procesov s ostatnými členmi tímu</li>
196
-						</ul>
172
+						<span class="hidden-phone pull-right description">2002 &ndash; 2010</span>
197 173
 					</div>
198 174
 				</div>
199 175
 			</section>
176
+		</section>
200 177
 
201
-			<section id="backbone" itemprop="worksFor" itemscope itemtype="http://schema.org/LocalBusiness">
178
+		<section id="courses">
179
+			<div class="row">
180
+				<div class="page-header">
181
+					<h2>Kurzy a školenia</h2>
182
+				</div>
183
+			</div>
184
+			
185
+			<section>
202 186
 				<div class="row">
203 187
 					<div class="span8">
204 188
 						<hgroup>
205
-							<h4><span itemprop="name">Backbone s.r.o.</span> <a href="http://backbone.sk" target="_BLANK" itemprop="url"><span class="badge">Link <span class="icon-arrow-right icon-white" style="margin-top:0"></span></span></a></h4>
189
+							<h4>10gen Education <a href="https://education.10gen.com/" target="_BLANK" class="badge">Link</a><span class="visible-phone label pull-right">Október 2012 &ndash; December 2012</span></h4>
206 190
 						</hgroup>
207 191
 					</div>
208 192
 					<div class="span4">
209
-						<span class="visible-phone label">Júl 2012 &ndash; Január 2015</span>
210
-						<span class="hidden-phone pull-right description">Júl 2012 &ndash; Január 2015</span>
193
+						<span class="hidden-phone pull-right description">Október 2012 &ndash; December 2012</span>
211 194
 					</div>
212 195
 				</div>
196
+				
213 197
 				<div class="row">
214
-					<div class="span6 description">Programátor</div>
215
-				</div>
216
-				<div class="row" style="padding-top: 8px;">
217
-					<div class="span12">
218
-						<ul>
219
-							<li>Programovanie stránok na zakázku</li>
220
-							<li>Práca v tíme</li>
221
-						</ul>
222
-					</div>
198
+					<div class="span6 description">MongoDB for Developers</div>
223 199
 				</div>
224 200
 			</section>
225
-
226
-			<section itemprop="worksFor" itemscope itemtype="http://schema.org/LocalBusiness">
201
+			<br>
202
+			<section>
227 203
 				<div class="row">
228 204
 					<div class="span8">
229 205
 						<hgroup>
230
-							<h4><span itemprop="name">212 s.r.o.</span> <a href="http://212.sk" target="_BLANK" itemprop="url"><span class="badge">Link <span class="icon-arrow-right icon-white" style="margin-top:0"></span></span></a></h4>
206
+							<h4>Inštitút cudzích jazykov, Bardejov <a href="http://icj-bardejov.sk/" target="_BLANK" class="badge">Link</a><span class="visible-phone label pull-right">2006 &ndash; 2010</span></h4>
231 207
 						</hgroup>
232 208
 					</div>
233 209
 					<div class="span4">
234
-						<span class="visible-phone label">Február 2012 &ndash; Apríl 2013</span>
235
-						<span class="hidden-phone pull-right description">Február 2012 &ndash; Apríl 2013</span>
210
+						<span class="hidden-phone pull-right description">2006 &ndash; 2010</span>
236 211
 					</div>
237 212
 				</div>
213
+				
238 214
 				<div class="row">
239
-					<div class="span6 description">Webmaster</div>
240
-				</div>
241
-				<div class="row" style="padding-top: 8px;">
242
-					<div class="span12">
243
-						<ul>
244
-							<li>Úprava webstránok podľa pokynov zadávateľa</li>
245
-							<li>Spravovanie stránok bežiacich na Drupale</li>
246
-							<li>Samostatná práca</li>
247
-						</ul>
248
-					</div>
215
+					<div class="span6 description">Kurz anglického jazyka</div>
249 216
 				</div>
250 217
 			</section>
251 218
 		</section>
252
-	      
219
+
253 220
 		<section id="technical">
254 221
 			<div class="row">
255 222
 				<div class="page-header">
... ...
@@ -261,8 +255,9 @@
261 261
 					<?php
262 262
 					iprogram('Dart','90');
263 263
 					iprogram('ECMAScript/Javascript','90');
264
-					iprogram('PHP','90');
265
-					iprogram('MySQL','85');														iprogram('CSS/Stylus/SCSS','80');
264
+          iprogram('CSS/Stylus/Sass','85');
265
+					iprogram('PHP','80');
266
+          iprogram('MySQL','80');														
266 267
 					iprogram('IndexedDB','60');
267 268
 					iprogram('MongoDB','50');
268 269
 					iprogram('Ruby','40');
... ...
@@ -278,11 +273,11 @@
278 278
 						<h4>Vlastné a školské projekty</h4>
279 279
 						<hr />
280 280
 						<ul>
281
-						<?= project('Bakalárska práca &ndash; XMPP (Jabber) chat so simulovanými MUC', 'Ruby (on Rails), MongoDB, Websocket, Backbone.js, SCSS', '','http://git.cinan.sk/xmpp-bachelor.git/') ?>
282
-						<?= project('Administrácia tohto servera', 'GNU/Linux, Nginx, PHP, MySQL, Git server, zálohovacie úložište, ownCloud, Octopress blog, Piwik') ?>
281
+						<?= project('Bakalárska práca &ndash; XMPP (Jabber) chat so simulovanými MUC', 'Ruby (on Rails), MongoDB, Websocket, Backbone.js, SCSS') ?>
282
+            <?= project('Administrácia tohto servera', 'GNU/Linux, Nginx, PHP, MySQL, git server, zálohovacie úložište, ownCloud, Octopress blog, Piwik') ?>
283
+            <?= project('Bezdrôtová domácnosť s Raspberry Pi', 'automatické pravidelné zálohy, multimediálne centrum') ?>
283 284
 						<?= project('Socket.IO pre Dart', 'Portovanie Socket.IO do Dartu s využitím dartovských idiómov') ?>
284 285
 						</ul>
285
-						<a class="pull-right btn btn-small btn-inverse" href="http://git.cinan.sk">Môj Git <i class="icon-arrow-right icon-white"></i></a><br />
286 286
 					</div>
287 287
 				</div>
288 288
 			</div>
... ...
@@ -327,8 +322,8 @@
327 327
 			</div> 
328 328
 			<div class="row">
329 329
 				<div class="span12">
330
-					Rád varím. Občas staviam Lego, prečítam knihu alebo pozriem film. Zaujímam sa o typografiu.
331
-				</div>
330
+          Zaujímam sa o typografiu. Rád varím. Občas staviam Lego, prečítam alebo vypočujem si knihu alebo ešte radšej pozriem film. 
331
+        </div>
332 332
 			</div>
333 333
 		</section>
334 334
 		<footer>
... ...
@@ -344,12 +339,11 @@ function iprogram($language,$percent) {
344 344
 	echo <<<EOD
345 345
 <div class="row">
346 346
 	<div class="span3">
347
-		<h4 style="text-align: right" class="hidden-phone">$language</h4>
348
-		<span class="badge visible-phone" style="text-align: center">$language</span>
347
+		<h4 class="pagination-right pagination-left-mobile">$language</h4>
349 348
 	</div>
350 349
 	<div class="span4">
351
-		<div class="progress" style="margin: 10px 0 10px 0; height: 22px;">
352
-			<div class="bar" style="width: $percent%;"></div>
350
+		<div class="progress">
351
+			<div class="bar" style="width: $percent%"></div>
353 352
 		</div>
354 353
 	</div>
355 354
 </div>
... ...
@@ -357,7 +351,7 @@ EOD;
357 357
 	
358 358
 }
359 359
 
360
-function project($name, $technologies, $look = '', $code = '') {
360
+function project($name, $technologies) {
361 361
 	echo '<li style="padding-top: 12px">';
362 362
 	
363 363
 	if (!empty($look)) {
... ...
@@ -368,9 +362,6 @@ function project($name, $technologies, $look = '', $code = '') {
368 368
 		echo '<br><span><em>'.$technologies.'</em></span>';
369 369
 	}
370 370
 	
371
-	if (!empty($code)) {
372
-		echo ' <a href="'.$code.'" target="_BLANK"><span class="pull-right badge badge-info">Zdrojáky <i class="icon-arrow-right icon-white"></i></span></a>';
373
-	}
374 371
 	echo '</li>';
375 372
 }
376 373
 ?>