-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathletsplayagame.html
164 lines (132 loc) · 7.46 KB
/
letsplayagame.html
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
<html>
<head>
<title>Let's play a game</title>
<link rel="shortcut icon" type="image/jpg" href="/pictures/favicon.jpg"/>
<script src="/js/jquery-1.4.1.min.js"></script>
<script src="/js/vector_battle_regular.typeface.js"></script>
<script src="/js/ipad.js"></script>
<script src="/js/game.js"></script>
<script>
var audio = new Audio('/sounds/music.mp3');
audio.loop = true;
audio.play();
audio.volume = 0.3; // sets the volume to 50% </script>
<style>
marquee{
text-align: center;
color: white;
}
#canvas { border:1px white; top:0px; left:0px; }
.button { position:absolute; border:1px solid black; }
#left-controls { position:absolute; left:1px; bottom:0px; display:none; }
#right-controls { position:absolute; right:1px; bottom:0px; display:none; }
#up { width:200px; height:100px; bottom:100px;}
#left { width:100px; height:100px; bottom:0px;}
#right { width:100px; height:100px; bottom:0px; left:100px; }
#space { width:200px; height:200px; bottom:0px; right:0px; }
.falling-text {
position: absolute;
text-align: center;
color: white;
animation: falling 380s infinite;
animation-play-state: running;
}
@keyframes falling {
from { top: calc(-600vh - 1000px); } /* starting position */
to { top: 1000vh; } /* end position */
}
.invert {
background-color: white;
filter: invert(100%);
}
#right-side-div {
float: right;
width: 50%; /* Adjust the width as needed */
}
#left-side-div {
float: left;
width: 50%; /* Adjust the width as needed */
}
audio {
display:none;
}
</style>
</head>
<div id="left-side-div">
<body style="background-color:black;">
<marquee behavior="scroll" height="900" scrollamount="3" direction="down">
<p>That's it, that's my resume. </p>
<p>Thank you for reading.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>In my free time, I enjoy watching good movies or series,</p>
<p>reading interesting books and working out.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>I try to be active as much as possible in Open source community, even though</p>
<p>I am not the best programmer. Most of my work there is translating the software I use</p>
<p>(such as Pop!_OS or CherryTree) into my native language,</p>
<p>so it is usable for as many people as possible.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>I try to learn even after my school years are over.</p>
<p>I obtained several IT certifications, such as Network+ and Security+.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>I have completed several academic works during my school years, such as my Masters thesis</p>
<p>on Cyberattack detection using state languages, and a team project: Teaching aid for CTF competitions. </p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>In addition to my work experience, I have finished studies at the</p>
<p>Faculty of Electrical Engineering and Computer Science STU, where I obtained a</p>
<p>master's degree in Computer Science. Prior to this, I completed my studies at</p>
<p>Gymnázium Milana Rufusa, where I received my Maturita examination.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>Currently, I'm working as a Cybersecurity engineer for Framatome.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>Then I worked as a Java web developer at Softec. I was involved in the</p>
<p>development of Java applications using technologies such as Spring boot,</p>
<p>Angular, AngularJS, and Java EE.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>I then had the opportunity to intern as a system application administrator at Tatra Banka A. S.</p>
<p>within the IT Academy. In this DevOps position, I was responsible for managing system applications,</p>
<p>monitoring computer networks using tools like Nagios, Grafana, and Dynatrace,</p>
<p>and analyzing data using Splunk. I also worked with both Linux and Windows servers.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>Next, I worked at Plastic Omnium Auto Exteriors,</p>
<p>where I was exposed to systems such as Centreon, Nagios, and Sourcetree.</p>
<p>I worked in both Linux and Windows operating systems, managing servers and</p>
<p>working with the cloud. Additionally, I was a member of the IT helpdesk, solving user problems.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>I started my IT career as an administrative assistant in the IT department at K-System,</p>
<p>I was responsible for managing computer networks, editing web pages using HTML and CSS,</p>
<p>working with cloud technology such as VMware, and preparing new IT equipment.</p>
<p>Additionally, I assisted in the preparation of documentation for new employees.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>I am proficient in English and Slovak and I have a basic understanding of German.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>Let's begin...</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> </p>
<p>The text will loop infinitelly, so you will have a chance reading it again</p>
<p>if you missed it before.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
<p>My name is Michal Fusaty and this website is a basic version of my resume.</p>
<p>I tried to make reading it a bit interesting.</p>
<p>You need to play the game to read the whole resume. If you die, you will need to start again.</p>
<p><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
<p>Hello... the CV will appear shortly.</p>
<p>Use arrows and spacebar to play</p>
<p>Try not to die --></p>
<p><br><br><br><br><br></p>
</marquee>
</div>
<div id="right-side-div">
<div id="game-container">
<canvas class="invert" id="canvas" width="900" height="750"></canvas>
<div id="left-controls">
<div id="up" class='button'>THRUST</div>
<div id="left" class='button'>LEFT</div>
<div id="right" class='button'>RIGHT</div>
</div>
<div id="right-controls">
<div id="space" class='button'>FIRE</div>
</div>
</div>
</div>
</body>
</html>