kankys/lukas-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Responzivní životopis

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
styly.css
View File

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

230
zivotopis.html
View File

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

36
zivotopis/style1.css
View File

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