+ O mně
+
+
+
+
+
+ Jsem IT nadšenec s pozitivním přístupem k životu a vášní pro
+ technologie, ve kterých se neustále vzdělávám. Absolvoval jsem kurz
+ testingu a SQL v Acamaru. A nyní se i jako tester živím, v budoucnu
+ bych chtěl být Web Developerem. Můj životopis najdete pod tímto odkazem.
+
+
+
+
+ - Ve volném čase se věnuji:
+ - Svému blogu: Lukáš Bloguje.
+ - Linuxu, MacOS a Opensource (i si rozumím s Windows :-)).
+ - Seberozvoji v oblasti komunikace a emoční inteligence.
+ - Sportu, který mi dobíjí baterky.
+ - Missing maps pro Lékaře bez hranic.
+ - Mapování v OSM.
+
+
+
+
+
+
+
+ - V osobním životě se snažím vedle komerčních aplikací poznávat a
+ používat Opensource.
+ - To to jsou opensource aplikace, které používám vedle placených
+ aplikací a stojí myslím za vyzkoušení:
+ - * Alternativa za OneNote od Microsoftu je aplikace Joplin
+
+ - * Pro cloud a tvorbu dokumentů k Microsoft 365 doporučuji NextCloud
+
+ - * Pokud potřebuji šifrovat dokumenty nebo jen s někým něco sdílet a
+ nechci sdílet s NextCloud nebo OneDrive použiji CryptPad
+
+ - * Náhradu za Jiru může být Vikunja
+
+ - * Mimo GitHub svůj kód ukládám na Gitea
+
+ - * Pro tvorbu tohoto blogu vedle VS Code používám Brackets
+
+ - * Jako RSS čtečku využívám minimalistickou MiniFlux
+
+ - * Správce hesel může být Bitwarden
+
+ - * Internetový prohlížeč Firefox
+
+ - * E-mail klienta používám Thunderbird
+
+ - * Alternativu k sociální sítím může být MastodonElement
+
+ - * Alternativou k Instagramu může být Pixelfed
+
+
+
+
+
+
+
+ - Budu velmi vděčný za malý příspěvek na provoz mých projektů:
+ - Přes paypal pomocí QR kódu:
+
+ - Mega můj Referral programm link na Mega, kde zapoužití získáme oba nějaké ty bonusy. Mega je cloud služba s dobrými ceny, která je pro všechny OS tak i mobilní zařízení. Nabízi galerii fotografií, možnost editovat vaše textové soubory a navíc je vše šyfrováno.
+ - Pár satoshi nebo jiné krypto měny(po dohodě)
+ - Aktivačním kódem na aplikaci k recenzi či článku
+ - Kritikou, radou nebo e-mailem pár slov potěší
+ - Také se můžeme potkat na WordPress pivu v Praze, Frodentisti akcích, PHPkáři akcích nebo jen tak na pivku
+ a jiné akci.
+
+
+
+
+
+
+
+
+
+
diff --git a/index/games/fractal/index.html b/index/games/fractal/index.html
new file mode 100755
index 0000000..9a94f69
--- /dev/null
+++ b/index/games/fractal/index.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+ Zásady ochrany osobních údajů
+ Naposledy aktualizováno: 28.4.2022
+
+
+
+ Pokud jste návštěvníkem našeho blogu, odběratelem novinek,
+ přispěvatelem do komentářů poskytujete nám své osobní údaje. My vaše
+ údaje zpracováváme a za jejich bezpečnost odpovídáme. Slibujeme, že
+ vaše
údaje dostatečně chráníme a podřizujeme se požadavkům
+ Nařízení o ochraně osobních údajů (GDPR).
+
+
+
+ Neprodáváme žádný produkt, nejste tedy našimi zákazníky, ale
+ návštěvníky blogu.
+
+
+
+ Správcem vašich osobních údajů je Lukáš (Lucka ani nekouká přes
+ rameno!)
+ Správcem osobních údajů je Lukáš Kaňka, který provozuje webové stránky
+ lukan.cz a lukan.cekuj.net. Lukáš vaše údaje spravuje a určuje, jak
+ dlouho budou osobní údaje zpracovávány, a za jakým účelem. Vybírá
+
také další zpracovatele, které ke zpracování využíváme.
+
+
+
+ Jaké údaje zpracováváme a proč?
+ Vaše osobní údaje zpracováváme především proto, abychom vám mohli
+ poskytovat co nejkvalitnější obsah. Jednotlivé důvody zpracování:
+
+
+
+ Předávání osobních údajů třetím osobám.
+ Vaše údaje zpracovává správce Lukáš Kaňka, s využitím dalších dvou
+ zpracovatelů, společnosti Endora , jejichž zpracování spočívá v
+ uchovávání údajů na zabezpečených cloudových serverech.
+
+
+
+ Abychom mohli měřit, jak se vám na našem blogu líbí, kde trávíte
+ nejvíce času a kam klikáte, používáme další poskytovatele služeb pro
+ určité zpracovatelské operace. Jsou to:
+
+
+ TopList – pomocí měřícího kódu
+
+
+ Jak nás můžete kontaktovat
+ Ať už na nás máte jakoukoliv otázku nebo požadavek, můžete nás
+ kontaktovat ne e-mailové adrese: lukas.kanka@lukan.cz.
+
+
+
+ Předávání vašich dat mimo Evropskou Unii
+ Vaše data zpracováváme výhradně v Evropské unii nebo v zemích, které
+ zajišťují odpovídající úroveň ochrany na základě rozhodnutí Evropské
+ komise.
+
+
+
+ Zabezpečení a ochrana osobních údajů
+ Vaše data jsou u nás v bezpečí. Přijali jsme technická opatření, která
+ zajišťují zabezpečení osobních údajů šifrováním přenosu dat pomocí
+ HTTPS protokolu (ten zámeček, co je vedle naší URL adresy ;-)) a
+ zabezpečili vaše osobní údaje v souladu s čl. 32 GDPR.
+
+
+
+ Vaše práva v souvislosti s ochranou osobních údajů:
+
+
+
+ V souvislosti s ochranou osobních údajů máte řadu práv. Pokud budete
+ chtít některého z těchto práv využít, prosím, kontaktujte nás
+ prostřednictvím e-mailu: lukas.kanka@lukan.cz
+
+
+ Máte právo na informace, které si právě teď čtete. 🙂
+
+
+ Díky právu na přístup nás můžete kdykoli vyzvat a my vám do 30 dnů
+ doložíme, jaké vaše osobní údaje zpracováváme a proč. Pokud se u vás
+ něco změní nebo shledáte své osobní údaje neaktuální nebo
+ neúplné, máte právo na doplnění a změnu osobních údajů.
+
+
+
+ Právo na omezení zpracování můžete využít, pokud se domníváte, že
+ zpracováváme vaše nepřesné údaje, domníváte se, že provádíme
+ zpracování nezákonně, ale nechcete všechny údaje smazat nebo pokud
+ jste
+ vznesli námitku proti zpracování. Omezit můžete rozsah osobních údajů
+ nebo účelů zpracování.
+
+
+ Právo na výmaz (být zapomenut)
+
+
+ Vaším dalším právem je právo na výmaz (být zapomenut). Nechceme na vás
+ zapomenout, ale pokud si to budete přát, máte na to právo. 😞 V
+ takovém případě vymažeme veškeré vaše osobní údaje ze svého
+ systému i ze systému všech dílčích zpracovatelů a záloh. Na zajištění
+ práva na výmaz potřebujeme 30 dní.
+
+
+ Stížnost u Úřadu na ochranu osobních údajů
+
+
+ Pokud máte pocit, že s vašimi údaji nezacházíme v souladu se zákonem,
+ máte právo se se svou stížností kdykoli obrátit na Úřad pro ochranu
+ osobních údajů. Budeme moc rádi, pokud nejprve budete o tomto
+ podezření informovat nás, abychom s tím mohli něco udělat a případné
+ pochybení napravit.
+
+
+ Mlčenlivost:
+
+ Jsme povinni zachovávat mlčenlivost o osobních údajích a o
+ bezpečnostních opatřeních, jejichž zveřejnění by ohrozilo zabezpečení
+ vašich osobních údajů. Tato mlčenlivost přitom trvá i po skončení
+ závazkových vztahů s námi. Bez vašeho souhlasu také vaše údaje žádné
+ jiné třetí straně nevydáme.
+
+
+ Tyto Zásady ochrany osobních údajů nabývají účinnosti 28.4.2022
+
+
+
+
+
+
+
+
diff --git a/index/project/YourTravelAssistant/Readme.md b/index/project/YourTravelAssistant/Readme.md
new file mode 100644
index 0000000..a15b983
--- /dev/null
+++ b/index/project/YourTravelAssistant/Readme.md
@@ -0,0 +1,3 @@
+# První povinný projekt v rámci Akademii Engeto - front-end developers
+
+K projektu připravuji zároveň i testy v frameworku Playwright pod tímto [odkazem](https://github.com/LukasKanka/YourTravelAssistant_Playwright.git).
diff --git a/index/project/YourTravelAssistant/cestovatel.css b/index/project/YourTravelAssistant/cestovatel.css
new file mode 100644
index 0000000..70d2925
--- /dev/null
+++ b/index/project/YourTravelAssistant/cestovatel.css
@@ -0,0 +1,554 @@
+:root {
+ --word-black: #000;
+ --word-white: #fff;
+ --link-one: #efa69d;
+ --link-two: #e9877b;
+ --background-one: #33292a;
+ --background-two: #644b4f;
+ --background-three: #333333;
+ --background-four: #f2f2f2;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: "Roboto", sans-serif;
+}
+
+/* Navigace (horní menu) */
+nav {
+ padding: 10px;
+ background-color: var(--background-one);
+ font-size: 20px;
+}
+a {
+ text-decoration: none;
+ color: var(--word-white);
+}
+
+nav ul {
+ list-style: none;
+ display: flex;
+ justify-content: space-between;
+ flex-grow: 1;
+}
+
+.navigation {
+ width: 65%;
+ margin: 0 auto;
+}
+
+.icon {
+ width: auto;
+ height: 22px;
+ display: none;
+ margin-left: auto;
+ margin-right: 12px;
+}
+
+.icon img {
+ width: 100%;
+ height: 100%;
+}
+
+@media (max-width: 768px) {
+ .navigation {
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ nav a {
+ display: none;
+ }
+
+ .icon {
+ display: block;
+ }
+}
+
+/* Hero - section */
+.hero-section {
+ height: 80vh;
+ background-image: url(images/scott-goodwill-y8Ngwq34_Ak-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+}
+
+.hero-text-wrapper {
+ position: relative;
+ width: 65%;
+ margin: 0 auto;
+ height: 100%;
+}
+
+.hero-text {
+ color: var(--word-white);
+ position: absolute;
+ right: 0;
+ bottom: 50px;
+ font-size: 80px;
+ text-align: right;
+}
+
+.h2-about {
+ font-weight: 700;
+}
+
+@media (max-width: 768px) {
+ .hero-text-wrapper {
+ width: 90%;
+ margin: 0 auto;
+ }
+ .hero-text {
+ font-size: 35px;
+ height: 80px;
+ margin-bottom: 5px;
+ }
+}
+
+/* About sekce */
+
+.about-section {
+ margin: 45px 0;
+}
+
+.about-section-wrapper {
+ width: 65%;
+ margin: 0 auto;
+ display: flex;
+ gap: 20px;
+}
+
+.about-text {
+ flex: 1;
+}
+
+.about-img {
+ flex: 1;
+}
+img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+@media (max-width: 768px) {
+ .about-section-wrapper {
+ flex-direction: column;
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ .about-text {
+ text-align: left;
+ }
+
+ .about-img {
+ text-align: center;
+ }
+
+ .about-text-p {
+ padding-top: 15px;
+ }
+}
+
+/* What We Do */
+
+.what-section {
+ background-color: var(--background-one);
+ color: var(--word-white);
+}
+
+.what-section-wrapper {
+ width: 65%;
+ margin: 0 auto;
+}
+.what-text {
+ text-align: center;
+}
+.h2-what-we {
+ font-size: 38px;
+ text-align: center;
+ padding-top: 45px;
+ padding-bottom: 35px;
+}
+
+.where-text {
+ text-align: center;
+}
+.icon-what-section {
+ margin-top: 45px;
+ padding: 45px;
+ list-style: none;
+ display: flex;
+ justify-content: space-between;
+ flex-grow: 1;
+}
+
+.img-icons {
+ width: 100px;
+ height: 100px;
+ align-items: center;
+}
+
+.icon-text {
+ text-align: center;
+ padding-top: 15px;
+ font-size: 25px;
+}
+
+@media (max-width: 768px) {
+ .what-section-wrapper {
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ .icon-what-section {
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+ }
+
+ .img-icons {
+ width: 80px;
+ height: 80px;
+ margin-top: 20px;
+ align-items: center;
+ }
+
+ .icon-text {
+ padding-top: 0px;
+ }
+}
+
+/* Our Trips */
+
+.trips-section {
+ margin-top: 45px;
+ margin-bottom: 45px;
+}
+.trips-section-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+ width: 65%;
+ margin: auto;
+ gap: 10px;
+}
+
+.images-item {
+ height: 222px;
+ width: 32%;
+ flex-shrink: 1;
+ border-radius: 4px;
+}
+
+.images-trips-1 {
+ background-image: url(images/simon-english-48nerZQCHgo-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+.images-trips-2 {
+ background-image: url(images/james-wheeler-ZOA-cqKuJAA-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+.images-trips-3 {
+ background-image: url(images/daniel-tseng-73lmMKhi2U8-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+.images-trips-4 {
+ background-image: url(images/holly-mandarich-UVyOfX3v0Ls-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+.text-trips {
+ background-color: var(--background-four);
+ color: var(--word-black);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 32px;
+ font-weight: 700;
+}
+
+.images-trips-5 {
+ background-image: url(images/patrick-szylar-45bM3XGqnDE-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+.images-trips-6 {
+ background-image: url(images/chung-yee-tsang-wqxCKM0R6R8-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+.images-trips-7 {
+ background-image: url(images/julian-bialowas-ilkTnuMunP8-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+.images-trips-8 {
+ background-image: url(images/matej-drha-rbDzMcJsBkY-unsplash.jpg);
+ background-size: cover;
+ background-position: center;
+}
+
+@media (max-width: 768px) {
+ .trips-section-wrapper {
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ .images-item {
+ width: 333px;
+ height: 222px;
+ }
+
+ .text-trips {
+ height: 80px;
+ }
+}
+
+/* Where togo */
+.where-section {
+ background-color: var(--background-two);
+ color: var(--word-white);
+ display: flex;
+}
+
+.where-section-wrapper {
+ width: 65%;
+ margin: 0 auto;
+ padding-top: 45px;
+ padding-bottom: 45px;
+ display: flex;
+}
+
+.where-text {
+ display: flex;
+}
+
+.h2-where {
+ flex: 1;
+ font-size: 25px;
+ width: 272px;
+ height: 114px;
+ text-align: left;
+}
+
+.where-text-div {
+ flex: 1;
+ width: 572;
+ height: 201;
+ text-align: left;
+}
+
+.contact-text {
+ margin-top: 20px;
+}
+
+.contact-button {
+ margin-top: 35px;
+ background-color: var(--background-four);
+ width: 133px;
+ height: 43px;
+ border-radius: 4px;
+ text-align: center;
+ line-height: 43px;
+}
+
+.contact-button-text {
+ font-size: 14px;
+ font-weight: 700;
+ font-family: Inter;
+ color: var(--word-black);
+ display: block;
+}
+.mobile {
+ display: none;
+}
+
+@media (max-width: 768px) {
+ .where-section-wrapper {
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ .where-text {
+ flex-direction: column;
+ }
+ .desktop {
+ display: none;
+ }
+
+ .mobile {
+ display: block;
+ font-size: 25px;
+ margin-bottom: 25px;
+ }
+}
+
+/* Reviews section */
+
+.reviews-section {
+ width: 65%;
+ margin: 0 auto;
+ margin-top: 45px;
+ margin-bottom: 45px;
+}
+.h2-reviews {
+ text-align: center;
+ padding-bottom: 20px;
+}
+.reviews-text {
+ width: 332px;
+ height: 159px;
+ text-align: center;
+ margin: auto;
+}
+
+.reviews-card-wrapper {
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+ gap: 300px;
+}
+
+.reviews-card {
+ width: 378.49px;
+ height: 346px;
+ text-align: center;
+}
+
+.reviews-card-1 {
+ width: 378.49px;
+ height: 346px;
+ text-align: center;
+}
+
+.reviews-card img {
+ width: 122.13px;
+ height: 111px;
+ border-radius: 50%;
+}
+
+.reviews-card-1 img {
+ width: 122.13px;
+ height: 111px;
+ border-radius: 50%;
+}
+
+.reviews-card-text {
+ margin-top: 20px;
+}
+
+.reviews-name {
+ font-weight: 700;
+ padding-top: 50px;
+ height: 19px;
+ align-items: center;
+}
+
+@media (max-width: 768px) {
+ .reviews-section {
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ .reviews-card-wrapper {
+ flex-direction: column;
+ width: 90%;
+ margin: 0 auto;
+ gap: 95px;
+ }
+ .reviews-card {
+ width: 324px;
+ }
+
+ .reviews-card-1 {
+ width: 324px;
+ }
+
+ .reviews-text {
+ width: 263px;
+ }
+
+ .h2-reviews {
+ padding-top: 40px;
+ }
+
+ .reviews-name {
+ padding-bottom: 40px;
+ }
+}
+
+/* Photo gallery */
+.photo-gallery {
+ /* display: flex; */
+ /* flex-wrap: wrap; */
+}
+.photo-gallery-wrapper {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.picture-img {
+ width: 100%;
+ height: auto;
+ display: block;
+ object-fit: cover;
+ max-width: 50%;
+}
+
+@media (max-width: 768px) {
+ .photo-gallery-wrapper {
+ flex-direction: column;
+ margin-top: 100px;
+ }
+ .picture-img {
+ max-width: 100%;
+ height: 260px;
+ }
+}
+
+/* Footer */
+.footer-wrapper {
+ background-color: var(--background-three);
+ padding: 45px;
+}
+
+.footer-text {
+ text-align: center;
+}
+.footer-contact {
+ color: var(--link-two);
+ text-decoration: underline;
+ font-weight: 700;
+}
+.footer-text-p {
+ padding-top: 20px;
+ text-align: center;
+ color: var(--word-white);
+ font-weight: 700;
+}
+
+@media (max-width: 768px) {
+ .footer-contact {
+ font-size: 12px;
+ }
+ .footer-text-p {
+ font-size: 10px;
+ }
+}
diff --git a/index/project/YourTravelAssistant/cestovatel.html b/index/project/YourTravelAssistant/cestovatel.html
new file mode 100644
index 0000000..c1adf0b
--- /dev/null
+++ b/index/project/YourTravelAssistant/cestovatel.html
@@ -0,0 +1,217 @@
+
+
+
+
+
+
+
+