69 lines
2.4 KiB
PHP
69 lines
2.4 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>www.dejvino.cz</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="David Hrdina Němeček - Professional Software Developer">
|
|
<meta name="author" content="David Hrdina Němeček">
|
|
<style>
|
|
<?php
|
|
/** KISS page: single download for users, but split across files for managing it */
|
|
include 'style.css';
|
|
?>
|
|
</style>
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
</head>
|
|
<body>
|
|
|
|
<main class="container">
|
|
<header class="profile-header">
|
|
<?php
|
|
$avatarPath = 'me.jpg';
|
|
$avatarBase64 = base64_encode(file_get_contents($avatarPath));
|
|
?>
|
|
<img src="data:image/jpeg;base64,<?php echo $avatarBase64; ?>" alt="photo of David Hrdina Němeček" class="avatar" />
|
|
<h1>David Hrdina Němeček</h1>
|
|
<p class="subtitle">Software Developer</p>
|
|
</header>
|
|
|
|
<section class="card">
|
|
<h2>About</h2>
|
|
<p>
|
|
Professional software developer with a passion for open-source,
|
|
problem solving, efficiency.
|
|
</p>
|
|
<p>
|
|
Outside of code, I love to play the mandolin or go mountain biking.
|
|
</p>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>Links</h2>
|
|
<ul class="link-grid">
|
|
<li><strong>Blog:</strong> <a href="https://wp.dejvino.com/">wp.dejvino.com</a></li>
|
|
<li><strong>Projects:</strong> <a href="https://projects.dejvino.com/">projects.dejvino.com</a></li>
|
|
<li><strong>Code:</strong> <a href="https://git.dejvino.cz/">git.dejvino.cz</a></li>
|
|
<li><strong>Personal:</strong> <a href="https://www.dejvino.cz/">www.dejvino.cz</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="card">
|
|
<h2>Contact</h2>
|
|
<p>
|
|
Reach out via email: <span id="contact-mail">uncovering...</span>
|
|
</p>
|
|
</section>
|
|
</main>
|
|
|
|
<script>
|
|
(function uncoverContact($prefix) {
|
|
var elem = document.getElementById("contact-mail");
|
|
var addr = $prefix + "@" + "dej" + "vino." + "cz";
|
|
elem.innerHTML = '<a href="mai' + 'lto' + ':' + addr + '">'
|
|
+ addr + '</a>';
|
|
})('ciao');
|
|
</script>
|
|
</body>
|
|
</html>
|