<!DOCTYPE html>
<html>
<head></head>
<body style="">
<div id='main'>
<iframe id="player" src="" style="visibility:hidden;position:absolute;right:0;bottom:0;" frameborder="0"></iframe>
<div id='i0'>
<div id='name'>Andrej Noskaj</div>
<div id='places'>Bottova2 • Šaľa, Slovakia, 92701 • 0917823863 • [email protected]</div>
<div id='objective_title'>Objective</div>
<div id='objective_txt'>Recent graduate from Gymnasium.Focusing on technical environment since birth, additionally with advanced general knowledge.Great communication, assertive and reliable.Highly docile with enthusiastic problem solving.
Knowledge on both coding and exploit-detection sides.Interested in using technical skills and knowledge to afforce company's position and contributing to team by empathic behavior.</div>
<div id='skills_title'>Skills</div>
<div id='skills_txt'>
<p><u>Computing skills:</u></p>
<ul>
<li>Website developement languages:
<pre>HTML</pre>
<pre>Javascript</pre>
<pre>CSS</pre>
<pre>PHP</pre>
</li>
<li>Other languages and environments:
<pre>Java</pre>
<pre>SQL</pre>
<pre>Pascal</pre>
<pre>MS Office, Windows XP, Windows 7, Windows 8, familiar with Linux UI.</pre>
</li>
</ul>
<p><u>Other abilities:</u> Intelligence, sense of humor, enthusiasm, loyality.
</div>
<div id='ew_title'>Education and work experiences</div>
<div id='ew_txt'><p><u>Education:</u></p>
<pre><strong> Gymnázium Juraja Fándlyho, Šaľa, Slovakia.</strong></pre>
<ul>
<li>Graduated on 20th of may 2015.</li>
<li>Participant in multiple mathematic and IT competitions without any significant success.</li>
<li>Winner of multiple local athletics competitions.</li>
<li>Self-educated programmer.</li>
<li>Fluent English speaker.</li>
</ul>
<p><u>Working experiences:</u></p>
<p>Currently looking for work experiences, however there is certain amount of work I have done for individuals:</p>
<ul>
<li>Website vulnerability testing.</li>
<li>Developing software for collecting website informations.</li>
<li>Codes corrections.</li>
<li>Aligning user interfaces in both Java and HTML environments for multiple platforms.</li>
</ul>
<br/><br/> <strong>Designed and created by myself.</strong>
</div>
</div>
<div id='message'><strong>Boring resume? Click on it!<br/><</strong></div>
<div id='about'>Compatible with Firefox, Chrome and Explorer.JavaScript dependent.</div>
</div>
<style>
#main
{
position:absolute;
left:0;top:0;
-webkit-transition:background-color 1s;
transition:background-color 1s;
background-color:#FF9933;
}
#i0
{
position:absolute;
left:0;top:0;
transition:top 0.7s;
border:1px solid;
background-color:white;
transition:background-color 1s;
box-shadow: 5px 5px 5px #888888;
cursor:pointer;
}
#name
{
height:60px;
position:absolute;
top:10px;left:0;
text-align:center;
font-size:300%;
}
#places
{
height:15px;
position:absolute;
text-align:center;
font-size:80%;
border-bottom:1px solid;
}
#objective_title
{
height:40px;
position:absolute;
text-align:center;
font-size:200%;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}
#objective_txt
{
position:absolute;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}
#skills_title
{
height:40px;
position:absolute;
text-align:center;
font-size:200%;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}
#skills_txt
{
position:absolute;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}
#ew_title
{
height:40px;
position:absolute;
text-align:center;
font-size:200%;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}
#ew_txt
{
position:absolute;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
}
#message
{
width:250px;
height:50px;
position:absolute;
font-size:200%;
transition:left 1s;
font-family:‘Lucida Console’, Monaco, monospace;
}
#about
{
width:350px;
height:25px;
position:absolute;
font-size:70%;
}
</style>
<script>
var pers = document.getElementById('i0');
var ed = document.getElementById('i1');
var nm = document.getElementById('name');
var pl = document.getElementById('places');
var objt = document.getElementById('objective_title');
var objtx = document.getElementById('objective_txt');
var skt = document.getElementById('skills_title');
var sktx = document.getElementById('skills_txt');
var ewt = document.getElementById('ew_title');
var ewtx = document.getElementById('ew_txt');
var player = document.getElementById('player');
var msg = document.getElementById('message');
var ab = document.getElementById('about');
var can = false;
var ammoindex = -1;
var enemyindex = -1;
var score = 0;
var inc = 0;
var time = 0;
main.style.width = window.innerWidth + 'px';
main.style.height = 1200+2 + 'px';
pers.style.width = 530 + 'px';
pers.style.height = 1200+ 'px';
nm.style.width = pers.offsetWidth + 'px';
pl.style.width = pers.offsetWidth-1 + 'px';
pl.style.top = nm.offsetTop + nm.offsetHeight + 'px';
objt.style.width = pers.offsetWidth + 'px';
objt.style.top = pl.offsetTop + pl.offsetHeight +10 + 'px';
objtx.style.width = pers.offsetWidth + 'px';
objtx.style.top = objt.offsetTop + objt.offsetHeight +10 + 'px';
skt.style.width = pers.offsetWidth +'px';
skt.style.top = objtx.offsetTop + objtx.offsetHeight + 10 + 'px';
sktx.style.width = pers.offsetWidth +'px';
sktx.style.top = skt.offsetTop + skt.offsetHeight + 10 + 'px';
ewt.style.width = sktx.offsetWidth +'px';
ewt.style.top = sktx.offsetTop + sktx.offsetHeight + 10 + 'px';
ewtx.style.width = ewt.offsetWidth +'px';
ewtx.style.top = ewt.offsetTop + ewt.offsetHeight + 10 + 'px';
msg.style.left = pers.offsetWidth + 2 + 'px';
ab.style.left = pers.offsetWidth + 2 + 'px';
ab.style.bottom = 0;
setInterval(function jump(){inc=inc+1;if(inc%2!==0){msg.style.left = msg.offsetLeft + 10 + 'px';}else msg.style.left = pers.offsetWidth + 2 + 'px';},1000);
pers.onclick = function(e)
{
if(can) return;
pers.style.backgroundColor = 'black';
setTimeout(function reset()
{
pers.innerHTML = '';
pers.style.height = window.innerHeight-2 + 'px';
can = true;
player.src = 'https://www.youtube.com/embed/yp3UeCguVVI?autoplay=1';
document.body.style.overflow = 'hidden';
var ship = document.createElement('div');
ship.style.width= 100 + 'px';
ship.style.height = 10 + 'px';
ship.id='ship';
ship.style.backgroundColor = 'yellow';
ship.style.position = 'absolute';
ship.style.bottom = 0;
ship.style.left = pers.offsetWidth/2 - 50 + 'px';
pers.appendChild(ship);
var box = document.createElement('div');
box.style.width = 100 + 'px';
box.style.height = 20 + 'px';
box.style.position = 'absolute';
box.style.top = 2 + 'px';
box.style.left = 2 + 'px';
box.style.border = '1px solid';
box.style.borderColor = 'white';
box.style.textAlign = 'center';
box.style.fontFamily = " ‘Lucida Console’, Monaco, monospace ";
box.style.fontSize = '80%';
box.id='box';
box.style.color = 'white';
box.style.zIndex = 1;
pers.appendChild(box);
box.innerHTML = '0';
var inf = document.createElement('div');
inf.style.width = 300 + 'px';
inf.style.height = 20 + 'px';
inf.style.position = 'absolute';
inf.style.top = 2 + 'px';
inf.style.left = document.getElementById('box').offsetLeft + document.getElementById('box').offsetWidth + 5 + 'px';
inf.style.fontFamily = " ‘Lucida Console’, Monaco, monospace ";
inf.style.fontSize = '80%';
inf.style.textAlign = 'center';
inf.id='inf';
inf.style.color = 'white';
inf.innerHTML = 'Shoot: SPACEBAR | Move: ARROWS';
inf.style.zIndex = 1;
pers.appendChild(inf);
var timer = document.createElement('div');
timer.style.width = 100 + 'px';
timer.style.height = 20 + 'px';
timer.style.position = 'absolute';
timer.style.top = 2 + 'px';
timer.style.right = 2 + 'px';
timer.style.border = '1px solid';
timer.style.borderColor = 'white';
timer.style.textAlign = 'center';
timer.style.fontFamily = " ‘Lucida Console’, Monaco, monospace ";
timer.style.fontSize = '80%';
timer.id='timer';
timer.style.color = 'white';
timer.style.zIndex = 1;
pers.appendChild(timer);
timer.innerHTML = '0 second(s)';
setInterval(function setit(){time=time+1;timer.innerHTML = time+' second(s)'},1000);
},1000);
};
document.body.onkeydown = function(e)
{
var el = document.getElementById('ship');
if(e.keyCode == 37)
{
if(el.offsetLeft <= 0)return;
el.style.left = el.offsetLeft - 10 + 'px';
}
if(e.keyCode == 39)
{
if(el.offsetLeft +10 >= pers.offsetWidth - el.offsetWidth)return;
el.style.left = el.offsetLeft + 10 + 'px';
}
if(e.keyCode == 32)
{
ammoindex = ammoindex + 1;
score = score - 1;
document.getElementById('box').innerHTML = score;
var ammo = document.createElement('div');
ammo.style.width = 5+'px';
ammo.style.height = 30+'px';
ammo.style.position = 'absolute';
ammo.id = 'a'+ammoindex;
ammo.style.backgroundColor = 'yellow';
ammo.style.left = el.offsetLeft + el.offsetWidth/2 - 5/2 + 'px';
ammo.style.top = pers.offsetHeight - 2 - 30 - ship.offsetHeight + 'px';
pers.appendChild(ammo);
setInterval(function move()
{
ammo.style.top = ammo.offsetTop - 30 + 'px';
},350);
}
};
function random(min,max){return Math.floor(Math.random() * (max - min + 1)) + min;}
gen= setInterval(function spawn()
{
if(can){
var r = random(0,10);
if(r>5)
{
enemyindex = enemyindex + 1;
var cubix = 20;
var enemy = document.createElement('div');
enemy.style.width = cubix + 'px';
enemy.style.height = cubix + 'px';
enemy.id = 'e'+enemyindex;
enemy.style.position = 'absolute';
enemy.style.backgroundColor = 'red';
enemy.style.left = random(document.getElementById('ship').offsetWidth/2,(pers.offsetWidth-2-cubix-10)-document.getElementById('ship').offsetWidth/2) + 'px';
enemy.style.top = 0;
enemy.style.border = '1px solid white';
pers.appendChild(enemy);
move= setInterval(function move()
{
enemy.style.top = enemy.offsetTop + 20 + 'px';
},random(500,1000));
}}
},800);
int = setInterval(function check()
{
if(can){
for(i=0;i<=ammoindex;i++)
{
for(q=0;q<=enemyindex;q++)
{
if(document.getElementById('a'+i).offsetLeft > (document.getElementById('e'+q).offsetLeft - document.getElementById('a'+i).offsetWidth)-1 && document.getElementById('a'+i).offsetLeft < (document.getElementById('e'+q).offsetLeft + document.getElementById('e'+q).offsetWidth + document.getElementById('a'+i).offsetWidth)+1)
{
if(document.getElementById('a'+i).offsetTop <= (document.getElementById('e'+q).offsetTop + document.getElementById('e'+q).offsetHeight)+1 && document.getElementById('a'+i).offsetWidth != 0 && document.getElementById('e'+q).offsetWidth != 2){
document.getElementById('e'+q).style.opacity = 0;
document.getElementById('e'+q).style.width = 0;
document.getElementById('a'+i).style.opacity= 0;
document.getElementById('a'+i).style.width= 0;
score = score + 2;
document.getElementById('box').innerHTML = score;
}
}
}
}
for(x=0;x<=enemyindex;x++)
{
if(document.getElementById('e'+x).offsetTop >= pers.offsetHeight - document.getElementById('e'+x).offsetHeight - 1 && document.getElementById('e'+x).offsetWidth != 2){
clearInterval(gen);
clearInterval(int);
pers.innerHTML = '';
var go = document.createElement('img');
go.style.width = pers.offsetWidth - 2 + 'px';
go.style.height = pers.offsetHeight /3 + 'px';
go.style.position = 'absolute';
go.style.top = pers.offsetHeight/2 - (pers.offsetHeight /2)/2 + 'px';
go.src = 'http://orig08.deviantart.net/e418/f/2012/254/a/d/classic_game_over_screen_by_el_tortuga-d5eeh9l.gif';
pers.appendChild(go);
player.src = 'https://www.youtube.com/embed/k8KB2mhsDTY?autoplay=1';
}
}
window.scrollTo(0,0);
}
},1);
</script>
<noscript>Please enable JavaScript :)</noscript>
</body>
</html>
Comments