<!DOCTYPE html>
<html lang="sk">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Curriculum Vitae - Frantisek Elias">
	<meta name="author" content="Frantisek Elias">
	<title>František Eliáš - Curriculum Vitae</title>
	
	<link href="/assets/css/bootstrap.css" rel="stylesheet">
	<link href="/assets/css/bootstrap-responsive.css" rel="stylesheet">

	<!--[if lt IE 9]>
	  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
</head>
<body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
	<div class="container">
		<header class="jumbotron">
			<div class="row">
				<div class="span12">
					<hgroup>
						<h1 style="padding: 10px 0px; text-align: center; font-size: 60px">František Eliáš</h1>
						<h2 style="text-align: center; text-style: italic">curriculum vitae</h2>
					</hgroup>
					<address style="text-align: center">
						<a href="http://blog.cinan.sk" target="_blank">blog.cinan.sk</a><br />
						<a href="mailto:elias.frantisek@gmail.com">elias.frantisek@gmail.com</a><br />
						<a href="tel:+421949376613">+421 949 376 613</a>
					</address>
				</div>
			</div> 
		</header>

		<section id="about">
			<div class="row">
				<div class="page-header">
					<h2>O mne</h2>
				</div>
			</div> 
			<div class="row">
				<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 a študujem na Matfyze. Som v 3. ročníku odboru Aplikovaná informatika. 
				<br>Rád programujem moderné webové stránky a aplikácie. Zvyčajne vyvíjam na platforme Linux/BSD + Apache/Nginx + Mysql + PHP, ale mám skúsenosti aj s RoR aplikáciami a NoSQL databázami. 
				<br>
				<br>Uznávam Lego. Neuznávam dotykové telefóny. 
				<br>Na internet nechodím, ja tu žijem.
				</div>
			</div>
		</section>

		<section id="education">
			<div class="row">
				<div class="page-header">
					<h2>Vzdelanie</h2>
				</div>
			</div>
			<? 
			position("Fakulta matematiky, fyziky a informatiky, Univerzita Komenského, Bratislava","Aplikovaná informatika","2010 - súčasnosť",'',"");
			echo '<br />';
			position("Osemročné gymnázium sv. Jána Bosca, Bardejov","","2002 - 2010",'',"");
			?>
		</section>

		<section id="courses">
			<div class="row">
				<div class="page-header">
					<h2>Kurzy a školenia</h2>
				</div>
			</div>
			<?
			position("10gen Education","MongoDB for Developers","Október 2012 - December 2012",'',"https://education.10gen.com/");
			position("Inštitút cudzích jazykov, Bardejov","Kurz anglického jazyka","2006 - 2010",'',"http://icj-bardejov.sk/");
			?>
		</section>
		
		<section id="experience">
			<div class="row">
				<div class="page-header">
					<h2>Zamestnania</h2>
				</div>
			</div>
		<?
			position("Backbone s.r.o.","Programátor","Júl 2012 - súčasnosť",'<ul>
				<li>Programovanie stránok na zakázku</li>
				<li>Používané technológie: PHP (firemný MVC framework), Javascript/Coffeescript, MySQL, Twig, SCSS, Capistrano, Svn, Git</li>
				<li>Práca v tíme</li></ul>', 'http://backbone.sk'
			);
			
			position("212 s.r.o.","Správa webstránok","Február 2012 - Apríl 2013",'<ul>
				<li>Úprava webstránok podľa pokynov zadávateľa</li>
				<li>Spravovanie stránok bežiacich na Drupale</li>
				<li>Samostatná práca</li></ul>', 'http://212.sk'
			);
		?>
		</section>
	      
		<section id="technical">
			<div class="row">
				<div class="page-header">
					<h2>Jazyky a technológie</h2>
				</div>
			</div>
			<div class="row">
				<div class="span8">
					<?
					iprogram('PHP','85');
					iprogram('Ruby','50');
					iprogram('Javascript/Coffeescript','65');
					iprogram('MySQL','80');
					iprogram('MongoDB','50'); 
					iprogram('CSS','60');
					iprogram('Git','70');
					iprogram('Bash','70');
					iprogram('C++','30');
					iprogram('Java','35');
					iprogram('Matlab','20');
					iprogram('Haskell','25');
					?>
				</div>
				<div class="span4">
					<div class="well">
						<h4>Vlastné a školské projekty</h4>
						<hr />
						<ul>
						<?= project('Bakalárska práca &ndash; XMPP (Jabber) chat so simulovanými MUC', 'Ruby (on Rails), MongoDB, <strong>Websocket</strong>, <strong>Backbone.js</strong>', 'http://chat.cinan.sk','http://git.cinan.sk/xmpp-bachelor.git/') ?>
						<?= project('Administrácia tohto servera', 'GNU/Linux, Nginx, PHP, MySQL, MongoDB, Ruby on Rails aplikácie, Git server, zálohovacie úložište, ownCloud, Octopress blog', '', '') ?>
						</ul>
						<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 />
					</div>
				</div>
			</div>
		</section>      
		<section id="foreign-languages">
			<div class="row">
				<div class="page-header">
					<h2>Jazykové znalosti</h2>
				</div>
			</div> 
			<div class="row">
				<div class="span12">
					<ul>
						<li><span title="Vyhral som 1. miesto v okresnom kole súťaže zo slovenskej gramatiky :)" style="border-bottom: 1px dotted #BBB">Slovenský jazyk</span> &ndash; materinský jazyk</li>
						<li>Anglický jazyk &ndash; aktívne</li>
						<li>Ruský jazyk &ndash; základy</li>
						<li>Francúzsky jazyk &ndash; základy</li>
					</ul>
				</div>
			</div>
		</section>
		<section id="driver-license">
			<div class="row">
				<div class="page-header">
					<h2>Vodičský preukaz</h2>
				</div>
			</div> 
			<div class="row">
				<div class="span12">
					<ul>
						<li>Skupina B</li>
						<!--<li>A mozno tu pribude aj A skupina</li>-->
					</ul>
				</div>
			</div>
		</section>
		<footer>
			<small style="text-align: center; display: block;">František Eliáš, <?= date('Y') ?></small>
		</footer>
	</div>
