NoNameCracksInc

CV

Jun 15th, 2015
523
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head></head>
  5.  
  6. <body style="">
  7.  
  8. <div id='main'>
  9. <iframe id="player" src="" style="visibility:hidden;position:absolute;right:0;bottom:0;" frameborder="0"></iframe>
  10.  
  11. <div id='i0'>
  12.  
  13. <div id='name'>Andrej Noskaj</div>
  14. <div id='places'>Bottova2 • Šaľa, Slovakia, 92701 • 0917823863 • [email protected]</div>
  15.  
  16. <div id='objective_title'>Objective</div>
  17. <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.
  18. 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>
  19.  
  20. <div id='skills_title'>Skills</div>
  21. <div id='skills_txt'>
  22.  
  23. <p><u>Computing skills:</u></p>
  24.  
  25. <ul>
  26.  
  27. <li>Website developement languages:
  28. <pre>HTML</pre>
  29. <pre>Javascript</pre>
  30. <pre>CSS</pre>
  31. <pre>PHP</pre>
  32. </li>
  33.  
  34. <li>Other languages and environments:
  35. <pre>Java</pre>
  36. <pre>SQL</pre>
  37. <pre>Pascal</pre>
  38. <pre>MS Office, Windows XP, Windows 7, Windows 8, familiar with Linux UI.</pre>
  39. </li>
  40.  
  41. </ul>
  42.  
  43. <p><u>Other abilities:</u> Intelligence, sense of humor, enthusiasm, loyality.
  44.  
  45. </div>
  46.  
  47. <div id='ew_title'>Education and work experiences</div>
  48. <div id='ew_txt'><p><u>Education:</u></p>
  49.  
  50. <pre><strong> Gymnázium Juraja Fándlyho, Šaľa, Slovakia.</strong></pre>
  51.  
  52. <ul>
  53.  
  54. <li>Graduated on 20th of may 2015.</li>
  55. <li>Participant in multiple mathematic and IT competitions without any significant success.</li>
  56. <li>Winner of multiple local athletics competitions.</li>
  57. <li>Self-educated programmer.</li>
  58. <li>Fluent English speaker.</li>
  59.  
  60. </ul>
  61.  
  62. <p><u>Working experiences:</u></p>
  63. <p>Currently looking for work experiences, however there is certain amount of work I have done for individuals:</p>
  64.  
  65. <ul>
  66.  
  67. <li>Website vulnerability testing.</li>
  68. <li>Developing software for collecting website informations.</li>
  69. <li>Codes corrections.</li>
  70. <li>Aligning user interfaces in both Java and HTML environments for multiple platforms.</li>
  71.  
  72. </ul>
  73.  
  74. <br/><br/> <strong>Designed and created by myself.</strong>
  75.  
  76. </div>
  77.  
  78. </div>
  79.  
  80. <div id='message'><strong>Boring resume? Click on it!<br/><</strong></div>
  81. <div id='about'>Compatible with Firefox, Chrome and Explorer.JavaScript dependent.</div>
  82.  
  83. </div>
  84.  
  85. <style>
  86.  
  87. #main
  88. {
  89. position:absolute;
  90. left:0;top:0;
  91. -webkit-transition:background-color 1s;
  92. transition:background-color 1s;
  93. background-color:#FF9933;
  94. }
  95.  
  96. #i0
  97. {
  98. position:absolute;
  99. left:0;top:0;
  100. transition:top 0.7s;
  101. border:1px solid;
  102. background-color:white;
  103. transition:background-color 1s;
  104. box-shadow: 5px 5px 5px #888888;
  105. cursor:pointer;
  106. }
  107.  
  108. #name
  109. {
  110. height:60px;
  111. position:absolute;
  112. top:10px;left:0;
  113. text-align:center;
  114. font-size:300%;
  115. }
  116.  
  117. #places
  118. {
  119. height:15px;
  120. position:absolute;
  121. text-align:center;
  122. font-size:80%;
  123. border-bottom:1px solid;
  124. }
  125.  
  126. #objective_title
  127. {
  128. height:40px;
  129. position:absolute;
  130. text-align:center;
  131. font-size:200%;
  132. font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  133. }
  134.  
  135. #objective_txt
  136. {
  137. position:absolute;
  138. font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  139. }
  140.  
  141. #skills_title
  142. {
  143. height:40px;
  144. position:absolute;
  145. text-align:center;
  146. font-size:200%;
  147. font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  148. }
  149.  
  150. #skills_txt
  151. {
  152. position:absolute;
  153. font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  154. }
  155.  
  156. #ew_title
  157. {
  158. height:40px;
  159. position:absolute;
  160. text-align:center;
  161. font-size:200%;
  162. font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  163. }
  164.  
  165. #ew_txt
  166. {
  167. position:absolute;
  168. font-family: Copperplate / Copperplate Gothic Light, sans-serif;
  169. }
  170.  
  171. #message
  172. {
  173. width:250px;
  174. height:50px;
  175. position:absolute;
  176. font-size:200%;
  177. transition:left 1s;
  178. font-family:‘Lucida Console’, Monaco, monospace;
  179. }
  180.  
  181. #about
  182. {
  183. width:350px;
  184. height:25px;
  185. position:absolute;
  186. font-size:70%;
  187. }
  188.  
  189. </style>
  190.  
  191. <script>
  192.  
  193.  
  194.  
  195.  
  196. var pers = document.getElementById('i0');
  197. var ed = document.getElementById('i1');
  198. var nm = document.getElementById('name');
  199. var pl = document.getElementById('places');
  200. var objt = document.getElementById('objective_title');
  201. var objtx = document.getElementById('objective_txt');
  202. var skt = document.getElementById('skills_title');
  203. var sktx = document.getElementById('skills_txt');
  204. var ewt = document.getElementById('ew_title');
  205. var ewtx = document.getElementById('ew_txt');
  206. var player = document.getElementById('player');
  207. var msg = document.getElementById('message');
  208. var ab = document.getElementById('about');
  209. var can = false;
  210. var ammoindex = -1;
  211. var enemyindex = -1;
  212. var score = 0;
  213. var inc = 0;
  214. var time = 0;
  215.  
  216. main.style.width = window.innerWidth + 'px';
  217. main.style.height = 1200+2 + 'px';
  218. pers.style.width = 530 + 'px';
  219. pers.style.height = 1200+ 'px';
  220. nm.style.width = pers.offsetWidth + 'px';
  221. pl.style.width = pers.offsetWidth-1 + 'px';
  222. pl.style.top = nm.offsetTop + nm.offsetHeight + 'px';
  223. objt.style.width = pers.offsetWidth + 'px';
  224. objt.style.top = pl.offsetTop + pl.offsetHeight +10 + 'px';
  225. objtx.style.width = pers.offsetWidth + 'px';
  226. objtx.style.top = objt.offsetTop + objt.offsetHeight +10 + 'px';
  227. skt.style.width = pers.offsetWidth +'px';
  228. skt.style.top = objtx.offsetTop + objtx.offsetHeight + 10 + 'px';
  229. sktx.style.width = pers.offsetWidth +'px';
  230. sktx.style.top = skt.offsetTop + skt.offsetHeight + 10 + 'px';
  231. ewt.style.width = sktx.offsetWidth +'px';
  232. ewt.style.top = sktx.offsetTop + sktx.offsetHeight + 10 + 'px';
  233. ewtx.style.width = ewt.offsetWidth +'px';
  234. ewtx.style.top = ewt.offsetTop + ewt.offsetHeight + 10 + 'px';
  235. msg.style.left = pers.offsetWidth + 2 + 'px';
  236. ab.style.left = pers.offsetWidth + 2 + 'px';
  237. ab.style.bottom = 0;
  238.  
  239. 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);
  240.  
  241. pers.onclick = function(e)
  242. {
  243.  
  244. if(can) return;
  245. pers.style.backgroundColor = 'black';
  246.  
  247. setTimeout(function reset()
  248. {
  249.  
  250. pers.innerHTML = '';
  251. pers.style.height = window.innerHeight-2 + 'px';
  252. can = true;
  253. player.src = 'https://www.youtube.com/embed/yp3UeCguVVI?autoplay=1';
  254. document.body.style.overflow = 'hidden';
  255.  
  256. var ship = document.createElement('div');
  257.  
  258. ship.style.width= 100 + 'px';
  259. ship.style.height = 10 + 'px';
  260. ship.id='ship';
  261. ship.style.backgroundColor = 'yellow';
  262. ship.style.position = 'absolute';
  263. ship.style.bottom = 0;
  264. ship.style.left = pers.offsetWidth/2 - 50 + 'px';
  265.  
  266. pers.appendChild(ship);
  267.  
  268. var box = document.createElement('div');
  269. box.style.width = 100 + 'px';
  270. box.style.height = 20 + 'px';
  271. box.style.position = 'absolute';
  272. box.style.top = 2 + 'px';
  273. box.style.left = 2 + 'px';
  274. box.style.border = '1px solid';
  275. box.style.borderColor = 'white';
  276. box.style.textAlign = 'center';
  277. box.style.fontFamily = " ‘Lucida Console’, Monaco, monospace ";
  278. box.style.fontSize = '80%';
  279. box.id='box';
  280. box.style.color = 'white';
  281. box.style.zIndex = 1;
  282.  
  283. pers.appendChild(box);
  284.  
  285. box.innerHTML = '0';
  286.  
  287. var inf = document.createElement('div');
  288. inf.style.width = 300 + 'px';
  289. inf.style.height = 20 + 'px';
  290. inf.style.position = 'absolute';
  291. inf.style.top = 2 + 'px';
  292. inf.style.left = document.getElementById('box').offsetLeft + document.getElementById('box').offsetWidth + 5 + 'px';
  293. inf.style.fontFamily = " ‘Lucida Console’, Monaco, monospace ";
  294. inf.style.fontSize = '80%';
  295. inf.style.textAlign = 'center';
  296. inf.id='inf';
  297. inf.style.color = 'white';
  298. inf.innerHTML = 'Shoot: SPACEBAR | Move: ARROWS';
  299. inf.style.zIndex = 1;
  300.  
  301. pers.appendChild(inf);
  302.  
  303. var timer = document.createElement('div');
  304. timer.style.width = 100 + 'px';
  305. timer.style.height = 20 + 'px';
  306. timer.style.position = 'absolute';
  307. timer.style.top = 2 + 'px';
  308. timer.style.right = 2 + 'px';
  309. timer.style.border = '1px solid';
  310. timer.style.borderColor = 'white';
  311. timer.style.textAlign = 'center';
  312. timer.style.fontFamily = " ‘Lucida Console’, Monaco, monospace ";
  313. timer.style.fontSize = '80%';
  314. timer.id='timer';
  315. timer.style.color = 'white';
  316. timer.style.zIndex = 1;
  317.  
  318.  
  319. pers.appendChild(timer);
  320.  
  321. timer.innerHTML = '0 second(s)';
  322.  
  323. setInterval(function setit(){time=time+1;timer.innerHTML = time+' second(s)'},1000);
  324.  
  325.  
  326. },1000);
  327. };
  328.  
  329. document.body.onkeydown = function(e)
  330. {
  331.  
  332. var el = document.getElementById('ship');
  333. if(e.keyCode == 37)
  334. {
  335.  
  336. if(el.offsetLeft <= 0)return;
  337. el.style.left = el.offsetLeft - 10 + 'px';
  338. }
  339.  
  340. if(e.keyCode == 39)
  341. {
  342.  
  343. if(el.offsetLeft +10 >= pers.offsetWidth - el.offsetWidth)return;
  344. el.style.left = el.offsetLeft + 10 + 'px';
  345. }
  346.  
  347. if(e.keyCode == 32)
  348. {
  349.  
  350. ammoindex = ammoindex + 1;
  351.  
  352. score = score - 1;
  353. document.getElementById('box').innerHTML = score;
  354.  
  355. var ammo = document.createElement('div');
  356. ammo.style.width = 5+'px';
  357. ammo.style.height = 30+'px';
  358. ammo.style.position = 'absolute';
  359. ammo.id = 'a'+ammoindex;
  360. ammo.style.backgroundColor = 'yellow';
  361. ammo.style.left = el.offsetLeft + el.offsetWidth/2 - 5/2 + 'px';
  362. ammo.style.top = pers.offsetHeight - 2 - 30 - ship.offsetHeight + 'px';
  363.  
  364. pers.appendChild(ammo);
  365.  
  366. setInterval(function move()
  367. {
  368.  
  369. ammo.style.top = ammo.offsetTop - 30 + 'px';
  370. },350);
  371. }
  372. };
  373.  
  374. function random(min,max){return Math.floor(Math.random() * (max - min + 1)) + min;}
  375.  
  376.  
  377. gen= setInterval(function spawn()
  378. {
  379.  
  380. if(can){
  381.  
  382. var r = random(0,10);
  383.  
  384. if(r>5)
  385. {
  386.  
  387. enemyindex = enemyindex + 1;
  388. var cubix = 20;
  389.  
  390. var enemy = document.createElement('div');
  391. enemy.style.width = cubix + 'px';
  392. enemy.style.height = cubix + 'px';
  393. enemy.id = 'e'+enemyindex;
  394. enemy.style.position = 'absolute';
  395. enemy.style.backgroundColor = 'red';
  396. enemy.style.left = random(document.getElementById('ship').offsetWidth/2,(pers.offsetWidth-2-cubix-10)-document.getElementById('ship').offsetWidth/2) + 'px';
  397. enemy.style.top = 0;
  398. enemy.style.border = '1px solid white';
  399.  
  400. pers.appendChild(enemy);
  401.  
  402. move= setInterval(function move()
  403. {
  404.  
  405. enemy.style.top = enemy.offsetTop + 20 + 'px';
  406. },random(500,1000));
  407. }}
  408.  
  409. },800);
  410.  
  411. int = setInterval(function check()
  412. {
  413.  
  414. if(can){
  415. for(i=0;i<=ammoindex;i++)
  416. {
  417.  
  418.  
  419. for(q=0;q<=enemyindex;q++)
  420. {
  421.  
  422. 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)
  423. {
  424.  
  425. 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){
  426.  
  427. document.getElementById('e'+q).style.opacity = 0;
  428. document.getElementById('e'+q).style.width = 0;
  429. document.getElementById('a'+i).style.opacity= 0;
  430. document.getElementById('a'+i).style.width= 0;
  431.  
  432. score = score + 2;
  433. document.getElementById('box').innerHTML = score;
  434.  
  435. }
  436. }
  437. }
  438. }
  439. for(x=0;x<=enemyindex;x++)
  440. {
  441.  
  442. if(document.getElementById('e'+x).offsetTop >= pers.offsetHeight - document.getElementById('e'+x).offsetHeight - 1 && document.getElementById('e'+x).offsetWidth != 2){
  443. clearInterval(gen);
  444. clearInterval(int);
  445. pers.innerHTML = '';
  446.  
  447. var go = document.createElement('img');
  448. go.style.width = pers.offsetWidth - 2 + 'px';
  449. go.style.height = pers.offsetHeight /3 + 'px';
  450. go.style.position = 'absolute';
  451. go.style.top = pers.offsetHeight/2 - (pers.offsetHeight /2)/2 + 'px';
  452. go.src = 'http://orig08.deviantart.net/e418/f/2012/254/a/d/classic_game_over_screen_by_el_tortuga-d5eeh9l.gif';
  453.  
  454. pers.appendChild(go);
  455.  
  456. player.src = 'https://www.youtube.com/embed/k8KB2mhsDTY?autoplay=1';
  457.  
  458. }
  459. }
  460.  
  461. window.scrollTo(0,0);
  462. }
  463. },1);
  464.  
  465.  
  466.  
  467. </script>
  468.  
  469. <noscript>Please enable JavaScript :)</noscript>
  470.  
  471. </body>
  472.  
  473. </html>
Advertisement
Add Comment
Please, Sign In to add comment