diff --git a/web/cv/lukaskanka.html b/web/cv/lukaskanka.html index 41db019..9a53d9d 100644 --- a/web/cv/lukaskanka.html +++ b/web/cv/lukaskanka.html @@ -1,185 +1,247 @@ - - - - - - - - - - - - Životopis - - - -
- - - -
- Lukáš Kaňka - -

Kontakty:

- - - - -
-
-
-

ŽIVOTOPIS
LUKÁŠ KAŇKA

-
- - -
- -
-

O MNĚ

-
-

- IT nadšenec a Tech-libertarián s pozitivním přístupem k životu a vášní pro technologie,FreeBSD, Linux a OpenSource. Do světa IT jsem vstoupil jako Support, pak mě osud dovedl na pozici testera. Aktuálně se vzdělávám v JavaScript, HTML, CSS a automatizovaném testování. -

-

Pracuji pro společnost Kyndryl na pozici juniorní Frontendový vývojář pro platformu SMART v ČS.

-

V osobním životě se snažím používat Opensource. Na pc používám EndeavourOS jako operační systém a mobilní operační systém jsem zvolil GrapheneOS.

-
-
-

PRACOVNÍ ZKUŠENOSTI

-
-
    -
  • - Vývoj na platformě Smart -
    • -
  • Kyndryl [ 15/05/2024 – ]
    • -
  • Město: Praha
    • -
  • Země: Česko
    • -
  • Vývojář na platformě Smart pro Českou spořitelnu.
    • -
  • Technologie:Jira, GitHub, Playwright, EA.
    • -
-
    -
  • - Tester softwaru -
    • -
  • Uniprog Solutions, a.s [ 15/08/2022 – 14/08/2023 ]
    • -
  • Město: Praha
    • -
  • Země: Česko
    • -
  • Manuální testování PowerBuilder aplikací.
    • -
  • Údržba a oprava automatizovaných testů Cucumber.
    • -
  • Manuální testování webových aplikací dle Test Case a dokumentace.
    • -
  • Komunikace napříč vývojovými týmy.
    • -
  • Technologie: MSSQL, Jira, PowerBuilder, GitLab.
    • -
-
    -
  • IT support
    • -
  • Comfort Finance Group CFG Živnostník [ 04/2022 – 07/2022 ]
    • -
  • Město: Praha
    • -
  • Země: Česko
    • -
  • Poskytování IT podpory uživatelům (SW, HW), onboarding nováčků, - evidence skladu vybavení, řešení nastalých technických problémů.
    • -
  • Reporting systémových chyb na adekvátní oddělení.
    • -
  • Práce v OS Ubuntu Linux.
    • -
  • Práce s nástroji jako Intergromat, Jira.
    • -
-
    -
  • Řidič dodávky
    • -
  • - Artglass Lighting Na plný úvazek [ 03/2016 – 04/2020 ]
    - Země: Česko
    - Řízení dodávky, komunikace se zákazníky, podpora prodeje. -
    • -
-
    -
  • Řidič nákladního vozu
    • -
  • - ČSAD Liberec Na plný úvazek [ 07/2006 – 08/2014 ] -
    • -
  • Řízení nákladních vozidel (MAN, DAF, Iveco, Renault). -
    • -
-
-
-

VZDĚLÁNÍ A ODBORNÁ PŘÍPRAVA

-
-
    -
  • Základy Testingu, SQL, Web Services
    • -
  • - Acamar [ 08/2020 ] -
    • -
  • Město: Praha
    • -
  • Země: Česko
    • -
-
    -
  • Úvod do Playwright
    • -
  • Tesena [ 04/2023 ]
    • -
  • Město: Praha
    • -
  • Země: Česko
    • -
-
-
-

ZÁJMY A KONÍČKY

-
-
    -
  • - -
    • -
  • - FreeBSD, Opensource, Linux, Sebevzdělávání v testingu a dalších technologiích, - Cyklistika, Longboarding, Turistika - -
    • -
