robertvokac.com/index.html

262 lines
7.6 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="cs">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="index, follow">
<meta name="description" content="Robert Vokáč's personal website. Learn about my work in software development, C++ and Java, and my projects.">
<meta name="keywords" content="Robert Vokáč, software development, C++, Java, Speedy Blupi, CNA library, SDL 3, Ogre 3D, game development">
<meta http-equiv="Content-Language" content="cs" />
<title>Robert Vokáč's Personal Page</title>
<link rel="icon" href="favicon.ico" sizes="16x16" type="image/x-icon">
<style>
* {
font-family: 'Arial', sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #f0f4f8;
color: #333;
padding: 20px;
font-size: 1rem;
}
h1, h2, h3 {
color: #2c3e50;
margin: 20px 0;
}
h1 {
font-size: 2.5rem;
text-align: center;
text-transform: uppercase;
letter-spacing: 1px;
}
h2 {
font-size: 2rem;
text-align: center;
border-bottom: 2px solid #3498db;
padding-bottom: 10px;
margin-bottom: 20px;
}
h3 {
font-size: 1.5rem;
margin-top: 30px;
text-align: center;
text-decoration: underline;
}
p, ol {
font-size: 1rem;
line-height: 1.7;
margin: 15px 0;
text-align: center;
}
ol {
padding-left: 20px;
margin-left: auto;
margin-right: auto;
max-width: 600px;
}
a {
color: #3498db;
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: #e74c3c;
text-decoration: underline;
}
.photo-container {
text-align: center;
margin-bottom: 30px;
transition: transform 0.3s ease;
}
.photo-container img {
border-radius: 50%;
width: 150px;
height: 213px;
transition: transform 0.3s ease;
}
.photo-container img:hover {
transform: scale(1.1);
}
.highlighted-projects {
background-color: #3498db;
color: white;
padding: 20px;
margin: 30px 0;
font-weight: bold;
border-radius: 5px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.highlighted-projects ul li {
list-style-type: none;
}
.highlighted-projects ul li {
padding-bottom: 10px;
}
.links_to_other_websites {
list-style: none;
margin: 20px 0;
padding-left: 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.links_to_other_websites li {
margin: 10px 15px;
}
.links_to_other_websites li a {
background: #3498db;
color: white;
padding: 10px 18px;
border-radius: 5px;
transition: background 0.3s ease, transform 0.3s ease;
display: block;
}
.links_to_other_websites li a:hover {
background: #e74c3c;
transform: scale(1.05);
}
footer {
background-color: #2c3e50;
color: #ecf0f1;
text-align: center;
padding: 20px 0;
font-size: 0.9rem;
margin-top: 40px;
border-radius: 5px;
}
footer a {
color: #e74c3c;
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
.critical_ {
padding-bottom: 1px !important;
border-bottom: 3px solid #e74c3c;
}
.gpg-key {
background-color: #3498db;
color: white;
padding: 15px;
margin: 30px auto;
max-width: 800px;
border-radius: 5px;
text-align: left;
}
/* Responsive Design */
@media (max-width: 768px) {
h1 {
font-size: 2rem;
}
h2 {
font-size: 1.8rem;
}
p, ol {
font-size: 0.95rem;
}
.photo-container img {
width: 120px;
height: 120px;
}
.links_to_other_websites li a {
font-size: 0.9rem;
}
}
</style>
</head>
<body>
<header>
<h1>Robert Vokáč's Personal Page</h1>
<div class="photo-container">
<img src="photo-of-robert-vokac.jpg" alt="Robert Vokáč">
</div>
</header>
<section>
<h2>Introduction</h2>
<p>Welcome to my personal website! I'm Robert Vokáč, a passionate software developer specializing in Java and C++. <br> I dedicate a large portion of my free time for game development and the C++ programming language. </p>
<p>Below are some of the projects Im currently working on:</p>
<div class="highlighted-projects">
<ul>
<li>The revival of the iconic game <strong>Speedy Blupi</strong> (1998, 2002) for Windows - focusing on decompilation and game improvements.</li>
<li>Porting <strong>Speedy Blupi</strong> to Windows Phone (2013) - migrating from C# and XNA to C++ and SDL 3 for a more modern experience.</li>
<li>Developing the <strong>CNA library</strong> - a powerful XNA-like wrapper built around the SDL 3 framework.</li>
<li>Planning the creation of <strong>Galaxy Eggbert</strong> - a 3D version of Speedy Blupi, leveraging C++ and Ogre 3D for graphics and physics.</li>
</ul>
</div>
<h3>My GPG Key</h3>
<div class="gpg-key">
<pre>
pub 4096R/FB9CE8E20AADA55F 2024-09-28
Key fingerprint = 255C 69CC 1D09 CA54 EF0C C9DF FB9C E8E2 0AAD A55F
uid Robert Vokac &lt;robertvokac@robertvokac.com&gt;
</pre>
</div>
<p>
<a href="https://stallman.org/facebook.html" target="_blank">
<img src="images/no-facebook.svg" alt="Not on Facebook" width="200">
</a>
</p>
</section>
<section>
<h2>Links to My Other Websites</h2>
<ul class="links_to_other_websites">
<li><a href="https://openeggbert.com" target="_blank">openeggbert.com</a></li>
<li><a href="https://speedyblupi.com" target="_blank">speedyblupi.com</a></li>
<li><a href="https://cppforever.com" target="_blank">cppforever.com</a></li>
<li><a href="https://github.com/openeggbert" target="_blank">GitHub - openeggbert</a></li>
<li><a href="https://github.com/robertvokac" target="_blank">GitHub - robertvokac</a></li>
</ul>
</section>
<footer>
Copyright &copy; 2025 Robert Vokáč<br>
Licensed under <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/deed.en" target="_blank">Attribution-NonCommercial-NoDerivs 4.0 International</a> license or later.<br>
Verbatim copying and redistribution of this entire page are permitted provided this notice is preserved.
</footer>
</body>
</html>