NewLukasBlog/web/cv/lukaskanka.html

<!DOCTYPE html>
<html lang="cs">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="description" content="Profesní životopis – Lukáš Kaňka" />
  <meta name="author" content="Lukáš Kaňka" />
  <link rel="stylesheet" href="style-cv.css" />
  <title>Životopis – Lukáš Kaňka</title>
</head>

<body>
  <!-- Action Bar (screen only) -->
  <div class="top-actions no-print">
    <a href="../index.html" class="back-link">&larr; Zpět na hlavní web</a>
    <button class="action-btn" onclick="window.print()">
      <svg viewBox="0 0 24 24"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></svg>
      Stáhnout / Vytisknout PDF
    </button>
  </div>

  <div class="cv-container">
    <!-- Header -->
    <header class="header">
      <img src="image/1702045296079.jpeg" alt="Lukáš Kaňka" class="header-photo" />
      <div class="header-main">
        <h1>LUKÁŠ KAŇKA</h1>
        <div class="subtitle">Procesní designér (vývoj FE) &amp; QA / Test Automation</div>
        <div class="contact-grid">
          <div class="contact-item">
            <svg viewBox="0 0 24 24"><path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2a1 1 0 011.02-.24 11.72 11.72 0 003.68.59 1 1 0 011 1V20a1 1 0 01-1 1A17 17 0 013 4a1 1 0 011-1h3.5a1 1 0 011 1 11.72 11.72 0 00.59 3.68 1 1 0 01-.24 1.02l-2.23 2.09z"/></svg>
            <a href="tel:+420725303747">+420 725 303 747</a>
          </div>
          <div class="contact-item">
            <svg viewBox="0 0 24 24"><path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></svg>
            <a href="mailto:lukas.kanka@proton.me">lukas.kanka@proton.me</a>
          </div>
          <div class="contact-item">
            <svg viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 010-5 2.5 2.5 0 010 5z"/></svg>
            <span>Praha, Česká republika</span>
          </div>
          <div class="contact-item">
            <svg viewBox="0 0 24 24"><path d="M12 2a10 10 0 100 20 10 10 0 000-20zm-1 17.93A8.006 8.006 0 014.07 13H7a15.4 15.4 0 001.07 5.73A8.09 8.09 0 0111 19.93zm-5.93-8.93A8.04 8.04 0 0111 4.07V9H5.07zm7.93-6.93A8.006 8.006 0 0119.93 11H13V4.07zM13 13h5.93a8.04 8.04 0 01-5.93 6.93V13zm-2-2H5.07c.07-.34.13-.67.23-1H11v1zm0-2H5.5a15.4 15.4 0 011.57-4.73A8.09 8.09 0 0111 3.07V9zm2 2V9h5.5c.34.62.62 1.3.83 2H13zm0 2h4.5a15.4 15.4 0 01-1.57 4.73A8.09 8.09 0 0113 20.93V13z"/></svg>
            <a href="https://lukaskanka.cz" target="_blank" rel="noopener noreferrer">lukaskanka.cz</a>
          </div>
          <div class="contact-item">
            <svg viewBox="0 0 24 24"><path d="M12 2A10 10 0 002 12c0 4.42 2.87 8.17 6.84 9.5.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.1-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02.79-.22 1.65-.33 2.5-.33.85 0 1.71.11 2.5.33 1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0012 2z"/></svg>
            <a href="https://codeberg.org/Kankys" target="_blank" rel="noopener noreferrer">codeberg.org/Kankys</a>
          </div>
          <div class="contact-item">
            <svg viewBox="0 0 24 24"><path d="M19 3a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h14m-.5 15.5v-5.3a3.26 3.26 0 00-3.26-3.26c-.85 0-1.84.52-2.28 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 011.4 1.4v4.93h2.75M6.88 8.56a1.68 1.68 0 001.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 00-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37h2.77z"/></svg>
            <a href="https://www.linkedin.com/in/luk%C3%A1%C5%A1-ka%C5%88ka-b2a0a1a0/" target="_blank" rel="noopener noreferrer">linkedin.com/in/lukas-kanka</a>
          </div>
        </div>
      </div>
    </header>

    <!-- Main Layout -->
    <div class="main-body">
      <!-- Left Sidebar -->
      <aside class="sidebar">
        <!-- Dovednosti -->
        <div>
          <div class="section-title">Dovednosti</div>
          
          <!--<div class="skill-group">
            <div class="skill-title">Frontend &amp; Kód</div>
            <div class="tag-container">
              <span class="tag highlight">JavaScript (ES6+)</span>
              <span class="tag highlight">HTML5</span>
              <span class="tag highlight">CSS3</span>
              <span class="tag">SQL / MSSQL</span>
            </div>
          </div>-->

          <div class="skill-group">
            <div class="skill-title">QA &amp; Testování</div>
            <div class="tag-container">
              <span class="tag">Playwright</span>
              <!--<span class="tag">Cucumber</span>-->
              <span class="tag">E2E testování</span>
              <span class="tag">Manuální testování</span>
              <span class="tag">Test Cases</span>
              <span class="tag">Web Services</span>
            </div>
          </div>

          <div class="skill-group">
            <div class="skill-title">Nástroje &amp; Vývoj</div>
            <div class="tag-container">
              <span class="tag">Git</span>
              <span class="tag">GitHub</span>
              <span class="tag">GitLab</span>
              <span class="tag">Jira</span>
              <span class="tag">Enterprise Architect (EA)</span>
              <span class="tag">Make (Integromat)</span>
            </div>
          </div>

          <div class="skill-group">
            <div class="skill-title">Operační systémy</div>
            <div class="tag-container">
              <span class="tag">Linux (Ubuntu, Arch)</span>
              <span class="tag">macOS</span>
              <span class="tag">GrapheneOS</span>
            </div>
          </div>
        </div>

        <!-- Jazyky -->
        <div>
          <div class="section-title">Jazyky</div>
          <ul class="sidebar-list">
            <li>
              <strong>Čeština</strong>
              <span class="subtext">Rodilý mluvčí</span>
            </li>
            <li>
              <strong>Angličtina</strong>
              <span class="subtext">B1 – technická dokumentace</span>
            </li>
          </ul>
        </div>

        <!-- Vzdělání & Kurzy -->
        <div>
          <div class="section-title">Kurzy a certifikace</div>
          <ul class="sidebar-list">
            <li>
              <strong>Úvod do Playwright</strong>
              <div class="subtext">Tesena | 04/2023 | Praha</div>
            </li>
            <li>
              <strong>Základy testování, SQL, Web Services</strong>
              <div class="subtext">Acamar | 08/2020 | Praha</div>
            </li>
          </ul>
        </div>

        <!-- Dobrovolnictví -->
        <div>
          <div class="section-title">Dobrovolnictví</div>
          <div class="sidebar-note">
            <strong>Mapper – Missing Maps</strong><br>
            Humanitární mapování v rámci Missing Maps pomocí OSM přes HOT Tasking Manager.
          </div>
        </div>

        <!-- Zájmy -->
        <div>
          <div class="section-title">Zájmy a koníčky</div>
          <div class="sidebar-note">
            Open source, Linux, FreeBSD, sebevzdělávání v IT, cyklistika, longboarding, turistika.
          </div>
        </div>
      </aside>

      <!-- Right Main Content -->
      <main class="content-area">
        <!-- O mně -->
        <section>
          <div class="section-title">O mně</div>
          <p class="summary-text">
            Technologický nadšenec se zaměřením na frontendový vývoj, procesní design a open-source ekosystém. 
            Do světa IT jsem vstoupil přes technickou podporu a následně svou kariéru nasměroval do oblasti QA a testování softwaru. 
            V současné době působím jako procesní designér (vývoj FE) ve společnosti Kyndryl na platformě Smart pro Českou spořitelnu, 
            kde propojuji návrh procesů a tvorbu frontendových komponent s automatizovaným testováním v Playwrightu. 
            Dlouhodobě preferuji open-source nástroje a aktivně se dále vzdělávám v moderním webovém vývoji.
          </p>
        </section>

        <!-- Pracovní zkušenosti -->
        <section>
          <div class="section-title">Pracovní zkušenosti</div>

          <!-- Kyndryl -->
          <article class="experience-item">
            <div class="exp-header">
              <span class="exp-role">Procesní designér (vývoj FE) – platforma Smart</span>
              <span class="exp-date">05/2024 – dosud</span>
            </div>
            <div class="exp-company">Kyndryl | Praha (klient: Česká spořitelna)</div>
            <ul class="exp-bullets">
              <li>Vývoj a údržba frontendových částí na platformě Smart pro Českou spořitelnu.</li>
              <li>Tvorba a rozvoj automatizovaných E2E testů v nástroji Playwright pro ověření funkcionalit.</li>
              <li>Zakreslení procesních a architektonických modelů v Enterprise Architectu (EA).</li>
              <li>Aktivní účast v agilním týmu, správa verzí v GitHubu a sledování požadavků v Jiře.</li>
            </ul>
            <div class="exp-tech">
              <strong>Technologie:</strong> Enterprise Architect (EA), JavaScript, Playwright, GitHub, Jira
            </div>
          </article>

          <!-- Uniprog -->
          <article class="experience-item">
            <div class="exp-header">
              <span class="exp-role">Tester softwaru</span>
              <span class="exp-date">08/2022 – 08/2023</span>
            </div>
            <div class="exp-company">Uniprog Solutions, a.s. | Praha</div>
            <ul class="exp-bullets">
              <li>Manuální testování webových a PowerBuilder aplikací dle testovacích scénářů (Test Cases) a specifikace.</li>
              <li>Údržba a úprava automatizovaných testů v Cucumberu.</li>
              <li>Práce s MSSQL databází pro přípravu a ověřování testovacích dat.</li>
              <li>Hlášení a správa defektů v Jiře, úzká komunikace s vývojovými týmy.</li>
            </ul>
            <div class="exp-tech">
              <strong>Technologie:</strong> Cucumber, MSSQL, Jira, GitLab, PowerBuilder
            </div>
          </article>

          <!-- CFG -->
          <article class="experience-item">
            <div class="exp-header">
              <span class="exp-role">IT Support Specialist</span>
              <span class="exp-date">04/2022 – 07/2022</span>
            </div>
            <div class="exp-company">Comfort Finance Group (CFG) | Praha (OSVČ)</div>
            <ul class="exp-bullets">
              <li>Poskytování L1/L2 technické podpory uživatelům (řešení SW a HW incidentů).</li>
              <li>Onboarding nováčků, příprava stanic v Ubuntu Linux a evidence hardwaru.</li>
              <li>Automatizace rutinních procesů v nástroji Make (dříve Integromat).</li>
            </ul>
            <div class="exp-tech">
              <strong>Technologie:</strong> Ubuntu Linux, Make (Integromat), Jira
            </div>
          </article>

          <!-- Předchozí praxe -->
          <article class="experience-item">
            <div class="exp-header">
              <span class="exp-role" style="font-size: 13px; color: #475569;">Předchozí pracovní praxe (mimo IT)</span>
            </div>
            <div class="previous-jobs">
              <strong>Artglass Lighting</strong> (03/2016 – 04/2020) – Řidič dodávky, logistika, komunikace se zákazníky.<br>
              <strong>ČSAD Liberec</strong> (07/2006 – 08/2014) – Řidič nákladního vozu (vnitrostátní a mezinárodní přeprava).
            </div>
          </article>
        </section>
      </main>
    </div>
  </div>
</body>

</html>