mirror of
https://github.com/Dvorinka/Portfolio.git
synced 2026-06-03 19:32:56 +00:00
Tomas Dvorak
829 lines
60 KiB
HTML
829 lines
60 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" data-theme="dark">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Tomas Dvorak - Portfolio</title>
|
||
<meta name="keywords" content="Personal Portfolio, Tomáš Dvořák, Tomas Dvorak, Programmer, Hacker, Video Editor, Photographer, Web Developer, Developer">
|
||
<meta name="author" content="Tomáš Dvořák">
|
||
<meta name="title" content="Tomas Dvorak - Personal Portfolio">
|
||
<meta name="description" content="Personal portfolio by Tomas Dvorak">
|
||
<link rel="shortcut icon" href="icon.png" type="logo">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="icon.png">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<meta property="og:url" content="https://tdvorak.dev">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:title" content="Tomáš Dvořák - Portfolio">
|
||
<meta property="og:description" content="Tomáš Dvořák Personal Portfolio">
|
||
<meta content="https://tdvorak.dev/images/tdvorak.png" property="og:image" />
|
||
<meta content="#ffffff" data-react-helmet="true" name="theme-color"/>
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:title" content="Tomáš Dvořák - Portfolio">
|
||
<meta name="twitter:description" content="Tomáš Dvořák Personal Portfolio">
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500&family=Open+Sans:wght@400;500&display=swap"
|
||
rel="stylesheet">
|
||
<link rel="stylesheet"
|
||
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
<header class="topbar">
|
||
<a href="https://tdvorak.dev/" class="logo">
|
||
<img src="images/Logo_dark.png" alt="Tomáš Dvořák" width="145" height="32" class="dark">
|
||
</a>
|
||
<button class="icon-btn theme-btn" data-theme-btn>
|
||
<div class="state-layer"></div>
|
||
</button>
|
||
|
||
</header>
|
||
<main>
|
||
<article>
|
||
<section class="section hero">
|
||
<div class="container">
|
||
<figure class="hero-banner img-holder" style="--width: 240; --height: 240;">
|
||
<img src="logo.png" width="240" height="240" alt="Tomáš Dvořák" class="img-cover">
|
||
</figure>
|
||
<div class="hero-content">
|
||
<span class="label-large section-subtitle"><i>AI-Driven Product & Systems Specialist · CTO</i></span>
|
||
<h1 class="display-small"><strong>Tomáš Dvořák</strong></h1>
|
||
<p class="body-large section-text">
|
||
<strong>AI-Powered Product Builder & Systems Architect</strong><br>
|
||
Co-Founder & CTO at <strong>SportCreative</strong>. <br>
|
||
I design and deliver AI-powered web systems from architecture to deployment.
|
||
</p>
|
||
<div class="btn-wrapper">
|
||
<a href="mailto:info@tdvorak.dev" class="chip">
|
||
<span class="material-symbols-outlined" aria-hidden="true"> mail </span>
|
||
<span class="label-large">info@tdvorak.dev</span>
|
||
<div class="state-layer"></div>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<div class="article">
|
||
<div class="about-card">
|
||
<h2 class="card-title title-medium">About</h2>
|
||
<p class="body-medium card-text">
|
||
I work at the intersection of <strong>AI, web systems, and digital infrastructure</strong>, specializing in <strong>AI-assisted development</strong> from idea to deployment.<br><br>
|
||
|
||
I understand modern web systems <strong>end-to-end</strong> and guide AI tools to produce reliable, maintainable solutions, turning complex ideas into working products quickly.<br><br>
|
||
|
||
<strong>Core areas:</strong><br>
|
||
• AI-assisted full-stack web systems (HTML, CSS, JS, Golang & Python)<br>
|
||
• System architecture & product thinking<br>
|
||
• Databases, APIs, authentication flows<br>
|
||
• Docker, Proxmox, Linux/Ubuntu, deployment & infrastructure<br>
|
||
• IT security awareness & penetration testing (Kali Linux)<br>
|
||
• Digital products, internal tools, MVPs<br><br>
|
||
|
||
I also work with <strong>visual and creative tools</strong> — Photoshop, Lightroom, DaVinci Resolve — and I'm active in <strong>photography, cinematography, and content creation</strong>, bridging technical and creative worlds.
|
||
</p>
|
||
|
||
<style>
|
||
.body-medium a {
|
||
display: inline;
|
||
margin: 0;
|
||
}
|
||
</style>
|
||
<ul class="about-list">
|
||
<li class="list-item">
|
||
<span class="material-symbols-outlined" aria-hidden="true"> location_on </span>
|
||
<a href="https://en.wikipedia.org/wiki/Czech_Republic" target="_blank" class="label-medium">Czech Republic</a>
|
||
</li>
|
||
<li class="list-item">
|
||
<span class="material-symbols-outlined" aria-hidden="true"> work </span>
|
||
<a href="https://sportcreative.eu" target="_blank" class="label-medium">Co-Founder & CTO at SportCreative</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<div class="primary-tabs">
|
||
<button class="tab-btn active" data-tab-btn="project">
|
||
<span class="tab-text title-small">Projects</span>
|
||
<div class="state-layer"></div>
|
||
</button>
|
||
<button class="tab-btn" data-tab-btn="resume">
|
||
<span class="tab-text title-small">Resume</span>
|
||
<div class="state-layer"></div>
|
||
</button>
|
||
<button class="tab-btn" data-tab-btn="contact">
|
||
<span class="tab-text title-small">Contact</span>
|
||
<div class="state-layer"></div>
|
||
</button>
|
||
</div>
|
||
<section class="section tab-content active" data-tab-content="project">
|
||
<div class="container">
|
||
<div class="project-list">
|
||
<!-- Trackeep -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/trackeep.png" alt="Trackeep" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Open Source</span>
|
||
<h3 class="title-large card-title">Trackeep</h3>
|
||
</div>
|
||
<a href="https://github.com/Dvorinka/Trackeep" target="_blank" class="state-layer" title="Tracking and monitoring system"></a>
|
||
</div>
|
||
|
||
<!-- MyClub -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/myclub.png" alt="MyClub" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">MyClub</h3>
|
||
</div>
|
||
<a href="https://dvfildtxww7oa.ok.kimi.link/" target="_blank" class="state-layer" title="Club management system"></a>
|
||
</div>
|
||
|
||
<!-- Containr -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/containr.png" alt="Containr" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Open Source</span>
|
||
<h3 class="title-large card-title">Containr</h3>
|
||
</div>
|
||
<a href="https://github.com/Dvorinka/Containr" target="_blank" class="state-layer" title="Container management system"></a>
|
||
</div>
|
||
|
||
<!-- SparkScreen -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/sparkscreen.png" alt="SparkScreen" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">SparkScreen</h3>
|
||
</div>
|
||
<a href="https://www.sparkscreen.xyz/" target="_blank" class="state-layer" title="Free and open-source platform for movies and TV shows"></a>
|
||
</div>
|
||
|
||
<!-- SportCreative -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/sportcreative.png" alt="SportCreative" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Agency Website</span>
|
||
<h3 class="title-large card-title">SportCreative</h3>
|
||
</div>
|
||
<a href="https://www.sportcreative.eu/" target="_blank" class="state-layer" title="Digitální marketing pro sportovní týmy a společnosti"></a>
|
||
</div>
|
||
|
||
<!-- ZEUS CZ -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/zeus.cz.png" alt="ZEUS CZ" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">E‑shop</span>
|
||
<h3 class="title-large card-title">ZEUS (CZ)</h3>
|
||
</div>
|
||
<a href="https://www.zeusport.cz/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||
</div>
|
||
|
||
<!-- ZEUS EU (selfhosted) -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/zeus.eu.png" alt="ZEUS EU" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">ZEUS (EU)</h3>
|
||
</div>
|
||
<a href="https://www.zeusport.eu/" target="_blank" class="state-layer" title="Váš partner pro profesionální sportovní vybavení"></a>
|
||
</div>
|
||
|
||
<!-- Bizoni UH (club site) -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/bizoni.png" alt="Bizoni UH" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">Bizoni UH</h3>
|
||
</div>
|
||
<a href="https://www.bizoniuh.cz/" target="_blank" class="state-layer" title="Klubový web Bizoni UH"></a>
|
||
</div>
|
||
|
||
<!-- Reklik (landing) -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/reklik.png" alt="Reklik landing" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Landing Page</span>
|
||
<h3 class="title-large card-title">Reklik</h3>
|
||
</div>
|
||
<a href="https://www.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí"></a>
|
||
</div>
|
||
|
||
<!-- Reklik Foto (portfolio) -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/reklik.foto.png" alt="Reklik foto portfolio" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">Reklik Foto</h3>
|
||
</div>
|
||
<a href="https://foto.reklik.net/" target="_blank" class="state-layer" title="Profesionální fotografování nemovitostí - portfolio"></a>
|
||
</div>
|
||
|
||
<!-- Personal Portfolio -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/tdvorak.png" alt="Personal portfolio" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfdeveloped</span>
|
||
<h3 class="title-large card-title">Personal Portfolio</h3>
|
||
</div>
|
||
<a href="https://www.tdvorak.dev/" target="_blank" class="state-layer" title="Personal portfolio"></a>
|
||
</div>
|
||
|
||
<!-- 1337x scraper -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/1337x.png" alt="1337x scraper" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">1337x Scraper</h3>
|
||
</div>
|
||
<a href="https://1337x.tdvorak.dev/" target="_blank" class="state-layer" title="1337x scraper, torrents"></a>
|
||
</div>
|
||
|
||
|
||
<!-- FAČR scraper -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/facr.png" alt="FAČR scraper" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">FAČR Scraper</h3>
|
||
</div>
|
||
<a href="https://facr.tdvorak.dev/" target="_blank" class="state-layer" title="FAČR scraper, Czech football and futsal info"></a>
|
||
</div>
|
||
|
||
<!-- SparkScreen API (GoAPI) -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/sparkscreen.png" alt="SparkScreen API (GoAPI)" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">GoAPI</h3>
|
||
</div>
|
||
<a href="https://goapi.tdvorak.dev/" target="_blank" class="state-layer" title="SparkScreen API, movies, stats"></a>
|
||
</div>
|
||
|
||
|
||
<!-- YouTube channel data scraper API -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/youtube.png" alt="YouTube data scraper API" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">YouTube Scraper API</h3>
|
||
</div>
|
||
<a href="https://youtube.tdvorak.dev/" target="_blank" class="state-layer" title="YouTube channel data scraper API"></a>
|
||
</div>
|
||
|
||
<!-- YouTube search scraper API (proxy) -->
|
||
<div class="card">
|
||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||
<img src="images/projects/ytbproxy.png" alt="YouTube search scraper API" width="334" height="180" class="img-cover">
|
||
</figure>
|
||
<div class="card-content">
|
||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||
<h3 class="title-large card-title">YouTube Proxy API</h3>
|
||
</div>
|
||
<a href="https://ytbproxy.tdvorak.dev/" target="_blank" class="state-layer" title="YouTube search scraper API"></a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section tab-content resume-tab" data-tab-content="resume">
|
||
<div class="container">
|
||
<div class="resume-header">
|
||
<a class="resume-linkedin-btn" href="https://www.linkedin.com/in/tdvorak-dev" target="_blank" rel="noopener">View complete profile on LinkedIn</a>
|
||
</div>
|
||
|
||
<!-- Skills Sections -->
|
||
<h2 class="section-title title-small">Programming Languages:</h2>
|
||
<ul class="resume-bottom-list">
|
||
<li class="resume-bottom-item">
|
||
<img src="images/html5.webp" width="28" height="28" loading="lazy" alt="HTML5" class="HTML5">
|
||
<span class="label-medium">HTML5</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/css3.svg" width="28" height="28" loading="lazy" alt="CSS3" class="CSS3">
|
||
<span class="label-medium">CSS3</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/js.webp" width="28" height="28" loading="lazy" alt="JavaScript"
|
||
class="icon">
|
||
<span class="label-medium">JavaScript</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/go.webp" width="28" height="28" loading="lazy" alt="Go"
|
||
class="icon">
|
||
<span class="label-medium">GO</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/typescript.webp" width="28" height="38" loading="lazy" alt="Typescript"
|
||
class="icon">
|
||
<span class="label-medium">Typescript</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/react.js.svg" width="28" height="28" loading="lazy" alt="React.js"
|
||
class="icon">
|
||
<span class="label-medium">React.js</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<svg width="28" height="28" viewBox="0 0 256 185" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
|
||
<g>
|
||
<path d="M250.715745,70.4971666 C244.951102,66.4973277 231.740464,64.997388 221.412146,66.9973071 C220.211179,56.9977092 214.68673,48.2480609 205.078993,40.4983724 L199.554544,36.4985331 L195.711449,42.248302 C190.90758,49.7480006 188.505646,60.2475786 189.226226,70.2471769 C189.46642,73.7470364 190.667387,79.9967847 194.270289,85.496564 C190.90758,87.4964838 183.941971,89.996383 174.814621,89.996383 L1.15476998,89.996383 L0.674383104,91.9963028 C-1.00697093,101.9959 -1.00697093,133.244645 18.6888904,157.243681 C33.5808831,175.492947 55.6786788,184.742575 84.7420842,184.742575 C147.672763,184.742575 194.270289,154.493791 216.127891,99.7459909 C224.774854,99.9959813 243.269748,99.7459909 252.637292,80.996745 C252.877486,80.4967649 253.357872,79.4968046 255.039227,75.7469554 L256,73.7470364 L250.715745,70.4971666 L250.715745,70.4971666 Z M139.986573,0 L113.565295,0 L113.565295,24.9989952 L139.986573,24.9989952 L139.986573,0 L139.986573,0 Z M139.986573,29.9987943 L113.565295,29.9987943 L113.565295,54.9977896 L139.986573,54.9977896 L139.986573,29.9987943 L139.986573,29.9987943 Z M108.761427,29.9987943 L82.3401495,29.9987943 L82.3401495,54.9977896 L108.761427,54.9977896 L108.761427,29.9987943 L108.761427,29.9987943 Z M77.5362814,29.9987943 L51.1150037,29.9987943 L51.1150037,54.9977896 L77.5362814,54.9977896 L77.5362814,29.9987943 L77.5362814,29.9987943 Z M46.311135,59.9975886 L19.8898576,59.9975886 L19.8898576,84.9965839 L46.311135,84.9965839 L46.311135,59.9975886 L46.311135,59.9975886 Z M77.5362814,59.9975886 L51.1150037,59.9975886 L51.1150037,84.9965839 L77.5362814,84.9965839 L77.5362814,59.9975886 L77.5362814,59.9975886 Z M108.761427,59.9975886 L82.3401495,59.9975886 L82.3401495,84.9965839 L108.761427,84.9965839 L108.761427,59.9975886 L108.761427,59.9975886 Z M139.986573,59.9975886 L113.565295,59.9975886 L113.565295,84.9965839 L139.986573,84.9965839 L139.986573,59.9975886 L139.986573,59.9975886 Z M171.211719,59.9975886 L144.790441,59.9975886 L144.790441,84.9965839 L171.211719,84.9965839 L171.211719,59.9975886 L171.211719,59.9975886 Z" fill="#2396ED" fill-rule="nonzero"/>
|
||
</g>
|
||
</svg>
|
||
<span class="label-medium">Docker</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://icon.icepanel.io/Technology/svg/Vite.js.svg" width="28" height="28" loading="lazy" alt="Vite"
|
||
class="icon">
|
||
<span class="label-medium">Vite</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://astro.build/assets/press/astro-icon-light-gradient.svg" width="28" height="28" loading="lazy" alt="Astro"
|
||
class="icon">
|
||
<span class="label-medium">Astro</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://bun.sh/logo.svg" width="28" height="28" loading="lazy" alt="Bun"
|
||
class="icon">
|
||
<span class="label-medium">Bun</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="deno.svg" width="28" height="28" loading="lazy" alt="Bun"
|
||
class="icon">
|
||
<span class="label-medium">Deno</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://upload.wikimedia.org/wikipedia/commons/2/29/Postgresql_elephant.svg" width="28" height="28" loading="lazy" alt="PostgreSQL"
|
||
class="icon">
|
||
<span class="label-medium">PostgreSQL</span>
|
||
</li>
|
||
</ul><br>
|
||
<h2 class="section-title title-small">Softwares:</h2>
|
||
<ul class="resume-bottom-list">
|
||
<li class="resume-bottom-item">
|
||
<img src="https://exafunction.github.io/public/brand/windsurf-white-symbol.svg" width="28" height="28" loading="lazy" alt="Windsurf"
|
||
class="icon">
|
||
<span class="label-medium">Windsurf</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/github.webp" width="28" height="28" loading="lazy" alt="Github"
|
||
class="icon">
|
||
<span class="label-medium">Github</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://upload.wikimedia.org/wikipedia/commons/b/bb/Gitea_Logo.svg" width="28" height="28" loading="lazy" alt="Gitea"
|
||
class="icon">
|
||
<span class="label-medium">Gitea</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<svg width="28" height="28" viewBox="0 0 256 263" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
|
||
<title>supabase</title>
|
||
<defs>
|
||
<linearGradient x1="20.8617445%" y1="20.6868812%" x2="63.4256086%" y2="44.0710077%" id="supabase-linearGradient-1">
|
||
<stop stop-color="#249361" offset="0%"/>
|
||
<stop stop-color="#3ECF8E" offset="100%"/>
|
||
</linearGradient>
|
||
<linearGradient x1="1.99116498%" y1="-13.1584008%" x2="21.4025077%" y2="34.708062%" id="supabase-linearGradient-2">
|
||
<stop stop-color="#000000" offset="0%"/>
|
||
<stop stop-color="#000000" stop-opacity="0" offset="100%"/>
|
||
</linearGradient>
|
||
</defs>
|
||
<g>
|
||
<path d="M149.601512,258.578826 C142.884085,267.038157 129.263882,262.403261 129.102024,251.601817 L126.735244,93.6176533 L232.963622,93.6176533 C252.204429,93.6176533 262.935398,115.840956 250.971119,130.909887 L149.601512,258.578826 Z" fill="url(#supabase-linearGradient-1)"/>
|
||
<path d="M149.601512,258.578826 C142.884085,267.038157 129.263882,262.403261 129.102024,251.601817 L126.735244,93.6176533 L232.963622,93.6176533 C252.204429,93.6176533 262.935398,115.840956 250.971119,130.909887 L149.601512,258.578826 Z" fill-opacity="0.2" fill="url(#supabase-linearGradient-2)"/>
|
||
<path d="M106.399023,4.36908575 C113.11645,-4.09118439 126.736889,0.544432392 126.898746,11.3460249 L127.935901,169.329953 L23.0369844,169.329953 C3.79559007,169.329953 -6.93568494,147.106651 5.02918175,132.037719 L106.399023,4.36908575 Z" fill="#3ECF8E"/>
|
||
</g>
|
||
</svg>
|
||
<span class="label-medium">Supabase</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://appwrite.io/assets/logomark/logo.svg" width="28" height="28" loading="lazy" alt="Appwrite"
|
||
class="icon">
|
||
<span class="label-medium">Appwrite</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1556 704" width="28" height="28">
|
||
<title>Cloudflare-logo-vector-svg</title>
|
||
<style>
|
||
.s0 { fill: #ffffff }
|
||
.s1 { fill: #f48120 }
|
||
.s2 { fill: #faad3f }
|
||
</style>
|
||
<path id="Layer" class="s1" d="m1062.4 694.1c0 6.4-6.4 9.6-12.9 9.6h-1035.5q-1.9-0.1-3.7-0.8q-1.7-0.8-3-2.2q-1.4-1.3-2.1-3q-0.8-1.8-0.9-3.6q-1-4.4-1.7-8.8q-0.7-4.4-1.1-8.9q-0.4-4.4-0.5-8.9q-0.1-4.5 0.1-9c-0.1-30.4 5.8-60.5 17.3-88.7c11.4-28.1 28.2-53.8 49.3-75.6c21.2-21.8 46.4-39.3 74.3-51.5c27.8-12.3 57.7-19 88.1-19.8q-1.6-7.1-2.6-14.4q-1-7.2-1.4-14.5q-0.4-7.3-0.2-14.6q0.2-7.3 1-14.6c2.1-18.8 7.3-37.2 15.5-54.3c8.2-17 19.3-32.6 32.7-46c13.3-13.4 28.9-24.4 46-32.6c17-8.2 35.4-13.5 54.2-15.6c10.2-0.8 20.5-0.7 30.7 0.3c10.2 1 20.3 2.8 30.2 5.6c9.9 2.7 19.5 6.3 28.8 10.8c9.2 4.4 18.1 9.6 26.4 15.6c26-75.8 76-141.1 142.4-185.8c66.4-44.8 145.6-66.6 225.5-62.2c79.9 4.3 156.3 34.7 217.4 86.5c61.1 51.7 103.7 122 121.2 200.2c3.2 3.2 0 6.5 0 9.7l-32.3 83.9c-7 16.6-16.1 32.1-27.2 46.2c-11.1 14.2-24 26.8-38.4 37.5c-14.4 10.7-30.1 19.5-46.8 26.1c-16.7 6.6-34.2 10.9-52.1 12.9l-564.5 6.5c-6.5 0-9.7 3.2-12.9 9.6c-0.8 0.6-1.4 1.3-1.8 2.2c-0.4 0.8-0.7 1.7-0.7 2.7c0 0.9 0.3 1.8 0.7 2.7c0.4 0.8 1 1.6 1.8 2.1c3.2 0 6.4 3.2 9.6 3.2l561.4 6.5c6.5 0.6 12.9 1.8 19.2 3.7c6.3 1.8 12.4 4.3 18.2 7.3c5.8 3.1 11.3 6.7 16.4 10.8c5 4.1 9.7 8.7 13.9 13.7c4.1 6.1 7.4 12.6 10 19.5c2.5 6.9 4.2 14 5 21.3c0.9 7.3 0.8 14.6-0.1 21.9c-0.9 7.3-2.6 14.4-5.2 21.2z"/>
|
||
<path id="Layer" class="s2" d="m1366.5 320.9c37.1 15.5 70.8 38.1 99.2 66.5c28.4 28.4 51 62.1 66.4 99.2c15.5 37.1 23.6 76.9 23.9 117.1q-0.3 10.6-1.3 21.2q-1 10.6-2.6 21.1q-1.6 10.5-3.9 21q-2.2 10.4-5.1 20.6c0.2 1.3 0.1 2.7-0.4 3.9c-0.4 1.3-1.1 2.4-2 3.4c-1 0.9-2.1 1.6-3.4 2c-1.2 0.5-2.6 0.6-3.9 0.4h-425.8c-6.5 0-9.7-6.5-6.5-9.7l6.5-29.1c7-16.5 16.1-32 27.2-46.2c11.1-14.1 24-26.7 38.4-37.4c14.4-10.8 30.2-19.5 46.9-26.1c16.7-6.6 34.2-10.9 52-12.9l122.6-6.5c6.4 0 9.7-3.2 12.9-9.7c0.7-0.5 1.4-1.3 1.8-2.1c0.4-0.8 0.6-1.8 0.6-2.7c0-0.9-0.2-1.9-0.6-2.7c-0.4-0.9-1.1-1.6-1.8-2.1c-3.2 0-6.5-3.3-9.7-3.3l-119.3-6.4c-6.6-0.6-13-1.8-19.3-3.7c-6.3-1.8-12.4-4.3-18.1-7.3c-5.8-3.1-11.3-6.7-16.4-10.8c-5.1-4.1-9.8-8.7-14-13.7c-4.1-6.1-7.4-12.7-9.9-19.5c-2.6-6.9-4.3-14.1-5.1-21.3c-0.8-7.3-0.8-14.7 0.1-21.9c0.9-7.3 2.6-14.4 5.2-21.3l22.6-77.5c3.2-3.2 6.5-6.4 9.7-6.4h16.1c40.2 0.2 79.9 8.4 117 23.9z"/>
|
||
</svg>
|
||
<span class="label-medium">Cloudflare</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="#FFB441" viewBox="0 0 24 24" width="28" height="28">
|
||
<path d="M4.01 0A4 4 0 0 0 .014 4v16c0 2.209 1.79 4 3.996 4h15.98a4 4 0 0 0 3.996-4V4c0-2.209-1.79-4-3.996-4zm-.672 2.834h17.326a.568.568 0 1 1 0 1.137h-8.129a.6.6 0 0 1 .033.19v1.804A6.06 6.06 0 0 1 18.057 12c0 3.157-2.41 5.75-5.489 6.037v2.56a.568.568 0 1 1-1.136 0v-2.56A6.06 6.06 0 0 1 5.943 12a6.06 6.06 0 0 1 5.489-6.035V4.16q0-.1.033-.19H3.338a.568.568 0 1 1 0-1.136m8.094 4.307A4.89 4.89 0 0 0 7.113 12a4.89 4.89 0 0 0 4.319 4.86zm1.136 0v9.718A4.89 4.89 0 0 0 16.888 12a4.89 4.89 0 0 0-4.32-4.86z"/>
|
||
</svg>
|
||
<span class="label-medium">ZeroTier</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/proxmox.svg" width="28" height="28" loading="lazy" alt="Proxmox"
|
||
class="icon">
|
||
<span class="label-medium">Proxmox</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/tor.webp" width="30" height="38" loading="lazy" alt="TOR"
|
||
class="icon">
|
||
<span class="label-medium">TOR</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/metasploit.svg" width="28" height="28" loading="lazy" alt="Metasploit"
|
||
class="icon">
|
||
<span class="label-medium">Metasploit</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/nmap.svg" width="28" height="28" loading="lazy" alt="Nmap"
|
||
class="icon">
|
||
<span class="label-medium">Nmap</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/davinci.webp" width="28" height="30" loading="lazy" alt="Davinci Resolve"
|
||
class="icon">
|
||
<span class="label-medium">Davinci Resolve</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/photoshop.webp" width="28" height="28" loading="lazy" alt="Photoshop"
|
||
class="icon">
|
||
<span class="label-medium">Photoshop</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/lightroom.webp" width="28" height="34" loading="lazy" alt="Lightroom"
|
||
class="icon">
|
||
<span class="label-medium">Lightroom</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://upload.wikimedia.org/wikipedia/commons/f/fb/Adobe_Illustrator_CC_icon.svg" width="28" height="28" loading="lazy" alt="Adobe Illustrator"
|
||
class="icon">
|
||
<span class="label-medium">Adobe Illustrator</span>
|
||
</li>
|
||
</ul><br>
|
||
<h2 class="section-title title-small">Operating Systems:</h2>
|
||
<ul class="resume-bottom-list">
|
||
<li class="resume-bottom-item">
|
||
<img src="images/windows10.webp" width="28" height="58" loading="lazy" alt="Windows 10"
|
||
class="icon">
|
||
<span class="label-medium">Windows 10</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/windows11.webp" width="28" height="58" loading="lazy" alt="Windows 11"
|
||
class="icon">
|
||
<span class="label-medium">Windows 11</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/android.webp" width="28" height="58" loading="lazy" alt="Android"
|
||
class="icon">
|
||
<span class="label-medium">Android</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/linux.svg" width="28" height="38" loading="lazy" alt="Linux"
|
||
class="icon">
|
||
<span class="label-medium">Linux</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/kali.webp" width="28" height="58" loading="lazy" alt="Kali Linux"
|
||
class="icon">
|
||
<span class="label-medium">Kali Linux</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://www.debian.org/logos/openlogo-nd.svg" width="28" height="38" loading="lazy" alt="Debian Linux"
|
||
class="icon">
|
||
<span class="label-medium">Debian Linux</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://www.logo.wine/a/logo/Raspberry_Pi/Raspberry_Pi-Logo.wine.svg" width="28" height="28" loading="lazy" alt="Raspberry Pi OS"
|
||
class="icon">
|
||
<span class="label-medium">Raspberry Pi OS</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 48 48">
|
||
<circle cx="24" cy="24" r="20" fill="#4dd0e1"></circle>
|
||
<polygon fill="#212121" points="30.252,38.194 21.909,23.131 25.497,18.651 38.914,13.097 25.497,13.394 34.229,8.8 17.634,11.406 16.263,18.171 9.566,18.606 8.4,24.343 11.76,21.6 22.206,32.069 30.434,41.28 27.692,35.52"></polygon>
|
||
</svg>
|
||
<span class="label-medium">Parrot OS</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/ubuntu.webp" width="28" height="58" loading="lazy" alt="Ubuntu Linux"
|
||
class="icon">
|
||
<span class="label-medium">Ubuntu Linux</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/proxmox.svg" width="28" height="28" loading="lazy" alt="Proxmox"
|
||
class="icon">
|
||
<span class="label-medium">Proxmox</span>
|
||
</li>
|
||
</ul><br>
|
||
<h2 class="section-title title-small">In Progress:</h2>
|
||
<ul class="resume-bottom-list">
|
||
<li class="resume-bottom-item">
|
||
<img src="https://storage.googleapis.com/cms-storage-bucket/icon_flutter.4fd5520fe28ebf839174.svg" width="28" height="28" loading="lazy" alt="Flutter" class="Flutter">
|
||
<span class="label-medium">Flutter</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://cdn.brandfetch.io/id4cpJPx5b/theme/dark/logo.svg?c=1dxbfHSJFAPEGdCLU4o5B" width="28" height="28" loading="lazy" alt="Dart"
|
||
class="icon">
|
||
<span class="label-medium">Dart</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="images/python.svg" width="28" height="28" loading="lazy" alt="Python"
|
||
class="icon">
|
||
<span class="label-medium">Python</span>
|
||
</li>
|
||
<li class="resume-bottom-item">
|
||
<img src="https://www.rustacean.net/assets/cuddlyferris.svg" width="28" height="28" loading="lazy" alt="Rust"
|
||
class="icon">
|
||
<span class="label-medium">Rust</span>
|
||
</li>
|
||
</ul>
|
||
<div style="padding-bottom: 40px;"></div>
|
||
<h2 class="section-title title-small">Work Experience:</h2>
|
||
<ul class="list">
|
||
<li class="resume-item" data-start="2025-06" data-end="present">
|
||
<div class="resume-card">
|
||
<p class="body-large">IT / Web Development Intern → Full-Stack Developer / AI-Assisted Systems Specialist — <strong>Poppe + Potthoff s.r.o.</strong></p>
|
||
<span class="label-medium card-subtitle">Internship → Contract · May 2025 – Present · <span class="duration" data-start="2025-05" data-end="present"></span> · Czech Republic</span>
|
||
<span class="body-medium card-text">Started as intern building internal web portal (Go + Tailwind)<br>Assisted with virtualization and infrastructure setup (Proxmox)<br>Progressed to full-stack development role<br>AI-assisted backend and system logic implementation<br>Infrastructure and virtualization using Proxmox<br>Linux-based systems administration and IT support<br>Git-based workflows and deployment coordination<br>Participation in IT security and internal system hardening</span>
|
||
<span class="label-medium card-subtitle">Tech: Go, HTML, Tailwind CSS, Git, Linux, Proxmox, Cloudflare</span>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="resume-item" data-start="2025-04" data-end="present">
|
||
<div class="resume-card">
|
||
<p class="body-large">Co-Founder & CTO — <strong>SportCreative</strong></p>
|
||
<span class="label-medium card-subtitle">Hybrid · Apr 2025 – Present · <span class="duration" data-start="2025-04" data-end="present"></span></span>
|
||
<span class="body-medium card-text">Leading technical and digital strategy for sports-focused marketing agency<br>Designing and delivering AI-assisted web systems, websites, and internal tools<br>Overseeing automation, infrastructure, and system architecture<br>Connecting development, content, design, and analytics into unified solutions<br>Supporting sports clubs with scalable digital platforms and content workflows</span>
|
||
<span class="label-medium card-subtitle">Tech: Full-stack Development, AI Systems, Digital Strategy, Infrastructure</span>
|
||
</div>
|
||
</li>
|
||
|
||
<!-- Vibly role commented out for now -->
|
||
<!-- <li class="resume-item" data-start="2025-06" data-end="present">
|
||
<div class="resume-card">
|
||
<p class="body-large">Founder / Digital Systems & AI Product Builder — <strong>Vibly</strong></p>
|
||
<span class="label-medium card-subtitle">Hybrid · Jun 2025 – Present · <span class="duration" data-start="2025-06" data-end="present"></span></span>
|
||
<span class="body-medium card-text">Providing AI-assisted full-stack web solutions and digital systems<br>Designing product logic, system architecture, and automation workflows<br>Frontend development (HTML/CSS/JS) with AI-generated backend logic<br>Delivering MVPs, internal tools, and marketing-oriented web platforms</span>
|
||
<span class="label-medium card-subtitle">Tech: AI Development, Full-stack Web, Product Architecture, Automation</span>
|
||
</div>
|
||
</li> -->
|
||
|
||
<li class="resume-item" data-start="2025-06" data-end="present">
|
||
<div class="resume-card">
|
||
<p class="body-large">Co-Founder & CTO — <strong>ReKlik</strong></p>
|
||
<span class="label-medium card-subtitle">On-site · Jun 2025 – Present · <span class="duration" data-start="2025-06" data-end="present"></span></span>
|
||
<span class="body-medium card-text">Responsible for technical development and digital workflows<br>Designing end-to-end production pipelines (from capture to delivery)<br>Ensuring visual quality, system efficiency, and automation<br>Supporting real-estate and commercial photography operations with tech solutions</span>
|
||
<span class="label-medium card-subtitle">Tech: Photography Systems, Workflow Automation, Digital Asset Management</span>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="resume-item" data-start="2024-09" data-end="present">
|
||
<div class="resume-card">
|
||
<p class="body-large">Web Developer & Digital Marketing Lead (Freelance) — <strong>Sports & E-commerce Brands</strong></p>
|
||
<span class="label-medium card-subtitle">Remote / Hybrid · Sep 2024 – Present · <span class="duration" data-start="2024-09" data-end="present"></span></span>
|
||
<span class="body-medium card-text">Web development and maintenance (HTML, CSS, Tailwind, JS)<br>AI-assisted content systems and automation<br>Digital marketing strategy, brand growth, and campaign support<br>UX improvements, e-commerce coordination, and visual identity<br>Social media systems, short-form video, and content pipelines<br><em>(Multiple long-term freelance collaborations merged into one role for clarity and seniority.)</em></span>
|
||
<span class="label-medium card-subtitle">Brands: ZEUS, Masita, Winnersport, RévviSport, FC Bizoni</span>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
<h2 class="section-title title-small">Education & Continuous Learning</h2>
|
||
<ul class="list">
|
||
<li class="resume-item">
|
||
<div class="resume-card">
|
||
<p class="body-large">
|
||
<strong>Information Technology – Secondary Technical School</strong><br>
|
||
<b>SGaSOŠ (Private Grammar & Secondary Vocational School)</b>
|
||
</p>
|
||
<span class="label-medium card-subtitle">2024 – 2027 · Czech Republic</span>
|
||
<span class="body-medium card-text">Focus on information technology, programming fundamentals, and digital systems<br>Practical exposure to web technologies, databases, and IT infrastructure<br>Strong emphasis on self-directed learning and real-world projects</span>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="resume-item">
|
||
<div class="resume-card">
|
||
<p class="body-large">
|
||
<strong>Self-Taught AI, Programming & Systems Development</strong><br>
|
||
<b>Ongoing</b>
|
||
</p>
|
||
<span class="label-medium card-subtitle">Continuous Learning</span>
|
||
<span class="body-medium card-text">I am primarily self-taught, learning through real projects, experimentation, and continuous practice, supported by high-quality online education and industry creators.</span>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="resume-item">
|
||
<div class="resume-card">
|
||
<p class="body-large">
|
||
<strong>Zero To Mastery (ZTM) Bootcamps</strong>
|
||
</p>
|
||
<span class="label-medium card-subtitle">Key Learning Source</span>
|
||
<span class="body-medium card-text">Programming fundamentals (JavaScript, Python, Go concepts)<br>Databases & backend logic<br>Full-stack development principles<br>Practical, project-based learning approach</span>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="resume-item">
|
||
<div class="resume-card">
|
||
<p class="body-large">
|
||
<strong>NetworkChuck (YouTube & Courses)</strong>
|
||
</p>
|
||
<span class="label-medium card-subtitle">Major Influence</span>
|
||
<span class="body-medium card-text">Networking fundamentals<br>Linux systems and servers<br>Cybersecurity concepts<br>Infrastructure, cloud, and real-world IT workflows<br><br>NetworkChuck has been a major influence in shaping my understanding of modern IT, infrastructure, and security.</span>
|
||
</div>
|
||
</li>
|
||
|
||
</ul>
|
||
</section>
|
||
<section class="section tab-content contact-tab" data-tab-content="contact">
|
||
<div class="container">
|
||
<div class="contact-info">
|
||
<h4 class="section-title title-small">Contact Info</h4>
|
||
<ul class="contact-info-list">
|
||
<li class="contact-info-item">
|
||
<div class="icon-box">
|
||
<span class="material-symbols-outlined" aria-hidden="true"> mail </span>
|
||
</div>
|
||
<div class="info-content">
|
||
<p class="label-small info-title">Email Me</p>
|
||
<a href="mailto:info@tdvorak.dev" class="label-small info-text">info@tdvorak.dev</a>
|
||
</div>
|
||
</li>
|
||
<li class="contact-info-item">
|
||
<div class="icon-box">
|
||
<span class="material-symbols-outlined" aria-hidden="true"> business </span>
|
||
</div>
|
||
<div class="info-content">
|
||
<p class="label-small info-title">Tax ID</p>
|
||
<span class="label-small info-text">24330621</span>
|
||
</div>
|
||
</li>
|
||
<li class="contact-info-item">
|
||
<div class="icon-box">
|
||
<span class="material-symbols-outlined" aria-hidden="true"> inbox </span>
|
||
</div>
|
||
<div class="info-content">
|
||
<p class="label-small info-title">Data Box</p>
|
||
<span class="label-small info-text">zhecn8k</span>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
<h4 class="title-small">Social Info</h4>
|
||
<div class="social-list">
|
||
<a href="https://www.instagram.com/tdv0rak_photos/" target="_blank" class="social-item">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g clip-path="url(#clip0_66_1657)">
|
||
<mask id="mask0_66_1657" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
|
||
width="24" height="24">
|
||
<path d="M0 7.05719e-05H23.9999V24H0V7.05719e-05Z" fill="white" />
|
||
</mask>
|
||
<g mask="url(#mask0_66_1657)">
|
||
<path
|
||
d="M23.062 12C23.0596 12.9866 23.0485 13.9731 23.035 14.9596C23.0187 16.1498 23.0003 17.3405 22.7018 18.5103C22.3888 19.7371 21.7715 20.795 20.811 21.5783C19.7989 22.4036 18.5755 22.8375 17.2552 22.9178C15.5039 23.0243 13.7519 23.0664 12 23.0622C10.248 23.0664 8.496 23.0243 6.7448 22.9178C5.42443 22.8375 4.20109 22.4036 3.18897 21.5783C2.2285 20.795 1.61116 19.7371 1.29813 18.5103C0.999629 17.3405 0.981255 16.1498 0.964989 14.9596C0.951489 13.9731 0.940285 12.9866 0.937988 12C0.940285 11.0135 0.951489 10.0269 0.964989 9.04045C0.981255 7.85025 0.999629 6.65954 1.29813 5.48973C1.61116 4.26301 2.2285 3.20505 3.18897 2.42182C4.20109 1.59644 5.42443 1.16262 6.7448 1.08232C8.496 0.97582 10.248 0.933726 12 0.937851C13.7519 0.933726 15.5039 0.97582 17.2552 1.08232C18.5755 1.16262 19.7989 1.59644 20.811 2.42182C21.7715 3.20505 22.3888 4.26301 22.7018 5.48973C23.0003 6.65954 23.0187 7.85025 23.035 9.04045C23.0485 10.0269 23.0596 11.0135 23.062 12Z"
|
||
style="stroke: var(--on-surface-variant)" stroke-width="1.5" stroke-miterlimit="10" />
|
||
<path
|
||
d="M16.875 12C16.875 14.7183 14.6714 16.9219 11.9531 16.9219C9.23484 16.9219 7.03125 14.7183 7.03125 12C7.03125 9.28174 9.23484 7.07815 11.9531 7.07815C14.6714 7.07815 16.875 9.28174 16.875 12Z"
|
||
style="stroke: var(--on-surface-variant)" stroke-width="1.5" stroke-miterlimit="10" />
|
||
<path
|
||
d="M19.875 5.67188C19.875 6.4485 19.2454 7.07812 18.4687 7.07812C17.6921 7.07812 17.0625 6.4485 17.0625 5.67188C17.0625 4.89526 17.6921 4.26563 18.4687 4.26563C19.2454 4.26563 19.875 4.89526 19.875 5.67188Z"
|
||
style="fill: var(--on-surface-variant)" />
|
||
</g>
|
||
</g>
|
||
<defs>
|
||
<clipPath id="clip0_66_1657">
|
||
<rect width="24" height="24" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="https://www.instagram.com/tdv0rak_/" target="_blank" class="social-item">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g clip-path="url(#clip0_66_1657)">
|
||
<mask id="mask0_66_1657" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0"
|
||
width="24" height="24">
|
||
<path d="M0 7.05719e-05H23.9999V24H0V7.05719e-05Z" fill="white" />
|
||
</mask>
|
||
<g mask="url(#mask0_66_1657)">
|
||
<path
|
||
d="M23.062 12C23.0596 12.9866 23.0485 13.9731 23.035 14.9596C23.0187 16.1498 23.0003 17.3405 22.7018 18.5103C22.3888 19.7371 21.7715 20.795 20.811 21.5783C19.7989 22.4036 18.5755 22.8375 17.2552 22.9178C15.5039 23.0243 13.7519 23.0664 12 23.0622C10.248 23.0664 8.496 23.0243 6.7448 22.9178C5.42443 22.8375 4.20109 22.4036 3.18897 21.5783C2.2285 20.795 1.61116 19.7371 1.29813 18.5103C0.999629 17.3405 0.981255 16.1498 0.964989 14.9596C0.951489 13.9731 0.940285 12.9866 0.937988 12C0.940285 11.0135 0.951489 10.0269 0.964989 9.04045C0.981255 7.85025 0.999629 6.65954 1.29813 5.48973C1.61116 4.26301 2.2285 3.20505 3.18897 2.42182C4.20109 1.59644 5.42443 1.16262 6.7448 1.08232C8.496 0.97582 10.248 0.933726 12 0.937851C13.7519 0.933726 15.5039 0.97582 17.2552 1.08232C18.5755 1.16262 19.7989 1.59644 20.811 2.42182C21.7715 3.20505 22.3888 4.26301 22.7018 5.48973C23.0003 6.65954 23.0187 7.85025 23.035 9.04045C23.0485 10.0269 23.0596 11.0135 23.062 12Z"
|
||
style="stroke: var(--on-surface-variant)" stroke-width="1.5" stroke-miterlimit="10" />
|
||
<path
|
||
d="M16.875 12C16.875 14.7183 14.6714 16.9219 11.9531 16.9219C9.23484 16.9219 7.03125 14.7183 7.03125 12C7.03125 9.28174 9.23484 7.07815 11.9531 7.07815C14.6714 7.07815 16.875 9.28174 16.875 12Z"
|
||
style="stroke: var(--on-surface-variant)" stroke-width="1.5" stroke-miterlimit="10" />
|
||
<path
|
||
d="M19.875 5.67188C19.875 6.4485 19.2454 7.07812 18.4687 7.07812C17.6921 7.07812 17.0625 6.4485 17.0625 5.67188C17.0625 4.89526 17.6921 4.26563 18.4687 4.26563C19.2454 4.26563 19.875 4.89526 19.875 5.67188Z"
|
||
style="fill: var(--on-surface-variant)" />
|
||
</g>
|
||
</g>
|
||
<defs>
|
||
<clipPath id="clip0_66_1657">
|
||
<rect width="24" height="24" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="https://github.com/BcDvorinka" target="_blank" class="social-item">
|
||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<g clip-path="url(#clip0_66_1649)">
|
||
<path
|
||
d="M0.184072 10.462C-0.594929 15.368 1.58507 21.285 8.30707 23.468C8.42707 23.49 8.53807 23.5 8.64207 23.5C9.42407 23.5 9.96207 22.918 9.96207 22.2C9.86507 21.677 10.3451 19.558 9.04207 19.843C6.52307 20.379 6.22107 18.972 5.83707 18.236C6.92307 19.63 8.55507 19.595 9.78607 19.055C10.4691 18.755 10.1121 17.991 10.4361 17.712C10.5468 17.6167 10.6273 17.4911 10.6677 17.3507C10.7081 17.2103 10.7065 17.0611 10.6633 16.9216C10.6201 16.782 10.537 16.6581 10.4244 16.5651C10.3117 16.4721 10.1743 16.414 10.0291 16.398C7.71507 16.143 5.57207 15.397 5.57207 11.696C5.57207 9.52797 7.07707 9.33397 6.66207 8.42697C6.64707 8.39397 6.32907 7.67297 6.61707 6.57797C8.03607 6.83997 8.68907 7.85797 9.37007 7.67497C11.0571 7.21497 12.9141 7.21497 14.6001 7.67497C15.3041 7.86397 15.8071 6.87397 17.3381 6.57197C17.7791 8.22597 16.8651 8.62997 17.4411 9.24897C18.0731 9.92897 18.3941 10.752 18.3941 11.696C18.3941 17.26 13.6771 15.653 13.2931 16.916C13.2501 17.0565 13.2495 17.2065 13.2913 17.3474C13.3331 17.4882 13.4155 17.6136 13.5281 17.708C14.1381 18.221 14.0581 19.538 13.9931 20.597C13.9261 21.695 13.8681 22.642 14.4751 23.176C14.6891 23.366 15.0701 23.569 15.7591 23.429C22.3931 21.298 24.5891 15.407 23.8221 10.512C21.7261 -2.85603 2.29607 -2.84003 0.184072 10.462ZM8.45407 21.44L8.45807 21.945C7.95288 21.7709 7.46008 21.5628 6.98307 21.322C7.40807 21.431 7.89607 21.478 8.45407 21.44ZM8.82407 17.74L8.80907 17.82C7.95607 18.072 7.30007 17.821 6.85207 17.068L6.85107 17.066C7.53107 17.43 8.23207 17.626 8.82407 17.74ZM12.0001 1.99997C23.8331 1.99997 26.5021 18.267 15.4691 21.941C15.4311 21.644 15.4661 21.084 15.4901 20.689C15.5481 19.738 15.6161 18.63 15.2771 17.704C20.3651 16.645 20.7901 11.058 18.8311 8.56897C19.0741 7.61697 18.9761 5.37997 18.1021 5.10597C17.8961 5.04097 16.7971 4.80197 14.6651 6.14297C12.9023 5.72648 11.0668 5.72648 9.30407 6.14297C8.24007 5.47597 5.84207 4.39097 5.38207 5.54297C4.84807 6.88497 4.97507 7.96997 5.13407 8.57297C3.39507 10.777 3.91607 14.467 5.66807 16.199C4.67507 15.724 3.30707 15.562 3.01207 16.513C2.68907 17.55 3.92407 17.424 4.69107 19.317C4.76407 19.553 4.89907 19.83 5.10607 20.105C-1.70493 14.54 1.58107 1.99997 12.0001 1.99997Z"
|
||
style="fill: var(--on-surface-variant)" />
|
||
</g>
|
||
<defs>
|
||
<clipPath id="clip0_66_1649">
|
||
<rect width="24" height="24" fill="white" />
|
||
</clipPath>
|
||
</defs>
|
||
</svg>
|
||
</a>
|
||
|
||
<a href="https://linkedin.com/in/tomáš-dvořák-542bb7294" target="_blank" class="social-item" style="margin-top: -2.15px;">
|
||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0,0,256,256" width="28.5" height="28.5">
|
||
<g fill="#ffffff" fill-rule="nonzero" stroke="none" stroke-width="10" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="20" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal">
|
||
<g transform="scale(5.12,5.12)">
|
||
<path d="M9,4c-2.74952,0 -5,2.25048 -5,5v32c0,2.74952 2.25048,5 5,5h32c2.74952,0 5,-2.25048 5,-5v-32c0,-2.74952 -2.25048,-5 -5,-5zM9,6h32c1.66848,0 3,1.33152 3,3v32c0,1.66848 -1.33152,3 -3,3h-32c-1.66848,0 -3,-1.33152 -3,-3v-32c0,-1.66848 1.33152,-3 3,-3zM14,11.01172c-1.09522,0 -2.08078,0.32736 -2.81055,0.94141c-0.72977,0.61405 -1.17773,1.53139 -1.17773,2.51367c0,1.86718 1.61957,3.32281 3.67969,3.4668c0.0013,0.00065 0.0026,0.0013 0.00391,0.00195c0.09817,0.03346 0.20099,0.05126 0.30469,0.05273c2.27301,0 3.98828,-1.5922 3.98828,-3.52148c-0.00018,-0.01759 -0.00083,-0.03518 -0.00195,-0.05274c-0.10175,-1.90023 -1.79589,-3.40234 -3.98633,-3.40234zM14,12.98828c1.39223,0 1.94197,0.62176 2.00195,1.50391c-0.01215,0.85625 -0.54186,1.51953 -2.00195,1.51953c-1.38541,0 -2.01172,-0.70949 -2.01172,-1.54492c0,-0.41771 0.15242,-0.7325 0.47266,-1.00195c0.32023,-0.26945 0.83428,-0.47656 1.53906,-0.47656zM11,19c-0.55226,0.00006 -0.99994,0.44774 -1,1v19c0.00006,0.55226 0.44774,0.99994 1,1h6c0.55226,-0.00006 0.99994,-0.44774 1,-1v-5.86523v-13.13477c-0.00006,-0.55226 -0.44774,-0.99994 -1,-1zM20,19c-0.55226,0.00006 -0.99994,0.44774 -1,1v19c0.00006,0.55226 0.44774,0.99994 1,1h6c0.55226,-0.00006 0.99994,-0.44774 1,-1v-10c0,-0.82967 0.22639,-1.65497 0.625,-2.19531c0.39861,-0.54035 0.90147,-0.86463 1.85742,-0.84766c0.98574,0.01695 1.50758,0.35464 1.90234,0.88477c0.39477,0.53013 0.61523,1.32487 0.61523,2.1582v10c0.00006,0.55226 0.44774,0.99994 1,1h6c0.55226,-0.00006 0.99994,-0.44774 1,-1v-10.73828c0,-2.96154 -0.87721,-5.30739 -2.38086,-6.89453c-1.50365,-1.58714 -3.59497,-2.36719 -5.80664,-2.36719c-2.10202,0 -3.70165,0.70489 -4.8125,1.42383v-0.42383c-0.00006,-0.55226 -0.44774,-0.99994 -1,-1zM12,21h4v12.13477v4.86523h-4zM21,21h4v1.56055c0.00013,0.43 0.27511,0.81179 0.68291,0.94817c0.40781,0.13638 0.85714,-0.00319 1.11591,-0.34661c0,0 1.57037,-2.16211 5.01367,-2.16211c1.75333,0 3.25687,0.58258 4.35547,1.74219c1.0986,1.15961 1.83203,2.94607 1.83203,5.51953v9.73828h-4v-9c0,-1.16667 -0.27953,-2.37289 -1.00977,-3.35352c-0.73023,-0.98062 -1.9584,-1.66341 -3.47266,-1.68945c-1.52204,-0.02703 -2.77006,0.66996 -3.50195,1.66211c-0.73189,0.99215 -1.01562,2.21053 -1.01562,3.38086v9h-4z"></path>
|
||
</g>
|
||
</g>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Contact Form (separate grid column) -->
|
||
<div class="card contact-form-wrapper">
|
||
<form id="contact-form" class="input-wrapper" novalidate>
|
||
<input type="hidden" name="domain" value="tdvorak.dev" />
|
||
|
||
<div>
|
||
<label for="name" class="label-medium" style="margin-bottom:6px;">Full Name *</label>
|
||
<input type="text" id="name" name="name" required class="input-field" placeholder="Your full name">
|
||
</div>
|
||
|
||
<div>
|
||
<label for="email" class="label-medium" style="margin-bottom:6px;">Email *</label>
|
||
<input type="email" id="email" name="email" required class="input-field" placeholder="your@email.com">
|
||
</div>
|
||
|
||
<div>
|
||
<label for="subject" class="label-medium" style="margin-bottom:6px;">Subject *</label>
|
||
<input type="text" id="subject" name="subject" required class="input-field" placeholder="What are you interested in?">
|
||
</div>
|
||
|
||
<div>
|
||
<label for="message" class="label-medium" style="margin-bottom:6px;">Message *</label>
|
||
<textarea id="message" name="message" rows="5" required class="textarea" placeholder="How can we help you?"></textarea>
|
||
</div>
|
||
|
||
<div>
|
||
<button type="submit" class="btn send-btn">Send Message</button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</main>
|
||
|
||
<div style="padding-bottom: 60px;"></div>
|
||
|
||
<footer class="footer">
|
||
<div class="container">
|
||
<p class="body-medium">Copyright 2025. All rights reserved by <b><a href="https://tdvorak.dev">TDvorak.</a></b></p>
|
||
<p class="body-medium">Tax ID: 24330621 | Data Box: zhecn8k</p>
|
||
</div>
|
||
</footer>
|
||
<script src="script.js"></script>
|
||
</body>
|
||
</html>
|