Files
TD_Portfolio/index.html
T
Tomas DvorakandDevin 885996a5dd Swap logo to monogram, add Bookra, update rybbit id
Nav logo and favicon now use the new TD monogram (inverted via CSS on
dark theme). Bookra added as featured product. Removed Grokipedia
Speedrun and YouTube Scraper rows. Rybbit site-id updated.

Authored By: TDvorak <[email protected]>

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
2026-09-20 11:32:57 +02:00

444 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://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.">
<meta content="https://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 &amp; Systems Architect</p>
<p class="hero-desc">
Building scalable apps, SaaS platforms, automation tools and real-time systems.
Software Engineer &amp; DevOps at <strong>MyBox</strong> (ELEXIM) —
Co-Founder &amp; CTO at <strong>SportCreative</strong> and <strong>ReKlik</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">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">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://github.com/Dvorinka/Trackeep" target="_blank" rel="noopener">
<figure><img src="images/trackeep.png" alt="Trackeep" loading="lazy"></figure>
<div class="card-body">
<div class="card-head"><h3>Trackeep</h3><span class="tag">Self-hosted</span></div>
<p>Self-hosted productivity &amp; knowledge hub. Track, save and organize everything that matters.</p>
</div>
</a>
<a class="card" href="https://github.com/Dvorinka/Containr" target="_blank" rel="noopener">
<figure><img src="images/containr.png" alt="Containr" loading="lazy"></figure>
<div class="card-body">
<div class="card-head"><h3>Containr</h3><span class="tag">Go · Docker</span></div>
<p>Control plane for Docker — Railway-style project canvases on your own hardware. No Kubernetes, no cloud bill.</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">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">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">SaaS</span></div>
<p>Simple booking software for salons, clinics and local services — reservations, customers and team in one place.</p>
</div>
</a>
</div>
<div class="row-list">
<a class="row" href="https://github.com/Dvorinka/DevinTrack" target="_blank" rel="noopener">
<div class="row-main"><h4>DevinTrack</h4><p>Token usage &amp; 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/Dash" target="_blank" rel="noopener">
<div class="row-main"><h4>Dash</h4><p>Self-hosted homelab dashboard — single Go binary serving an embedded React UI.</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/Nothing-GlyphMatrix" target="_blank" rel="noopener">
<div class="row-main"><h4>Nothing GlyphMatrix</h4><p>Glyph Matrix tooling for Nothing phone LED interfaces.</p></div>
<span class="row-tag mono">Java · Android</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>
</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">Agency</span></div>
<p>Full-service digital marketing for sports clubs — websites, content, social systems.</p>
</div>
</a>
<a class="card" href="https://www.zeusport.cz" target="_blank" rel="noopener">
<figure><img src="images/projects/zeus.cz.png" alt="ZEUS CZ e-shop" loading="lazy"></figure>
<div class="card-body">
<div class="card-head"><h3>ZEUS Sport</h3><span class="tag">E-commerce</span></div>
<p>Professional sports equipment e-shop — Czech market entry, CZ and EU storefronts.</p>
</div>
</a>
<a class="card" href="https://www.reklik.net" target="_blank" rel="noopener">
<figure><img src="images/projects/reklik.png" alt="ReKlik" loading="lazy"></figure>
<div class="card-body">
<div class="card-head"><h3>ReKlik</h3><span class="tag">Photography</span></div>
<p>Real-estate photography brand — landing site plus portfolio at foto.reklik.net.</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">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>
<a class="row" href="https://facr.tdvorak.dev" target="_blank" rel="noopener">
<div class="row-main"><h4>FAČR Scraper</h4><p>Czech football &amp; futsal data scraper.</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>
<a class="row" href="https://www.sparkscreen.xyz" target="_blank" rel="noopener">
<div class="row-main"><h4>SparkScreen</h4><p>Free, open-source platform for movies and TV shows — plus its GoAPI backend.</p></div>
<span class="row-tag mono">Platform</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 &amp; 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">Jun 2025 — Present</div>
<div class="tl-body">
<h4>Co-Founder &amp; CTO · ReKlik</h4>
<p class="tl-meta">Uherské Hradiště · On-site</p>
<p>Technological development and visual quality for modern, affordable real-estate photography — from shoot to delivery.</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">May 2025 — Dec 2025</div>
<div class="tl-body">
<h4>Web Developer &amp; Marketing Lead · Zeus Sport</h4>
<p class="tl-meta">Freelance · Remote</p>
<p>Custom websites and e-commerce (HTML5, Tailwind, JS) during Czech market entry — plus marketing strategy, social media and content.</p>
</div>
</li>
<li class="tl-item">
<div class="tl-when mono">2024 — 2025</div>
<div class="tl-body">
<h4>Marketing roles · Révvi Sport, Winnersport, Masita</h4>
<p class="tl-meta">Freelance · Remote</p>
<p>Brand identity, websites, social media, graphic design and campaigns for sports brands.</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 &amp; DevOps</h5>
<p>Docker · Proxmox · Linux · Cloudflare · PostgreSQL · Redis · SQLite · GitHub Actions · Vercel · Railway</p>
</div>
<div>
<h5 class="mono">Tools &amp; 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 &amp; 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 &amp; information sciences · 2023 — present</p></div>
</div>
<div class="row row-static">
<div class="row-main"><h4>freeCodeCamp</h4><p>Computer &amp; information sciences · 2023 — present</p></div>
</div>
<div class="row row-static">
<div class="row-main"><h4>OAUH — Econometrics &amp; 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>