-

DOBROVOLNICKÁ ČINNOST

-
-
    -
  • Maper Missing Maps
    • -
  • - Ve volném čase mapuji pro humanitární účely, v projektu - Missing Maps - pomocí OSM na platformě - Hot Tasking Manager. -
    • -
-
-
-
-
- - - + + + + + + + + + + + Životopis – Lukáš Kaňka + + + + +
+ ← Zpět na hlavní web + +
+ +
+ +
+ Lukáš Kaňka +
+

LUKÁŠ KAŇKA

+
Procesní designér (vývoj FE) & QA / Test Automation
+
+
+ + +420 725 303 747 +
+
+ + lukas.kanka@proton.me +
+
+ + Praha, Česká republika +
+
+ + lukaskanka.cz +
+
+ + codeberg.org/Kankys +
+
+ + linkedin.com/in/lukas-kanka +
+
+
+
+ + +
+ + + + +
+ +
+
O mně
+

+ 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. +

+
+ + +
+
Pracovní zkušenosti
+ + +
+
+ Procesní designér (vývoj FE) – platforma Smart + 05/2024 – dosud +
+
Kyndryl | Praha (klient: Česká spořitelna)
+
    +
  • Vývoj a údržba frontendových částí na platformě Smart pro Českou spořitelnu.
    • +
  • Tvorba a rozvoj automatizovaných E2E testů v nástroji Playwright pro ověření funkcionalit.
    • +
  • Zakreslení procesních a architektonických modelů v Enterprise Architectu (EA).
    • +
  • Aktivní účast v agilním týmu, správa verzí v GitHubu a sledování požadavků v Jiře.
    • +
+
+ Technologie: Enterprise Architect (EA), JavaScript, Playwright, GitHub, Jira +
+
+ + +
+
+ Tester softwaru + 08/2022 – 08/2023 +
+
Uniprog Solutions, a.s. | Praha
+
    +
  • Manuální testování webových a PowerBuilder aplikací dle testovacích scénářů (Test Cases) a specifikace.
    • +
  • Údržba a úprava automatizovaných testů v Cucumberu.
    • +
  • Práce s MSSQL databází pro přípravu a ověřování testovacích dat.
    • +
  • Hlášení a správa defektů v Jiře, úzká komunikace s vývojovými týmy.
    • +
+
+ Technologie: Cucumber, MSSQL, Jira, GitLab, PowerBuilder +
+
+ + +
+
+ IT Support Specialist + 04/2022 – 07/2022 +
+
Comfort Finance Group (CFG) | Praha (OSVČ)
+
    +
  • Poskytování L1/L2 technické podpory uživatelům (řešení SW a HW incidentů).
    • +
  • Onboarding nováčků, příprava stanic v Ubuntu Linux a evidence hardwaru.
    • +
  • Automatizace rutinních procesů v nástroji Make (dříve Integromat).
    • +
