mirror of
https://github.com/Dvorinka/Portfolio.git
synced 2026-06-03 19:32:56 +00:00
fefef
This commit is contained in:
Tomáš Dvořák
+409
-119
@@ -43,15 +43,17 @@
|
||||
<section class="section hero">
|
||||
<div class="container">
|
||||
<figure class="hero-banner img-holder" style="--width: 240; --height: 240;">
|
||||
<img src="logo.svg" width="240" height="240" alt="Tomáš Dvořák" class="img-cover">
|
||||
<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>WhiteHat, Programmer</i></span>
|
||||
<span class="label-large section-subtitle"><i>CTO, Full-Stack Developer, WhiteHat</i></span>
|
||||
<h1 class="display-small"><strong>Tomáš Dvořák</strong></h1>
|
||||
<p class="body-large section-text">
|
||||
I am currently in high school at <strong>SGaSOŠ</strong><br>
|
||||
and want to become an <strong>IT specialist</strong> when I graduate.
|
||||
Co-Founder & CTO at <strong>SportCreative</strong>. <br>
|
||||
Full-Stack Developer at <strong>Poppe + Potthoff</strong>. <br>
|
||||
Focused on <strong>Golang, web technologies & IT security</strong>.
|
||||
</p>
|
||||
<p class="body-large section-text"><i>Spojuji vývoj, design a infrastrukturu v jeden funkční celek, který přináší reálné výsledky.</i></p>
|
||||
<div class="btn-wrapper">
|
||||
<a href="mailto:info@tdvorak.dev" class="chip">
|
||||
<span class="material-symbols-outlined" aria-hidden="true"> mail </span>
|
||||
@@ -59,23 +61,27 @@
|
||||
<div class="state-layer"></div>
|
||||
</a>
|
||||
</div>
|
||||
</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 do 2D design with programs like<br>
|
||||
<strong><a href="https://www.adobe.com/products/photoshop.html" target="_blank" alt="photoshop">Photoshop</a></strong> and
|
||||
<strong><a href="https://www.adobe.com/products/photoshop-lightroom/mobile.html" target="_blank" alt="lightroom">Lightroom</a></strong>.<br>
|
||||
I am also interested in 3D design using programs like <strong><a href="https://www.unrealengine.com/en-US/unreal-engine-5" target="_blank" alt="unreal engine 5">Unreal Engine 5</a></strong> and
|
||||
<strong><a href="https://www.blender.org/" target="_blank" alt="blender">Blender</a></strong>.<br>
|
||||
I also do Programming (<strong><a href="https://code.visualstudio.com/" target="_blank" alt="vs code">VS Code</a></u></strong>),<br>
|
||||
Pentesting (<strong><a href="https://www.kali.org/" target="_blank" alt="kali linux">Kali Linux</a></strong>), <strong>Psychology</strong>,<br>
|
||||
Video Editing (<strong><a href="https://www.blackmagicdesign.com/products/davinciresolve" target="_blank" alt="davinci resolve">Davinci Resolve</a></strong>),
|
||||
<strong><a href="https://photo.tdvorak.dev" target="_blank">Photography</a></strong> and I am also a private English teacher.
|
||||
</p>
|
||||
I am a <strong>Full-Stack Web Developer</strong> specializing in
|
||||
<strong>Golang</strong> and modern <strong>frontend development</strong>.
|
||||
My toolkit includes <strong>Docker</strong>, <strong>Proxmox</strong>,
|
||||
<strong>Linux/Ubuntu</strong>, <strong>Git</strong>, and <strong>GitHub</strong> for efficient development and deployment workflows.<br><br>
|
||||
|
||||
I also work in <strong>2D graphic design</strong> with
|
||||
<a href="https://www.adobe.com/products/photoshop.html" target="_blank" alt="photoshop"><strong>Photoshop</strong></a> and
|
||||
<a href="https://www.adobe.com/products/photoshop-lightroom/mobile.html" target="_blank" alt="lightroom"><strong>Lightroom</strong></a>,
|
||||
focus on <strong>IT security & penetration testing</strong> with
|
||||
<a href="https://www.kali.org/" target="_blank" alt="kali linux"><strong>Kali Linux</strong></a>,
|
||||
and create through <strong>video editing</strong> in
|
||||
<a href="https://www.blackmagicdesign.com/products/davinciresolve" target="_blank" alt="davinci resolve"><strong>DaVinci Resolve</strong></a> and
|
||||
<a href="https://photo.tdvorak.dev" target="_blank"><strong>photography & cinematography</strong></a>.
|
||||
</p>
|
||||
|
||||
<style>
|
||||
.body-medium a {
|
||||
@@ -90,34 +96,12 @@
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<span class="material-symbols-outlined" aria-hidden="true"> work </span>
|
||||
<a href="https://oauh.cz" target="_blank" class="label-medium">Student</a>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<span class="label-medium">Support Me ⮧</span>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<span class="material-symbols-outlined" aria-hidden="true"> captive_portal </span>
|
||||
<a href="https://ko-fi.com/tomasdvorak" target="_blank" class="label-medium">ko-fi.com</a>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<span class="material-symbols-outlined" aria-hidden="true"> captive_portal </span>
|
||||
<a href="https://www.buymeacoffee.com/ozwohntf0r" target="_blank" class="label-medium">buymeacoffee.com</a>
|
||||
<a href="https://sgasos.cz" target="_blank" class="label-medium">Student</a>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<span class="label-medium">TOR Website ⮧</span>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<span class="material-symbols-outlined" aria-hidden="true"> captive_portal </span>
|
||||
<a href="https://tdvorak.dev/TOR/" target="_blank" class="label-medium">tdvorak.dev</a>
|
||||
</li>
|
||||
<p class="label-medium">tdvorak5yysirjdcvecyyde5svpkycu<br>heneavst4ahbgguiid5tuxwid.onion</p>
|
||||
<li class="list-item">
|
||||
<span class="label-medium">Odkaz na <strong>českou</strong> verzi této stránky ⮧</span>
|
||||
</li>
|
||||
<li class="list-item">
|
||||
<span class="material-symbols-outlined" aria-hidden="true"> captive_portal </span>
|
||||
<a href="cz.html" class="label-medium">tdvorak.dev</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div>
|
||||
@@ -138,170 +122,445 @@
|
||||
<section class="section tab-content active" data-tab-content="project">
|
||||
<div class="container">
|
||||
<div class="project-list">
|
||||
<!-- SparkScreen -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project1.webp" alt="" width="334" height="180"
|
||||
class="img-cover">
|
||||
<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">API Website Project</span>
|
||||
<h3 class="title-large card-title">Weather App</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">SparkScreen</h3>
|
||||
</div>
|
||||
<a href="Weather_Project\Weather.html" target="_blank" class="state-layer" title="Weather"></a>
|
||||
<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/project2.webp" alt="#" width="334"
|
||||
height="180" class="img-cover">
|
||||
<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">Portfolio Website</span>
|
||||
<h3 class="title-large card-title">Client's Portfolio</h3>
|
||||
<span class="label-large card-subtitle">Agency Website</span>
|
||||
<h3 class="title-large card-title">SportCreative</h3>
|
||||
</div>
|
||||
<a href="https://bcdvorinka.github.io/ap_portfolio/" target="_blank" class="state-layer" title="Client 1"></a>
|
||||
<a href="https://www.sportcreative.eu/" target="_blank" class="state-layer" title="Digitální marketing pro sportovní týmy a společnosti"></a>
|
||||
</div>
|
||||
|
||||
<!-- MyClub (SportCreative) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project3.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
<img src="images/projects/sportcreative.png" alt="MyClub by SportCreative" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Portfolio Website</span>
|
||||
<h3 class="title-large card-title">My Photography Portfolio</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">MyClub</h3>
|
||||
</div>
|
||||
<a href="https://photo.tdvorak.dev" target="_blank" class="state-layer" title="Photography"></a>
|
||||
<a href="https://www.myclub.sportcreative.eu/" target="_blank" class="state-layer" title="Systém pro kluby, klubové weby, automatizace"></a>
|
||||
</div>
|
||||
|
||||
<!-- ZEUS CZ -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project4.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
<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">Social Media Page</span>
|
||||
<h3 class="title-large card-title">Linktree inspired socials page</h3>
|
||||
<span class="label-large card-subtitle">E‑shop</span>
|
||||
<h3 class="title-large card-title">ZEUS (CZ)</h3>
|
||||
</div>
|
||||
<a href="Social_Media\socials.html" target="_blank" class="state-layer" title="Socials"></a>
|
||||
<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/project6.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
<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">Blender Project</span>
|
||||
<h3 class="title-large card-title">Realistic Earth 3D Model</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">ZEUS (EU)</h3>
|
||||
</div>
|
||||
<a href="https://github.com/BcDvorinka/earth3D/" target="_blank" class="state-layer" title="Earth"></a>
|
||||
<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/project7.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
<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">Portfolio Website</span>
|
||||
<h3 class="title-large card-title">TOR self-hosted Portfolio</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Bizoni UH</h3>
|
||||
</div>
|
||||
<a href="https://tdvorak.dev/TOR/" target="_blank" class="state-layer" title="TOR"></a>
|
||||
<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/project8.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
<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">API Website Project</span>
|
||||
<h3 class="title-large card-title">Movie App</h3>
|
||||
<span class="label-large card-subtitle">Landing Page</span>
|
||||
<h3 class="title-large card-title">Reklik</h3>
|
||||
</div>
|
||||
<a href="https://tdvorak.dev/Movie/" target="_blank" class="state-layer" title="Movie"></a>
|
||||
<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/project9.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
<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">Portfolio Website</span>
|
||||
<h3 class="title-large card-title">Movie Portfolio</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Reklik Foto</h3>
|
||||
</div>
|
||||
<a href="https://tdvorak.dev/Drear/" target="_blank" class="state-layer" title="Film"></a>
|
||||
<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/project10.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
|
||||
<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">Portfolio Website</span>
|
||||
<h3 class="title-large card-title">Music Showcase</h3>
|
||||
<span class="label-large card-subtitle">Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">Personal Portfolio</h3>
|
||||
</div>
|
||||
<a href="https://tdvorak.dev/Music/" target="_blank" class="state-layer" title="Music"></a>
|
||||
<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/project11.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
|
||||
<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">Software Website</span>
|
||||
<h3 class="title-large card-title">Gaming Application</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted • Selfdeveloped</span>
|
||||
<h3 class="title-large card-title">1337x Scraper</h3>
|
||||
</div>
|
||||
<a href="https://tdvorak.dev/Ratafuck" target="_blank" class="state-layer" title="Software"></a>
|
||||
<a href="https://1337x.tdvorak.dev/" target="_blank" class="state-layer" title="1337x scraper, torrents"></a>
|
||||
</div>
|
||||
|
||||
<!-- Filecloud -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project12.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
|
||||
<img src="images/projects/filecloud.png" alt="Filecloud" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Portfolio Website</span>
|
||||
<h3 class="title-large card-title">Company Website</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Filecloud</h3>
|
||||
</div>
|
||||
<a href="https://tdvorak.dev/Web_Na_Miru/responsive-book-website" target="_blank" class="state-layer" title="Portfolio"></a>
|
||||
<a href="https://cloud.tdvorak.dev/" target="_blank" class="state-layer" title="Filecloud"></a>
|
||||
</div>
|
||||
|
||||
<!-- Coolify -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project13.webp" alt="#" width="334" height="180"
|
||||
class="img-cover">
|
||||
|
||||
<img src="images/projects/coolify.png" alt="Coolify" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Personal Website</span>
|
||||
<h3 class="title-large card-title">Blog Website</h3>
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Coolify</h3>
|
||||
</div>
|
||||
<a href="https://blog.tdvorak.dev" target="_blank" class="state-layer" title="Music"></a>
|
||||
<a href="https://coolify.tdvorak.dev/" target="_blank" class="state-layer" title="Coolify"></a>
|
||||
</div>
|
||||
|
||||
<!-- Glance Dashboard -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/dash.png" alt="Glance dashboard" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Glance Dashboard</h3>
|
||||
</div>
|
||||
<a href="https://dash.tdvorak.dev/" target="_blank" class="state-layer" title="Glance dashboard"></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>
|
||||
|
||||
<!-- Personal photo portfolio -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/immich.png" alt="Personal photo portfolio" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Photo Portfolio</h3>
|
||||
</div>
|
||||
<a href="https://image.tdvorak.dev/" target="_blank" class="state-layer" title="Personal photo portfolio"></a>
|
||||
</div>
|
||||
|
||||
<!-- Memos (notepad) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/memos.png" alt="Memos notepad" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Memos</h3>
|
||||
</div>
|
||||
<a href="https://memos.tdvorak.dev/" target="_blank" class="state-layer" title="Notepad"></a>
|
||||
</div>
|
||||
|
||||
<!-- n8n -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project11.webp" alt="n8n automations" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">n8n</h3>
|
||||
</div>
|
||||
<a href="https://n8n.tdvorak.dev/" target="_blank" class="state-layer" title="n8n automations"></a>
|
||||
</div>
|
||||
|
||||
<!-- Plex -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/plex.png" alt="Plex/Plexamp" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Plex</h3>
|
||||
</div>
|
||||
<a href="https://plex.tdvorak.dev/" target="_blank" class="state-layer" title="Plex, Plexamp"></a>
|
||||
</div>
|
||||
|
||||
<!-- Proxmox -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/proxmox.png" alt="Proxmox" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Proxmox</h3>
|
||||
</div>
|
||||
<a href="https://proxmox.tdvorak.dev/" target="_blank" class="state-layer" title="Proxmox"></a>
|
||||
</div>
|
||||
|
||||
<!-- Sendmail API -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/project12.webp" alt="Email sending 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">Sendmail API</h3>
|
||||
</div>
|
||||
<a href="https://sendmail.tdvorak.dev/" target="_blank" class="state-layer" title="Email sending API"></a>
|
||||
</div>
|
||||
|
||||
<!-- Status (Uptime Kuma) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/kuma.png" alt="Status page (Kuma)" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">Status</h3>
|
||||
</div>
|
||||
<a href="https://status.tdvorak.dev/" target="_blank" class="state-layer" title="Status page (Kuma)"></a>
|
||||
</div>
|
||||
|
||||
<!-- UPS (NUT GUI) -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/nut.png" alt="NUT web GUI" width="334" height="180" class="img-cover">
|
||||
</figure>
|
||||
<div class="card-content">
|
||||
<span class="label-large card-subtitle">Selfhosted</span>
|
||||
<h3 class="title-large card-title">UPS (NUT)</h3>
|
||||
</div>
|
||||
<a href="https://ups.tdvorak.dev/" target="_blank" class="state-layer" title="Dockerized web GUI for NUT"></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>
|
||||
|
||||
<!-- Personal Music Page -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/music.png" alt="Personal music page" 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">Music</h3>
|
||||
</div>
|
||||
<a href="https://music.tdvorak.dev/" target="_blank" class="state-layer" title="Personal music page"></a>
|
||||
</div>
|
||||
|
||||
<!-- Personal Blog -->
|
||||
<div class="card">
|
||||
<figure class="card-banner img-holder" style="--width: 334; --height: 180;">
|
||||
<img src="images/projects/blog.png" alt="Personal blog" 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">Blog</h3>
|
||||
</div>
|
||||
<a href="https://blog.tdvorak.dev/" target="_blank" class="state-layer" title="Personal blog"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section tab-content resume-tab" data-tab-content="resume">
|
||||
<div class="cv">
|
||||
<a href="CV.pdf" target="_blank"><p class="button home__button" style="cursor: pointer;">Download CV</p></a>
|
||||
</div>
|
||||
<div class="container">
|
||||
<div class="resume-header">
|
||||
<a class="resume-linkedin-btn" href="https://www.linkedin.com/in/tdvorak-dev" target="_blank" rel="noopener">Zobrazit kompletní profil na LinkedIn</a>
|
||||
</div>
|
||||
<h2 class="section-title title-small">Work Experience:</h2>
|
||||
<ul class="list">
|
||||
<li class="resume-item">
|
||||
<ul class="list timeline">
|
||||
<li class="resume-item timeline-item" data-start="2025-06" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Video Editor</p>
|
||||
<span class="label-medium card-subtitle">2023 - Present</span>
|
||||
<span class="body-medium card-text">I work as a video editor for the Futsal club <strong><a href="https://www.futsalolomouc.cz/" target="_blank">SKUP Olomouc</a></strong>.
|
||||
I create <strong>montages</strong> of sports matches, which I <strong>professionally colour</strong>, add <strong>graphics</strong> to them and edit them to the final form. Finally, I upload them to <strong>YouTube</strong>.</span>
|
||||
<p class="body-large">Full Stack Developer — <strong>Poppe + Potthoff s.r.o.</strong></p>
|
||||
<span class="label-medium card-subtitle">Na smlouvu · červen 2025 – současnost · <span class="duration" data-start="2025-06" data-end="present"></span> · Kunovice, Zlínský, Česko</span>
|
||||
<span class="body-medium card-text">Vývoj interních aplikací v Go + Tailwind, správa sítí a podpora IT, virtualizace v Proxmoxu.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Tech support · IT infrastruktura · Go · Git · HTML5 · Tailwind CSS</span>
|
||||
</div>
|
||||
</li>
|
||||
<!--<li class="resume-item">
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2025-05" data-end="2025-06">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Software Developer Intern, ByteOasis Corporation</p>
|
||||
<span class="label-medium card-subtitle">2016 - 2017</span>
|
||||
<span class="body-medium card-text">
|
||||
Assisted in the development and testing of a mobile application for internal use.
|
||||
</span>
|
||||
<p class="body-large">Asistent IT — <strong>Poppe + Potthoff s.r.o.</strong></p>
|
||||
<span class="label-medium card-subtitle">Stáž · květen 2025 – červen 2025 · <span class="duration" data-start="2025-05" data-end="2025-06"></span> · Kunovice, Zlínský, Česko</span>
|
||||
<span class="body-medium card-text">Webportal (Go, Tailwind, HTML5), virtualizace Proxmox, Git a zabezpečení přes Cloudflare.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Go · HTML5 · Tailwind CSS · Proxmox · Cloudflare · Git</span>
|
||||
</div>
|
||||
</li>-->
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2025-06" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Zakladatel — <strong>Vibly</strong></p>
|
||||
<span class="label-medium card-subtitle">Živnostník · červen 2025 – současnost · <span class="duration" data-start="2025-06" data-end="present"></span> · Uherské Hradiště · Hybridní</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Fotografie · Digitální marketing · HTML5 · Go</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2025-06" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Spoluzakladatel & CTO — <strong>ReKlik</strong></p>
|
||||
<span class="label-medium card-subtitle">Živnostník · červen 2025 – současnost · <span class="duration" data-start="2025-06" data-end="present"></span> · Uherské Hradiště · On‑site</span>
|
||||
<span class="body-medium card-text">Technologický rozvoj a vizuální kvalita. Focení nemovitostí, workflow od focení po dodání.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Fotografie · Marketing · Nemovitosti · Komerční fotografie · Úprava fotografií</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2025-04" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Spoluzakladatel & CTO — <strong>SportCreative</strong></p>
|
||||
<span class="label-medium card-subtitle">Živnostník · duben 2025 – současnost · <span class="duration" data-start="2025-04" data-end="present"></span> · Uherské Hradiště · Hybridní</span>
|
||||
<span class="body-medium card-text">Vedení technické a kreativní strategie. Sociální sítě, weby, obsah a partnerství pro sportovní kluby.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Grafický design · Fotografie · Photoshop · Digitální marketing · Full‑stack vývoj</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2025-05" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Vývojář webových stránek, Marketing — <strong>WHS sport s.r.o.</strong></p>
|
||||
<span class="label-medium card-subtitle">Na volné noze · květen 2025 – současnost · <span class="duration" data-start="2025-05" data-end="present"></span> · Brno · Remote</span>
|
||||
<span class="body-medium card-text">Podpora expanze značky ZEUS v ČR. Vývoj/správa webů, e‑commerce koordinace a vizuální identita.</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2024-09" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Manažer marketingu — <strong>Winnersport a.s.</strong></p>
|
||||
<span class="label-medium card-subtitle">Na volné noze · září 2024 – současnost · <span class="duration" data-start="2024-09" data-end="present"></span> · Česko · Remote</span>
|
||||
<span class="body-medium card-text">Správa sítí a obsahu, vylepšení e‑shopu, kreativní projekty a grafická podpora značky.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Propagace produktů · Photoshop · Marketing na sociálních sítích · Webové služby</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2024-10" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Vývojář webových stránek — <strong>FC Bizoni Uherské Hradiště, z.s.</strong></p>
|
||||
<span class="label-medium card-subtitle">Na volné noze · říjen 2024 – současnost · <span class="duration" data-start="2024-10" data-end="present"></span> · Uherské Hradiště · Remote</span>
|
||||
<span class="body-medium card-text">Tvorba a správa klubového webu, UX, správa YouTube/TikTok, krátká videa a klubová fotografie.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: CSS · Fotografie · Photoshop · HTML5 · JavaScript · Tvorba webových stránek</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2025-05" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Vývojář webových stránek, Vedoucí marketingu — <strong>Zeus Sport</strong></p>
|
||||
<span class="label-medium card-subtitle">Na volné noze · květen 2025 – současnost · <span class="duration" data-start="2025-05" data-end="present"></span> · Brno · Remote</span>
|
||||
<span class="body-medium card-text">Vývoj webů a e‑shopu (HTML5, Tailwind, JS), správa, marketingová strategie a obsah pro značku ZEUS.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Tailwind CSS · HTML5 · Digitální marketing · Photoshop · Marketing na sociálních sítích</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2024-09" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Manažer produktového marketingu — <strong>Masita</strong></p>
|
||||
<span class="label-medium card-subtitle">Na volné noze · září 2024 – současnost · <span class="duration" data-start="2024-09" data-end="present"></span> · Česko · Remote</span>
|
||||
<span class="body-medium card-text">Správa sítí a obsahu, web, grafická podpora a spolupráce se sportovními týmy a školami.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Propagace produktů · Propagace značky</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2024-11" data-end="present">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Manažer marketingu — <strong>RévviSport</strong></p>
|
||||
<span class="label-medium card-subtitle">Na volné noze · listopad 2024 – současnost · <span class="duration" data-start="2024-11" data-end="present"></span> · Remote</span>
|
||||
<span class="body-medium card-text">Vývoj webu, správa sítí, grafika a online kampaně. Vizuální identita a růst značky.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Grafický design · Propagace produktů · Vývoj webových stránek · Photoshop · Inzerce</span>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<li class="resume-item timeline-item" data-start="2024-07" data-end="2025-04">
|
||||
<div class="resume-card">
|
||||
<p class="body-large">Provoz oddělení služeb zákazníkům — <strong>McDonald's Czech Republic</strong></p>
|
||||
<span class="label-medium card-subtitle">Na smlouvu · červenec 2024 – duben 2025 · <span class="duration" data-start="2024-07" data-end="2025-04"></span> · Česko · On‑site</span>
|
||||
<span class="body-medium card-text">Provoz a zákaznický servis, týmová spolupráce a řešení operativních úkolů.</span>
|
||||
<span class="label-medium card-subtitle">Dovednosti: Příprava jídla · Týmová práce · Angličtina · Provozní podpora · Řešení problémů</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<h2 class="section-title title-small">Education</h2>
|
||||
<ul class="list">
|
||||
@@ -662,6 +921,37 @@
|
||||
</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;">Jméno a příjmení *</label>
|
||||
<input type="text" id="name" name="name" required class="input-field" placeholder="Vaše celé jméno">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="email" class="label-medium" style="margin-bottom:6px;">E‑mail *</label>
|
||||
<input type="email" id="email" name="email" required class="input-field" placeholder="vas@email.cz">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="subject" class="label-medium" style="margin-bottom:6px;">Předmět *</label>
|
||||
<input type="text" id="subject" name="subject" required class="input-field" placeholder="O co se zajímáte?">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label for="message" class="label-medium" style="margin-bottom:6px;">Zpráva *</label>
|
||||
<textarea id="message" name="message" rows="5" required class="textarea" placeholder="Jak vám můžeme pomoci?"></textarea>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<button type="submit" class="btn send-btn">Odeslat zprávu</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@@ -670,7 +960,7 @@
|
||||
</main>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<p class="body-medium">Copyright 2025. All right reserved by <b><a href="https://tdvorak.dev">Tomáš Dvořák.</a></b></p>
|
||||
<p class="body-medium">Copyright 2025. All right reserved by <b><a href="https://tdvorak.dev">TDvorak.</a></b></p>
|
||||
</div>
|
||||
</footer>
|
||||
<script src="script.js"></script>
|
||||
|
||||
Reference in New Issue
Block a user