mirror of
https://github.com/Dvorinka/Portfolio.git
synced 2026-10-28 15:51:22 +00:00
- Drop ZEUS + ReKlik client cards (both sites dead/moved) - Drop ReKlik and Zeus Sport experience entries - Marketing roles trimmed to Masita - Hero text: CTO at SportCreative only - og:url/og:image/canonical point at www.tdvorak.dev - Delete unused zeus/reklik screenshots and tag styles Generated with [Devin](https://devin.ai) Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
443 lines
26 KiB
HTML
443 lines
26 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>Tomáš Dvořák — Full-Stack Developer & Systems Architect</title>
|
|
<meta name="keywords" content="Tomáš Dvořák, Tomas Dvorak, Full-Stack Developer, Systems Architect, Go, TypeScript, React, DevOps, Uherské Hradiště">
|
|
<meta name="author" content="Tomáš Dvořák">
|
|
<meta name="description" content="Full-stack developer building scalable apps, SaaS platforms, automation tools and real-time systems. Software Engineer & DevOps at MyBox (ELEXIM), Co-Founder & CTO at SportCreative.">
|
|
<link rel="shortcut icon" href="icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="icon.png">
|
|
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
|
|
<meta property="og:url" content="https://www.tdvorak.dev">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Tomáš Dvořák — Full-Stack Developer & Systems Architect">
|
|
<meta property="og:description" content="Building scalable apps, SaaS platforms, automation tools and real-time systems.">
|
|
<link rel="canonical" href="https://www.tdvorak.dev/">
|
|
<meta content="https://www.tdvorak.dev/images/tdvorak.png" property="og:image">
|
|
<meta content="#000000" name="theme-color">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<meta name="twitter:title" content="Tomáš Dvořák — Full-Stack Developer & Systems Architect">
|
|
<meta name="twitter:description" content="Building scalable apps, SaaS platforms, automation tools and real-time systems.">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/css/geist@latest/index.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/fontsource/css/geist-mono@latest/index.css">
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="https://rybbit.tdvorak.dev/api/script.js?siteId=9c4b6311034a" defer></script>
|
|
</head>
|
|
<body>
|
|
|
|
<header class="nav">
|
|
<div class="nav-inner">
|
|
<a href="/" class="nav-logo" aria-label="Home">
|
|
<img src="images/logo-mark.png" alt="Tomáš Dvořák" height="20">
|
|
</a>
|
|
<nav class="nav-links" aria-label="Main">
|
|
<a href="#products">Products</a>
|
|
<a href="#work">Client Work</a>
|
|
<a href="#experience">Experience</a>
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
<div class="nav-actions">
|
|
<button class="theme-btn" data-theme-btn aria-label="Toggle theme">
|
|
<svg class="icon-sun" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.9 4.9l1.4 1.4m11.4 11.4 1.4 1.4M2 12h2m16 0h2M4.9 19.1l1.4-1.4M17.7 6.3l1.4-1.4"/></svg>
|
|
<svg class="icon-moon" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 12.8A9 9 0 1 1 11.2 3a7 7 0 0 0 9.8 9.8z"/></svg>
|
|
</button>
|
|
<a class="btn btn-sm" href="https://github.com/Dvorinka" target="_blank" rel="noopener">
|
|
<svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor"><path d="M12 .5C5.65.5.5 5.65.5 12c0 5.08 3.29 9.39 7.86 10.91.58.11.79-.25.79-.55v-2.17c-3.2.7-3.87-1.36-3.87-1.36-.52-1.33-1.28-1.68-1.28-1.68-1.04-.72.08-.7.08-.7 1.16.08 1.77 1.19 1.77 1.19 1.03 1.75 2.69 1.25 3.35.95.1-.74.4-1.25.72-1.54-2.55-.29-5.23-1.28-5.23-5.68 0-1.26.45-2.28 1.19-3.09-.12-.29-.52-1.46.11-3.05 0 0 .97-.31 3.17 1.18a11 11 0 0 1 5.78 0c2.2-1.49 3.17-1.18 3.17-1.18.63 1.59.23 2.76.11 3.05.74.81 1.19 1.83 1.19 3.09 0 4.41-2.69 5.38-5.25 5.67.41.35.77 1.05.77 2.12v3.15c0 .3.2.67.8.55A11.5 11.5 0 0 0 23.5 12C23.5 5.65 18.35.5 12 .5z"/></svg>
|
|
GitHub
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<!-- ============ HERO ============ -->
|
|
<section class="hero">
|
|
<div class="grid-bg" aria-hidden="true"></div>
|
|
<div class="container">
|
|
<div class="status-pill"><span class="status-dot"></span>Open to opportunities</div>
|
|
<h1 class="hero-title">Tomáš Dvořák</h1>
|
|
<p class="hero-sub">Full-Stack Developer & Systems Architect</p>
|
|
<p class="hero-desc">
|
|
Building scalable apps, SaaS platforms, automation tools and real-time systems.
|
|
Software Engineer & DevOps at <strong>MyBox</strong> (ELEXIM) —
|
|
Co-Founder & CTO at <strong>SportCreative</strong>.
|
|
</p>
|
|
<div class="hero-cta">
|
|
<a class="btn btn-primary" href="mailto:[email protected]">Get in touch</a>
|
|
<a class="btn" href="https://github.com/Dvorinka" target="_blank" rel="noopener">GitHub<svg class="arrow" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg></a>
|
|
</div>
|
|
<p class="hero-meta mono">Uherské Hradiště, Czech Republic · [email protected]</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ PRODUCTS ============ -->
|
|
<section id="products" class="section">
|
|
<div class="container">
|
|
<p class="label mono">// Selected products</p>
|
|
<h2 class="section-title">Things I've built</h2>
|
|
<p class="section-desc">Open-source products and self-hosted tools, designed end-to-end.</p>
|
|
|
|
<div class="card-grid">
|
|
<a class="card" href="https://nothing-modes.vercel.app" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/nothing-modes.png" alt="Nothing Modes landing page" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>Nothing Modes</h3><span class="tag tag-nothing">Kotlin · Android</span></div>
|
|
<p>Open-source automation for Nothing phones — Modes, Routines and Glyph integration. No cloud, no telemetry.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://calhq.vercel.app" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/cal.png" alt="Cal landing page" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>Cal</h3><span class="tag tag-cal">Self-hosted</span></div>
|
|
<p>Daily toolkit — calendar, tasks, notes, links, files, kanban, time tracking and GitHub inbox. One Docker container.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://containr-lyart.vercel.app" target="_blank" rel="noopener">
|
|
<figure><img src="images/containr.png" alt="Containr projects dashboard" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>Containr</h3><span class="tag tag-lime">Go · Docker</span></div>
|
|
<p>Your own Railway. Drop services onto a visual canvas, wire them up, deploy — no Kubernetes, no cloud bill.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://primora-landing.vercel.app" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/primora.png" alt="Primora landing page" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>Primora</h3><span class="tag tag-primora">Platform</span></div>
|
|
<p>Self-hosted backend platform — auth, Postgres-backed APIs, S3-style object storage, JSON collections and audit log behind one dashboard.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://timespent.tdvorak.dev" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/timespent.png" alt="TimeSpent" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>TimeSpent</h3><span class="tag tag-silver">React · Vite</span></div>
|
|
<p>Time-tracking CSV exports turned into branded, invoice-style PDF reports — with ink-saving print modes.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://github.com/Dvorinka/PulseMonitor" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/pulsemonitor.png" alt="PulseMonitor" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>PulseMonitor</h3><span class="tag tag-pulse">TypeScript</span></div>
|
|
<p>Real-time web dashboard for monitoring remote AI agent sessions over SSH — activity feed, todos, metrics.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://bookra.eu" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/bookra.png" alt="Bookra" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>Bookra</h3><span class="tag tag-bookra">SaaS</span></div>
|
|
<p>Simple booking software for salons, clinics and local services — reservations, customers and team in one place.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://vibly-5m7g.vercel.app" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/vibly.png" alt="Vibly" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>Vibly</h3><span class="tag tag-vibly">Studio</span></div>
|
|
<p>AI-driven product & growth studio — from idea to production. My own studio's public site.</p>
|
|
</div>
|
|
</a>
|
|
|
|
<a class="card" href="https://dash-amber-two.vercel.app" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/dash.png" alt="Dash homelab dashboard" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>Dash</h3><span class="tag tag-dash">Go · React</span></div>
|
|
<p>Self-hosted homelab dashboard — service boards, uptime monitors and host metrics. Single Go binary, embedded UI.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="row-list">
|
|
<a class="row" href="https://invico.org" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>Invico</h4><p>Invoicing platform for the Czech market — issued invoices, zálohová, dobropis, ISDOC, SPD QR, PDF. The product behind Výdoz.</p></div>
|
|
<span class="row-tag mono">Go · React</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
<a class="row" href="https://github.com/Dvorinka/DevinTrack" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>DevinTrack</h4><p>Token usage & cost tracking for Devin CLI sessions — transparent wrapper, SQLite, web dashboard.</p></div>
|
|
<span class="row-tag mono">Python</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
<a class="row" href="https://github.com/Dvorinka/Domovnik" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>Domovník</h4><p>AI-powered real estate back-office agent for the Czech market.</p></div>
|
|
<span class="row-tag mono">TypeScript · AI</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
<a class="row" href="https://github.com/Dvorinka/cloudreve" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>Cloudreve</h4><p>Personal fork of Cloudreve — self-hosted file storage and sharing, upstream cloudreve/cloudreve.</p></div>
|
|
<span class="row-tag mono">Go · Fork</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
<a class="row" href="https://github.com/Dvorinka/PlexSync" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>PlexSync</h4><p>Plex synchronization tool.</p></div>
|
|
<span class="row-tag mono">Open source</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
<a class="row" href="https://github.com/Dvorinka/EDI_DELFOR_Parser" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>EDI DELFOR Parser</h4><p>Parser for EDI DELFOR delivery-schedule messages.</p></div>
|
|
<span class="row-tag mono">Python</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
<a class="row" href="https://github.com/Dvorinka?tab=repositories" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>All repositories</h4><p>60 public repos — scrapers, dashboards, mobile apps, internal tools.</p></div>
|
|
<span class="row-tag mono">GitHub</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
</div>
|
|
|
|
<p class="label mono sub-label">// Private & internal</p>
|
|
<div class="row-list row-list-tight">
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>Soika</h4><p>Internal e-commerce audit, compliance-risk and outreach platform — operator-only consulting tool.</p></div>
|
|
<span class="row-tag mono">Go · React · Private</span>
|
|
</div>
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>MyBox Worktree</h4><p>Internal development workspace for the MyBox EV charging platform at ELEXIM.</p></div>
|
|
<span class="row-tag mono">Work · Private</span>
|
|
</div>
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>SendMail</h4><p>Self-hosted mail relay — powers this site's contact form.</p></div>
|
|
<span class="row-tag mono">Go · Private</span>
|
|
</div>
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>Flashscore Scraper</h4><p>Sports data scraper service.</p></div>
|
|
<span class="row-tag mono">Go · Private</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ CLIENT WORK ============ -->
|
|
<section id="work" class="section">
|
|
<div class="container">
|
|
<p class="label mono">// Client work</p>
|
|
<h2 class="section-title">Shipped for others</h2>
|
|
<p class="section-desc">Websites, e-commerce and internal tools delivered for clubs and brands.</p>
|
|
|
|
<div class="card-grid">
|
|
<a class="card" href="https://www.sportcreative.eu" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/sportcreative.png" alt="SportCreative" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>SportCreative</h3><span class="tag tag-sportcreative">Agency</span></div>
|
|
<p>Full-service digital marketing for sports clubs — websites, content, social systems.</p>
|
|
</div>
|
|
</a>
|
|
<a class="card" href="https://www.bizoniuh.cz" target="_blank" rel="noopener">
|
|
<figure><img src="images/projects/bizoni.png" alt="Bizoni UH" loading="lazy"></figure>
|
|
<div class="card-body">
|
|
<div class="card-head"><h3>FC Bizoni UH</h3><span class="tag tag-bizoni">Club site</span></div>
|
|
<p>Football club website — UX, fan engagement, match photography and video content.</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="row-list">
|
|
<a class="row" href="https://dvfildtxww7oa.ok.kimi.link" target="_blank" rel="noopener">
|
|
<div class="row-main"><h4>MyClub</h4><p>Club management system — scoreboards and displays.</p></div>
|
|
<span class="row-tag mono">Self-hosted</span><svg class="arrow" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M7 17 17 7M7 7h10v10"/></svg>
|
|
</a>
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>PPve</h4><p>Private internal company application — not public.</p></div>
|
|
<span class="row-tag mono">Private</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ EXPERIENCE ============ -->
|
|
<section id="experience" class="section">
|
|
<div class="container">
|
|
<p class="label mono">// Experience</p>
|
|
<h2 class="section-title">Where I've worked</h2>
|
|
<p class="section-desc">Full history on <a class="inline-link" href="https://www.linkedin.com/in/tdvorak-dev" target="_blank" rel="noopener">LinkedIn</a>.</p>
|
|
|
|
<ol class="timeline">
|
|
<li class="tl-item">
|
|
<div class="tl-when mono">Sep 2026 — Present</div>
|
|
<div class="tl-body">
|
|
<h4>Head of Product Development · Výdoz</h4>
|
|
<p class="tl-meta">Freelance · Kvasice · Hybrid</p>
|
|
<p>Leading product development and technology direction.</p>
|
|
</div>
|
|
</li>
|
|
<li class="tl-item">
|
|
<div class="tl-when mono">Jun 2026 — Present</div>
|
|
<div class="tl-body">
|
|
<h4>Software Engineer, DevOps · MyBox Charging Stations — ELEXIM a.s.</h4>
|
|
<p class="tl-meta">Contract · Kroměříž · Hybrid</p>
|
|
<p>Software solutions for the EV charging industry — internal applications and tools, DevOps workflow improvements, automation of development and deployment. Development and testing of charging-station software including ISO 15118 features.</p>
|
|
</div>
|
|
</li>
|
|
<li class="tl-item">
|
|
<div class="tl-when mono">Jun 2025 — Present</div>
|
|
<div class="tl-body">
|
|
<h4>Founder · Vibly</h4>
|
|
<p class="tl-meta">Uherské Hradiště · Hybrid</p>
|
|
<p>AI-assisted full-stack web solutions and digital systems — product logic, architecture and automation workflows.</p>
|
|
</div>
|
|
</li>
|
|
<li class="tl-item">
|
|
<div class="tl-when mono">Apr 2025 — Present</div>
|
|
<div class="tl-body">
|
|
<h4>Co-Founder & CTO · SportCreative</h4>
|
|
<p class="tl-meta">Uherské Hradiště · Hybrid</p>
|
|
<p>Technical and creative strategy of a marketing agency for sports clubs — websites, social systems, content and partner communication.</p>
|
|
</div>
|
|
</li>
|
|
<li class="tl-item">
|
|
<div class="tl-when mono">Oct 2024 — Present</div>
|
|
<div class="tl-body">
|
|
<h4>Full-Stack Developer · FC Bizoni UH</h4>
|
|
<p class="tl-meta">Freelance · Remote</p>
|
|
<p>Club website, UX and fan engagement — plus YouTube/TikTok channels, graphics and match photography.</p>
|
|
</div>
|
|
</li>
|
|
<li class="tl-item">
|
|
<div class="tl-when mono">May 2025 — Dec 2025</div>
|
|
<div class="tl-body">
|
|
<h4>IT Assistant → Full-Stack Developer · Poppe + Potthoff</h4>
|
|
<p class="tl-meta">Internship → Contract · Kunovice · On-site</p>
|
|
<p>Internal web portal and systems in Go, HTML5 and Tailwind. IT infrastructure, networking, Proxmox virtualization, Cloudflare security and performance.</p>
|
|
</div>
|
|
</li>
|
|
<li class="tl-item">
|
|
<div class="tl-when mono">2024 — 2025</div>
|
|
<div class="tl-body">
|
|
<h4>Marketing & Content · Masita</h4>
|
|
<p class="tl-meta">Freelance · Remote</p>
|
|
<p>Brand identity, websites, social media, graphic design and campaigns.</p>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
|
|
<!-- ============ STACK ============ -->
|
|
<div class="stack">
|
|
<p class="label mono">// Stack</p>
|
|
<div class="stack-grid">
|
|
<div>
|
|
<h5 class="mono">Languages</h5>
|
|
<p>Go · TypeScript · JavaScript · Kotlin · Python · Rust · SQL · HTML/CSS</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="mono">Frameworks</h5>
|
|
<p>React · Next.js · Tailwind CSS · Vite · Astro · Node.js · Tauri</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="mono">Infra & DevOps</h5>
|
|
<p>Docker · Proxmox · Linux · Cloudflare · PostgreSQL · Redis · SQLite · GitHub Actions · Vercel · Railway</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="mono">Tools & Creative</h5>
|
|
<p>Git · GitHub · Gitea · AI-assisted development (Devin, Windsurf) · Photoshop · Lightroom · Illustrator · DaVinci Resolve</p>
|
|
</div>
|
|
<div>
|
|
<h5 class="mono">Domains</h5>
|
|
<p>EV charging (ISO 15118) · EDI systems · Web scraping & automation · Real-time systems · Self-hosting</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ============ EDUCATION ============ -->
|
|
<div class="edu">
|
|
<p class="label mono">// Education</p>
|
|
<div class="row-list">
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>SGaSOŠ Kunovice — Information Technology</h4><p>Secondary technical school · 2024 — 2027 · Year 4</p></div>
|
|
</div>
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>Zero To Mastery Academy</h4><p>Computer & information sciences · 2023 — present</p></div>
|
|
</div>
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>freeCodeCamp</h4><p>Computer & information sciences · 2023 — present</p></div>
|
|
</div>
|
|
<div class="row row-static">
|
|
<div class="row-main"><h4>OAUH — Econometrics & Quantitative Economics</h4><p>2023 — 2024</p></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ ABOUT ============ -->
|
|
<section class="section">
|
|
<div class="container about">
|
|
<p class="label mono">// About</p>
|
|
<p class="about-text">
|
|
I work at the intersection of web systems, AI-assisted development and digital infrastructure —
|
|
taking products from idea to deployment. I understand modern systems end-to-end and use AI tools
|
|
to ship reliable, maintainable software fast. Off the keyboard I'm behind a camera —
|
|
photography, cinematography and content for sports clubs.
|
|
</p>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ============ CONTACT ============ -->
|
|
<section id="contact" class="section">
|
|
<div class="container">
|
|
<p class="label mono">// Contact</p>
|
|
<h2 class="section-title">Get in touch</h2>
|
|
|
|
<div class="contact-grid">
|
|
<div class="contact-info">
|
|
<a class="contact-row" href="mailto:[email protected]">
|
|
<span class="contact-key mono">Email</span>
|
|
<span class="contact-val">[email protected]</span>
|
|
</a>
|
|
<a class="contact-row" href="https://github.com/Dvorinka" target="_blank" rel="noopener">
|
|
<span class="contact-key mono">GitHub</span>
|
|
<span class="contact-val">@Dvorinka</span>
|
|
</a>
|
|
<a class="contact-row" href="https://www.linkedin.com/in/tdvorak-dev" target="_blank" rel="noopener">
|
|
<span class="contact-key mono">LinkedIn</span>
|
|
<span class="contact-val">tdvorak-dev</span>
|
|
</a>
|
|
<a class="contact-row" href="https://x.com/TDv0rak" target="_blank" rel="noopener">
|
|
<span class="contact-key mono">X</span>
|
|
<span class="contact-val">@TDv0rak</span>
|
|
</a>
|
|
<a class="contact-row" href="https://www.instagram.com/tdv0rak_/" target="_blank" rel="noopener">
|
|
<span class="contact-key mono">Instagram</span>
|
|
<span class="contact-val">@tdv0rak_ · @tdv0rak_photos</span>
|
|
</a>
|
|
<div class="contact-row">
|
|
<span class="contact-key mono">Tax ID</span>
|
|
<span class="contact-val">24330621 · Data Box zhecn8k</span>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="contact-form" class="contact-form" novalidate>
|
|
<input type="hidden" name="domain" value="tdvorak.dev">
|
|
<div class="field">
|
|
<label for="name" class="mono">Name</label>
|
|
<input type="text" id="name" name="name" required placeholder="Your name">
|
|
</div>
|
|
<div class="field">
|
|
<label for="email" class="mono">Email</label>
|
|
<input type="email" id="email" name="email" required placeholder="[email protected]">
|
|
</div>
|
|
<div class="field">
|
|
<label for="subject" class="mono">Subject</label>
|
|
<input type="text" id="subject" name="subject" required placeholder="Project, role, question">
|
|
</div>
|
|
<div class="field">
|
|
<label for="message" class="mono">Message</label>
|
|
<textarea id="message" name="message" rows="5" required placeholder="How can I help?"></textarea>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">Send message</button>
|
|
<p class="form-status mono" id="form-status" role="status"></p>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<div class="container footer-inner">
|
|
<p class="mono">© <span id="year">2026</span> Tomáš Dvořák</p>
|
|
<p class="mono">Tax ID 24330621 · Data Box zhecn8k</p>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|