</body>
</html>

<?php
function position($company,$job,$dates,$blob,$link) {
	$linkhtml = empty($link)
		? ''
		: '<a href="'.$link.'" target="_BLANK"><span class="badge">Link <span class="icon-arrow-right icon-white" style="margin-top:0"></span></span></a>';

	$blobhtml = empty($blob)
		? ''
		: '<div class="row" style="padding-top: 8px;"><div class="span12">'.$blob.'</div></div>';

	echo <<<EOD
<div class="row">
	<div class="span8">
		<hgroup>
			<h4>$company $linkhtml</h4>
		</hgroup>
	</div>
	<div class="span4">
		<span class="visible-phone label">$dates</span>
		<span class="hidden-phone pull-right" style="font-style:italic; font-size: 15px;" >$dates</span>
	</div>
</div>
<div class="row">
	<div class="span6"><span style="font-style:italic; font-size: 15px;">$job</span></div>
</div>
$blobhtml
EOD;

}


function iprogram($language,$percent) {
	echo <<<EOD
<div class="row">
	<div class="span3">
		<h4 style="text-align: right" class="hidden-phone">$language</h4>
		<span class="badge visible-phone" style="text-align: center">$language</span>
	</div>
	<div class="span4">
		<div class="progress" style="margin: 10px 0 10px 0; height: 22px;">
			<div class="bar" style="width: $percent%;"></div>
		</div>
	</div>
</div>
EOD;
	
}

function project($name, $technologies, $look, $code) {
	echo '<li style="padding-top: 12px">';
	
	if (!empty($look)) {
		echo '<a href="'.$look.'" target="_BLANK">'.$name.'</a>';
		echo '<br><span>'.$technologies.'</span>';
	} else {
		echo $name;
		echo '<br><span>'.$technologies.'</span>';
	}
	
	if (!empty($code)) {
		echo ' <a href="'.$code.'" target="_BLANK"><span class="badge badge-info">Zdrojáky <i class="icon-arrow-right icon-white"></i></span></a>';
	}
	echo '</li>';
}
?>