Responzivní životopis

This commit is contained in:
Lukáš Kaňka 2024-01-12 03:10:05 +01:00
parent 2f736cacde
commit 1717a5279b
3 changed files with 181 additions and 115 deletions

View File

@ -14,9 +14,7 @@ footer {
max-width: auto;
margin: auto;
}
.flexbox div {
/* background-color: ;*/
@media screen and (max-width: 600px) {
}
.menu,
@ -40,6 +38,12 @@ body {
/*background-color: black; /* případná barva pozadí černá */
/*color: white; } /* bílý text */
}
@media screen and (max-width: 600px) {
body {
width: calc(100% - 16px);
}
}
/* <style> */
a.tlacitko {
/*border-bottom : 1px solid #D1D1D1;*/
@ -72,3 +76,23 @@ a.tlacitko:hover {
.dot {
list-style-type: none;
}
/* .menu {
}
.obsah {
} */
@media screen and (max-width: 600px) {
.flexbox {
width: calc(100% - 16px);
flex-direction: column;
}
.menu {
order: -1;
}
.obsah {
flex-direction: column;
order: 1;
}
}

View File

@ -15,8 +15,12 @@
<body>
<div class="flexbox">
<div class="menu">
<!-- <div class="title">
<h1>ŽIVOTOPIS LUKÁŠ<br> KAŇKA</h1>
</div> -->
<div class="menu">
<img src="zivotopis/image/1702045296079.jpeg" width="200" height="200" alt="Lukáš Kaňka" />
<h2>Státní příslušnost:</h2>
<ul>
@ -57,116 +61,120 @@
</ul>
</div>
<div class="content">
<strong>
<h1 style="text-align: center">ŽIVOTOPIS LUKÁŠ<br> KAŇKA</h1>
<hr />
</strong>
<section class="info-section">
<h2>O MNĚ</h2>
<hr />
<p>
IT nadšenec s pozitivním přístupem k životu a vášní pro technologie.
Do světa IT jsem vstoupil jako Support, pak mě osud dovedl na pozici
Testera a v současné době měním svůj kariérní směr do Front-Endu. Kód
i programování mě lákalo už dlouho, baví mě zobrazení okamžitého
výsledku, který mi umožňuje zlepšení a zdokonalení kódu. Aktuálně se
vzdělávám ve Front-End Developer Akademii se zaměřením na znalosti
v JavaScript, HTML, CSS. Jako návazný krok bych své znalosti rád
prohluboval ve frameworcích React, Angular.
</p>
</section>
<section class="job-section">
<h2>PRACOVNÍ ZKUŠENOSTI</h2>
<hr />
<ul class="dot">
<li>
<strong class="jobs">Tester softwaru</strong>
</li>
<li><strong>Uniprog Solutions, a.s [ 15/08/2022 14/08/2023 ]</strong></li>
<li>Město: Praha</li>
<li>Země: Česko</li>
<li>Manuální testování PowerBuilder aplikací.</li>
<li>Údržba a oprava automatizovaných testů Cucumber.</li>
<li>Manuální testování webových aplikací dle Test Case a dokumentace.</li>
<li>Komunikace napříč vývojovými týmy.</li>
<li>Technologie: MSSQL, Jira, PowerBuilder, GitLab.</li>
</ul>
<ul class="dot">
<li><strong class="jobs">IT support</strong></li>
<li><strong>Comfort Finance Group CFG Živnostník [ 04/2022 07/2022 ]</strong></li>
<li> Město: Praha </li>
<li>Země: Česko </li>
<li>Poskytování IT podpory uživatelům (SW, HW), onboarding nováčků,
evidence skladu vybavení, řešení nastalých technických problémů.</li>
<li>Reporting systémových chyb na adekvátní oddělení.</li>
<li>Práce v OS Ubuntu Linux.</li>
<li>Práce s nástroji jako Intergromat, Jira.</li>
</ul>
<ul class="dot">
<li><strong class="jobs">Řidič dodávky</strong></li>
<li>
<strong>Artglass Lighting Na plný úvazek [ 03/2016 04/2020 ]</strong><br />
Země: Česko <br />
Řízení dodávky, komunikace se zákazníky, podpora prodeje.
</li>
</ul>
<ul class="dot">
<li><strong class="pozice">Řidič nákladního vozu</strong></li>
<li>
<strong>ČSAD Liberec Na plný úvazek [ 07/2006 08/2014 ]</strong>
</li>
<li>Řízení nákladních vozidel (MAN, DAF, Iveco, Renault).
</li>
</ul>
</section>
<section class="edu-section">
<h2>VZDĚLÁNÍ A ODBORNÁ PŘÍPRAVA</h2>
<hr />
<ul class="dot">
<li><strong class="course">Základy Testingu, SQL, Web Services</strong></li>
<li>
<strong>Acamar [ 08/2020 ]</strong>
</li>
<li>Město: Praha </li>
<li>Země: Česko</li>
</ul>
<ul class="dot">
<li><strong class="course">Úvod do Playwright</strong></li>
<li><strong>Tesena [ 04/2023 ]</strong></li>
<li>Město: Praha </li>
<li>Země: Česko</li>
</ul>
</section>
<section class="hobby-section">
<h2>ZÁJMY A KONÍČKY</h2>
<hr />
<ul class="dot">
<li><strong class="fun">
Opensource, Linux, Sebevzdělávání v testingu a dalších technologiích,
Cyklistika
</strong></li>
<li>
Na mi mo pracovních projektech mám základní zkušenosti se SW a
technologiemi jako: C#, .Net, NUnit, Selenium, Selenide,Cypress,
Playwrigt, Java, Linux Ubuntu a další distribuce, Docker, MacOS,
MangoDB, Windows, Obsidian. <br />
Mimo jiné se ve volném čase účastním amatérských závodů na kole a rád
si zaběhám.
</li>
</ul>
<h2>DOBROVOLNICKÁ ČINNOST</h2>
<hr />
<ul class="dot">
<li><strong class="fun">Maper Missing Maps</strong></li>
<li>
Ve volném čase mapuji pro humanitární účely, v projektu
<a class="tlacitko" href="https://www.missingmaps.org" target="_blank">Missing Maps</a>
pomocí OSM na platformě
<a class="tlacitko" href="https://tasks.hotosm.org" target="_blank">Hot Tasking Manager</a>.
</li>
</ul>
</section>
<div class="flexbox-content">
<div class="title">
<h1>ŽIVOTOPIS<br> LUKÁŠ KAŇKA</h1>
</div>
<div class="content">
<section class="info-section">
<h2>O MNĚ</h2>
<hr />
<p>
IT nadšenec s pozitivním přístupem k životu a vášní pro technologie.
Do světa IT jsem vstoupil jako Support, pak mě osud dovedl na pozici
Testera a v současné době měním svůj kariérní směr do Front-Endu. Kód
i programování mě lákalo už dlouho, baví mě zobrazení okamžitého
výsledku, který mi umožňuje zlepšení a zdokonalení kódu. Aktuálně se
vzdělávám ve Front-End Developer Akademii se zaměřením na znalosti
v JavaScript, HTML, CSS. Jako návazný krok bych své znalosti rád
prohluboval ve frameworcích React, Angular.
</p>
</section>
<section class="job-section">
<h2>PRACOVNÍ ZKUŠENOSTI</h2>
<hr />
<ul class="dot">
<li>
<strong class="jobs">Tester softwaru</strong>
</li>
<li><strong>Uniprog Solutions, a.s [ 15/08/2022 14/08/2023 ]</strong></li>
<li>Město: Praha</li>
<li>Země: Česko</li>
<li>Manuální testování PowerBuilder aplikací.</li>
<li>Údržba a oprava automatizovaných testů Cucumber.</li>
<li>Manuální testování webových aplikací dle Test Case a dokumentace.</li>
<li>Komunikace napříč vývojovými týmy.</li>
<li>Technologie: MSSQL, Jira, PowerBuilder, GitLab.</li>
</ul>
<ul class="dot">
<li><strong class="jobs">IT support</strong></li>
<li><strong>Comfort Finance Group CFG Živnostník [ 04/2022 07/2022 ]</strong></li>
<li> Město: Praha </li>
<li>Země: Česko </li>
<li>Poskytování IT podpory uživatelům (SW, HW), onboarding nováčků,
evidence skladu vybavení, řešení nastalých technických problémů.</li>
<li>Reporting systémových chyb na adekvátní oddělení.</li>
<li>Práce v OS Ubuntu Linux.</li>
<li>Práce s nástroji jako Intergromat, Jira.</li>
</ul>
<ul class="dot">
<li><strong class="jobs">Řidič dodávky</strong></li>
<li>
<strong>Artglass Lighting Na plný úvazek [ 03/2016 04/2020 ]</strong><br />
Země: Česko <br />
Řízení dodávky, komunikace se zákazníky, podpora prodeje.
</li>
</ul>
<ul class="dot">
<li><strong class="pozice">Řidič nákladního vozu</strong></li>
<li>
<strong>ČSAD Liberec Na plný úvazek [ 07/2006 08/2014 ]</strong>
</li>
<li>Řízení nákladních vozidel (MAN, DAF, Iveco, Renault).
</li>
</ul>
</section>
<section class="edu-section">
<h2>VZDĚLÁNÍ A ODBORNÁ PŘÍPRAVA</h2>
<hr />
<ul class="dot">
<li><strong class="course">Základy Testingu, SQL, Web Services</strong></li>
<li>
<strong>Acamar [ 08/2020 ]</strong>
</li>
<li>Město: Praha </li>
<li>Země: Česko</li>
</ul>
<ul class="dot">
<li><strong class="course">Úvod do Playwright</strong></li>
<li><strong>Tesena [ 04/2023 ]</strong></li>
<li>Město: Praha </li>
<li>Země: Česko</li>
</ul>
</section>
<section class="hobby-section">
<h2>ZÁJMY A KONÍČKY</h2>
<hr />
<ul class="dot">
<li><strong class="fun">
Opensource, Linux, Sebevzdělávání v testingu a dalších technologiích,
Cyklistika
</strong></li>
<li>
Na mi mo pracovních projektech mám základní zkušenosti se SW a
technologiemi jako: C#, .Net, NUnit, Selenium, Selenide,Cypress,
Playwrigt, Java, Linux Ubuntu a další distribuce, Docker, MacOS,
MangoDB, Windows, Obsidian. <br />
Mimo jiné se ve volném čase účastním amatérských závodů na kole a rád
si zaběhám.
</li>
</ul>
<h2>DOBROVOLNICKÁ ČINNOST</h2>
<hr />
<ul class="dot">
<li><strong class="fun">Maper Missing Maps</strong></li>
<li>
Ve volném čase mapuji pro humanitární účely, v projektu
<a class="tlacitko" href="https://www.missingmaps.org" target="_blank">Missing Maps</a>
pomocí OSM na platformě
<a class="tlacitko" href="https://tasks.hotosm.org" target="_blank">Hot Tasking Manager</a>.
</li>
</ul>
</section>
</div>
</div>
</div>
<footer>Copyright &copy; Lukáš Kaňka 2023</footer>

View File

@ -11,6 +11,12 @@ body {
margin: auto;
margin-bottom: 25px;
}
@media screen and (max-width: 600px) {
body {
width: calc(100% - 16px);
}
}
footer {
position: fixed;
bottom: 0;
@ -31,12 +37,20 @@ th {
max-width: auto;
margin: auto;
}
.flexbox-content {
display: flex;
flex-direction: column;
}
.menu {
flex: 1;
margin-top: 25px;
}
.content {
order: 2;
flex: 3;
padding: 55px;
margin-top: -45px;
}
.dot {
list-style-type: none;
@ -46,3 +60,23 @@ th {
.fun {
font-size: 20px;
}
.title {
text-align: center;
order: 1;
}
@media screen and (max-width: 600px) {
.flexbox {
flex-direction: column;
}
.menu {
order: 1;
}
/* .content {
order: 3;
} */
.title {
order: -1;
}
}