+
+ Technologie: Ubuntu Linux, Make (Integromat), Jira +
+
+ + +
+
+ Předchozí pracovní praxe (mimo IT) +
+
+ Artglass Lighting (03/2016 – 04/2020) – Řidič dodávky, logistika, komunikace se zákazníky.
+ ČSAD Liberec (07/2006 – 08/2014) – Řidič nákladního vozu (vnitrostátní a mezinárodní přeprava). +
+
+
+
+
+
+ + \ No newline at end of file diff --git a/web/cv/style-cv.css b/web/cv/style-cv.css index cd25230..8609a51 100644 --- a/web/cv/style-cv.css +++ b/web/cv/style-cv.css @@ -1,86 +1,414 @@ -:root { - --my-black: black; - --my-beckground: #ded4d4; - max-width: 1200px; - margin: auto; -} - -body { - background-color: var(--my-beckground); - max-width: 1200px; - margin: auto; - margin-bottom: 25px; -} -@media screen and (max-width: 600px) { - body { - width: calc(100% - 16px); - } -} - -footer { - position: fixed; - bottom: 0; -} - -.tlacitko { - color: var(--my-black); -} - -td, -th { - border: 1px solid var(--my-black); - padding: 15px; -} - -.flexbox { - display: flex; - max-width: auto; - margin: auto; -} -.flexbox-content { - display: flex; - flex-direction: column; -} - -.menu { - margin-top: 25px; -} - -.content { - order: 2; - flex: 3; - padding: 55px; - margin-top: -45px; -} -.dot { - list-style-type: none; -} -.jobs, -.course, -.fun { - font-size: 20px; -} -.title { - text-align: center; - order: 1; -} - -@media screen and (max-width: 600px) { - .flexbox { - flex-direction: column; - } - - .menu { - order: 1; - text-align: center; - } - .dot-none { - list-style-type: none; - } - /* .content { - order: 3; - } */ - .title { - order: -1; - } -} +:root { + --primary: #1e3a8a; + --primary-light: #eff6ff; + --text-main: #1f2937; + --text-muted: #4b5563; + --border-color: #e2e8f0; + --bg-sidebar: #f8fafc; + --accent: #2563eb; +} + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +body { + font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; + color: var(--text-main); + background-color: #f1f5f9; + line-height: 1.42; + font-size: 13px; + -webkit-font-smoothing: antialiased; +} + +/* Screen top action bar */ +.top-actions { + max-width: 900px; + margin: 15px auto 0; + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 5px; +} + +.action-btn { + display: inline-flex; + align-items: center; + gap: 8px; + background-color: #1e293b; + color: #ffffff; + padding: 8px 16px; + border-radius: 6px; + text-decoration: none; + font-size: 13px; + font-weight: 500; + border: none; + cursor: pointer; + transition: background-color 0.2s; +} + +.action-btn:hover { + background-color: #334155; +} + +.action-btn svg { + width: 15px; + height: 15px; + fill: currentColor; +} + +.back-link { + color: #475569; + text-decoration: none; + font-size: 13px; + font-weight: 500; + display: inline-flex; + align-items: center; + gap: 6px; +} + +.back-link:hover { + color: #0f172a; + text-decoration: underline; +} + +.cv-container { + max-width: 900px; + margin: 12px auto 25px; + background: #ffffff; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + display: flex; + flex-direction: column; +} + +/* Header */ +.header { + display: flex; + align-items: center; + gap: 20px; + padding: 18px 30px; + background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); + color: #ffffff; +} + +.header-photo { + width: 96px; + height: 96px; + border-radius: 50%; + object-fit: cover; + border: 3px solid rgba(255, 255, 255, 0.9); + flex-shrink: 0; +} + +.header-main { + flex: 1; +} + +.header-main h1 { + font-size: 25px; + font-weight: 700; + letter-spacing: 0.5px; + color: #ffffff; + margin-bottom: 2px; +} + +.header-main .subtitle { + font-size: 14px; + color: #93c5fd; + font-weight: 500; + margin-bottom: 10px; +} + +.contact-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 5px 12px; + font-size: 12px; +} + +.contact-item { + display: flex; + align-items: center; + gap: 6px; + color: #e2e8f0; + white-space: nowrap; +} + +.contact-item svg { + width: 13px; + height: 13px; + fill: currentColor; + color: #60a5fa; + flex-shrink: 0; +} + +.contact-item a { + color: #e2e8f0; + text-decoration: none; +} + +.contact-item a:hover { + color: #ffffff; + text-decoration: underline; +} + +/* Layout Body */ +.main-body { + display: grid; + grid-template-columns: 260px 1fr; +} + +.sidebar { + background-color: var(--bg-sidebar); + border-right: 1px solid var(--border-color); + padding: 20px 18px; + display: flex; + flex-direction: column; + gap: 16px; +} + +.content-area { + padding: 20px 25px; + display: flex; + flex-direction: column; + gap: 16px; +} + +/* Section Titles */ +.section-title { + font-size: 13.5px; + text-transform: uppercase; + letter-spacing: 0.8px; + font-weight: 700; + color: var(--primary); + margin-bottom: 8px; + padding-bottom: 3px; + border-bottom: 2px solid #cbd5e1; +} + +/* Sidebar blocks */ +.skill-group { + margin-bottom: 10px; +} + +.skill-group:last-child { + margin-bottom: 0; +} + +.skill-title { + font-size: 11.5px; + text-transform: uppercase; + font-weight: 700; + color: #475569; + margin-bottom: 4px; +} + +.tag-container { + display: flex; + flex-wrap: wrap; + gap: 4px; +} + +.tag { + background: #e2e8f0; + color: #1e293b; + padding: 2px 6px; + border-radius: 3px; + font-size: 11px; + font-weight: 500; +} + +.tag.highlight { + background: #dbeafe; + color: #1e40af; + font-weight: 600; +} + +.sidebar-list { + list-style: none; + font-size: 12px; + color: var(--text-main); +} + +.sidebar-list li { + margin-bottom: 6px; + line-height: 1.35; +} + +.sidebar-list strong { + display: block; + color: #0f172a; +} + +.sidebar-list .subtext { + color: var(--text-muted); + font-size: 11px; +} + +.sidebar-note { + font-size: 11.5px; + line-height: 1.4; + color: #334155; +} + +/* Content Area */ +.summary-text { + font-size: 12.5px; + color: #334155; + line-height: 1.48; +} + +.experience-item { + margin-bottom: 14px; +} + +.experience-item:last-child { + margin-bottom: 0; +} + +.exp-header { + display: flex; + justify-content: space-between; + align-items: baseline; + margin-bottom: 2px; +} + +.exp-role { + font-size: 14px; + font-weight: 700; + color: #0f172a; +} + +.exp-date { + font-size: 11.5px; + font-weight: 600; + color: #64748b; +} + +.exp-company { + font-size: 12.5px; + font-weight: 600; + color: var(--accent); + margin-bottom: 4px; +} + +.exp-bullets { + list-style-type: disc; + padding-left: 16px; + color: #334155; + font-size: 12.5px; + margin-bottom: 5px; +} + +.exp-bullets li { + margin-bottom: 3px; + line-height: 1.4; +} + +.exp-tech { + font-size: 11.5px; + color: #475569; + background: #f1f5f9; + padding: 3px 6px; + border-radius: 4px; + display: inline-block; +} + +.exp-tech strong { + color: #1e293b; +} + +.previous-jobs { + font-size: 11.5px; + color: var(--text-muted); + line-height: 1.45; +} + +/* Responsive Styles */ +@media screen and (max-width: 768px) { + .top-actions { + padding: 0 15px; + } + + .cv-container { + margin: 10px 0 0 0; + box-shadow: none; + } + + .header { + flex-direction: column; + text-align: center; + padding: 20px 15px; + } + + .contact-grid { + grid-template-columns: 1fr; + text-align: left; + } + + .main-body { + grid-template-columns: 1fr; + } + + .sidebar { + border-right: none; + border-bottom: 1px solid var(--border-color); + } +} + +/* Print Styles for PDF */ +@page { + size: A4 portrait; + margin: 0; +} + +@media print { + body { + background: #ffffff !important; + font-size: 11.5px; + } + + .no-print { + display: none !important; + } + + .cv-container { + max-width: 100%; + margin: 0; + box-shadow: none; + height: 100vh; + } + + .header { + padding: 14px 22px; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + } + + .main-body { + grid-template-columns: 240px 1fr; + } + + .sidebar { + padding: 16px 14px; + gap: 12px; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + } + + .content-area { + padding: 16px 20px; + gap: 12px; + } + + .contact-item a { + color: #ffffff; + } + + .experience-item { + break-inside: avoid; + page-break-inside: avoid; + } +}