new blog

2024-11-09 19:22:33 +01:00
parent d71da296b2
commit a2ea8e37b3
99 changed files with 5351 additions and 868 deletions
--- a/index/project/YourTravelAssistant/cestovatel.html
+++ b/index/project/YourTravelAssistant/cestovatel.html
--- a/index/project/YourTravelAssistant/images/james-wheeler-ZOA-cqKuJAA-unsplash(1).jpg
+++ b/index/project/YourTravelAssistant/images/james-wheeler-ZOA-cqKuJAA-unsplash(1).jpg
--- a/index/project/index.html
+++ b/index/project/index.html
@ -12,6 +12,7 @@
      type="image/x-icon"
      href="../../res/site/icons/favicon.ico"
    />
+    <link rel="shortcut icon" href="../../img/logo_arch_linux_167.png" />
    <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
    <script
      id="MathJax-script"
@ -28,16 +29,16 @@
      </h2>

      <a href="../../" class="btn">Home</a>
-      
+
    </header>

    <main id="content" class="main-content" role="main">
-      
-        
+
+

      <div class="flexbox-project">
        <!-- <div class="menu-project">
-          
+
        </div>
       -->

@ -55,7 +56,7 @@
                projekty, které tvořím mimo Akademii.</p>
            <p>
                Projekty které se netýkají tworby webu, najdete na mém GitHubu přes tento odkaz na <a
-                    href="https://git.archoslinux.cz/kankys">Gitea</a>.
+                    href="https://git.arch-linux.cz/kankys">Gitea</a>.
            </p>
            <p>
                U každého projektu najdete popis a odkaz na něj. Buď na Gitea nebo na stránky, kde je projekt umístěn.
@ -66,7 +67,7 @@
            <div class="pr1">
                <h2>Projekt 1: Tento Blog</h2>
                <p>
-                    Tento projekt je vytvořen mimo Akademii Engeto. Je to můj osobní blog, který postupně vylepšuji.
+                    Je to můj osobní blog, který postupně vylepšuji.
                    Tato stránka slouží čistě jako má prezentace.</p>
                <p>
                    Postupně jsem přidávám své znolosti z HTML, CSS a také se snažím aby web byl co nejlépe
@ -75,42 +76,25 @@
            </div>

            <div class="pr2">
-                <h2>Projekt 2: Životopis</h2>
-                <p>
-                    Tento projekt je jako první úkol v Akademii.</p>
-                <p>Zadání bylo vytvořit jednoduchý životpis na procvičení základů HTML a CSS. Později jsem ještě pomocí
-                    CSS nastavil v úkolu responsivní web pro mobilní zařízení.</p>
+                <h2>Projekt 2:  🇨🇿 Česká komunita EndeavourOS! 🇨🇿 </h2>
+                <p>Má vášeň pro linux mě přivedla k založení tohoto projektu.</p>
+                <p>EndeavourOS je Linuxová distribuce vycházející z Arch Linuxu.</p>
                </p>
-                <p>Projekt Životopis najdete <a target="_blank" href="zivotopis/zivotopis.html">zde.</a></p>
-            </div>
-            <div class="pr3">
-                <h2>Projekt 3: Karta produktu</h2>
-                <p>Karta produktu. Na tomto projektu jsme se naučily pozicování elementu a pojmy jako Margin a Padding.
-                </p>
-                <p>Projekt Karta produkdu najdete <a target="_blank" href="kartaProduktu/karta-produktu.html">zde</a></p>
+                <p>Projekt EndeavourOS CZ najdete <a target="_blank" href="https://endeavouros.cz/">zde.</a></p>
            </div>
+            <!-- <div class="pr3">
+                <h2>Projekt 3: Blog Lukan</h2>

-            <div class="pr4">
-                <h2>Projekt 4: Nature and Culture</h2>
-                <p>Tento projekt je zaměřen na responsivitu webu pro mobilní zařízení a také jsme použily porvé Flexbox.
-                </p>
-                <p>Projekt Nature and Culture najdete <a target="_blank" href="nature/nature-and-culture.html">zde</a></p>
+            </div> -->

-            </div>
-            <div class="pr5">
-                <h2>Projekt 5: Your Travel Assistant</h2>
-                <p>Tento projekt je vytvořen mimo Akademii Engeto. Jedná se o stránku pro cestovatele.</p>
-                <p>Zadání jsme měli jako na reálném projektu a grafické rozložení se dělalo dle Figmi. Tento projekt byl hodnocený a je jeden ze tří projektů k získání certifikátu v Akademii.</p>
-                <p>Projekt najdeš pod tímto <a target="_blank" href="YourTravelAssistant/cestovatel.html">odkazem</a>. Od finální verze co jsem odevzdal se mírně liší, ještě před odevzdáním jsem vychytával poslední mouchy.</p>
-            </div>
        </div>
    </div>

- 

-      <footer class="site-footer">
-        Copyright &copy; Lukáš Kaňka 2024
-      </footer>
+
+
    </main>
+    <footer>Copyright &copy; Lukáš Kaňka 2024</footer>
+
  </body>
 </html>
--- a/index/project/kartaProduktu/img/psi-hracka(1).png
+++ b/index/project/kartaProduktu/img/psi-hracka(1).png
--- a/index/project/kartaProduktu/img/psi-hracka.png
+++ b/index/project/kartaProduktu/img/psi-hracka.png
--- a/index/project/kartaProduktu/karta-produktu.html
+++ b/index/project/kartaProduktu/karta-produktu.html
--- a/index/project/kartaProduktu/style.karta.css
+++ b/index/project/kartaProduktu/style.karta.css
@ -1,147 +1,147 @@
-:root {
-  --special-yellow: hsl(56, 94%, 49%);
-  --special-yellow-2: rgb(231, 231, 149);
-  --special-red-original: red;
-  --special-red: #db090d;
-  --special-black: #040303;
-  --special-white: #f7f7f7;
-  --special-green: rgb(0, 128, 0);
-  --special-agua: rgb(8, 126, 126);
-  --special-pink: palevioletred;
-}
-.product-card {
-  position: relative;
-  width: 450px;
-  background-color: var(--special-white);
-  padding: 16px;
-  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
-  border: 6px solid var(--special-black);
-
-  /* responzivita */
-  width: calc(100% - 32px);
-  max-width: 800px;
-  margin: auto;
-}
-
-.whell {
-  position: absolute;
-}
-
-.product-only {
-  background-color: var(--special-yellow);
-  position: absolute;
-  border-radius: 50%;
-  width: 120px;
-  height: 80px;
-  left: 35px;
-  top: 60px;
-  text-align: center;
-  font-size: 25px;
-  color: var(--special-white);
-  font-weight: bold;
-  padding-top: 50px;
-}
-
-.discount-badge {
-  background-color: var(--special-red);
-  position: absolute;
-  border-radius: 50%;
-  width: 120px;
-  height: 80px;
-  left: 35px;
-  top: 160px;
-  text-align: center;
-  font-size: 25px;
-  color: var(--special-white);
-  font-weight: bold;
-  padding-top: 50px;
-}
-
-.product-image {
-  width: 95%;
-  height: 90%;
-}
-
-h1 {
-  color: var(--special-agua);
-}
-
-.button {
-  color: var(--special-red);
-  border-style: solid;
-  text-decoration: none;
-  padding-right: 6px;
-  padding-left: 6px;
-  border-radius: 6px;
-  background-color: var(--special-yellow-2);
-}
-.product-price-container {
-  padding: 8px;
-  background-color: var(--special-pink);
-  margin-bottom: 16px;
-  position: relative;
-  border-radius: 6px;
-  top: 15px;
-}
-
-.product-price {
-  font-weight: bold;
-  font-size: 40px;
-  display: inline-block;
-  padding: 8px;
-  background-color: var(--special-red-original);
-  border-radius: 6px;
-}
-
-.product-price-old {
-  font-size: 20px;
-  color: var(--special-white);
-  text-decoration: line-through;
-  width: 75px;
-  background-color: var(--special-yellow);
-  margin-top: 1px;
-  margin-bottom: 1px;
-  padding-left: 35px;
-  border-radius: 6px;
-  font-weight: bold;
-}
-
-.shopping-button {
-  color: var(--special-black);
-  font-weight: bold;
-  font-size: 30px;
-  text-decoration: none;
-  position: absolute;
-  top: 30px;
-  right: 30px;
-  border-radius: 6px;
-  background-color: var(--special-yellow-2);
-  padding-left: 5px;
-  padding-right: 5px;
-  border-style: solid;
-}
-
-.stock {
-  font-weight: bold;
-  color: var(--special-green);
-  font-size: 20px;
-  padding: 10px;
-}
-
-.transport {
-  padding-left: 135px;
-  font-size: 20px;
-  font-weight: bold;
-}
-
-.button-container {
-  margin-top: 10px;
-  /* margin-bottom: 15px; */
-}
-
-/* ˇMobily */
-@media screen and (max-width: 600px) {
-  body {
-    width: calc(100% - 16px);
-  }
-}
+:root {
+  --special-yellow: hsl(56, 94%, 49%);
+  --special-yellow-2: rgb(231, 231, 149);
+  --special-red-original: red;
+  --special-red: #db090d;
+  --special-black: #040303;
+  --special-white: #f7f7f7;
+  --special-green: rgb(0, 128, 0);
+  --special-agua: rgb(8, 126, 126);
+  --special-pink: palevioletred;
+}
+.product-card {
+  position: relative;
+  width: 450px;
+  background-color: var(--special-white);
+  padding: 16px;
+  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
+  border: 6px solid var(--special-black);
+
+  /* responzivita */
+  width: calc(100% - 32px);
+  max-width: 800px;
+  margin: auto;
+}
+
+.whell {
+  position: absolute;
+}
+
+.product-only {
+  background-color: var(--special-yellow);
+  position: absolute;
+  border-radius: 50%;
+  width: 120px;
+  height: 80px;
+  left: 35px;
+  top: 60px;
+  text-align: center;
+  font-size: 25px;
+  color: var(--special-white);
+  font-weight: bold;
+  padding-top: 50px;
+}
+
+.discount-badge {
+  background-color: var(--special-red);
+  position: absolute;
+  border-radius: 50%;
+  width: 120px;
+  height: 80px;
+  left: 35px;
+  top: 160px;
+  text-align: center;
+  font-size: 25px;
+  color: var(--special-white);
+  font-weight: bold;
+  padding-top: 50px;
+}
+
+.product-image {
+  width: 95%;
+  height: 90%;
+}
+
+h1 {
+  color: var(--special-agua);
+}
+
+.button {
+  color: var(--special-red);
+  border-style: solid;
+  text-decoration: none;
+  padding-right: 6px;
+  padding-left: 6px;
+  border-radius: 6px;
+  background-color: var(--special-yellow-2);
+}
+.product-price-container {
+  padding: 8px;
+  background-color: var(--special-pink);
+  margin-bottom: 16px;
+  position: relative;
+  border-radius: 6px;
+  top: 15px;
+}
+
+.product-price {
+  font-weight: bold;
+  font-size: 40px;
+  display: inline-block;
+  padding: 8px;
+  background-color: var(--special-red-original);
+  border-radius: 6px;
+}
+
+.product-price-old {
+  font-size: 20px;
+  color: var(--special-white);
+  text-decoration: line-through;
+  width: 75px;
+  background-color: var(--special-yellow);
+  margin-top: 1px;
+  margin-bottom: 1px;
+  padding-left: 35px;
+  border-radius: 6px;
+  font-weight: bold;
+}
+
+.shopping-button {
+  color: var(--special-black);
+  font-weight: bold;
+  font-size: 30px;
+  text-decoration: none;
+  position: absolute;
+  top: 30px;
+  right: 30px;
+  border-radius: 6px;
+  background-color: var(--special-yellow-2);
+  padding-left: 5px;
+  padding-right: 5px;
+  border-style: solid;
+}
+
+.stock {
+  font-weight: bold;
+  color: var(--special-green);
+  font-size: 20px;
+  padding: 10px;
+}
+
+.transport {
+  padding-left: 135px;
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.button-container {
+  margin-top: 10px;
+  /* margin-bottom: 15px; */
+}
+
+/* ˇMobily */
+@media screen and (max-width: 600px) {
+  body {
+    width: calc(100% - 16px);
+  }
+}
--- a/index/project/nature/images/photo-1540503831458-3237544b2ce5(1).avif
+++ b/index/project/nature/images/photo-1540503831458-3237544b2ce5(1).avif
--- a/index/project/nature/images/photo-1540503831458-3237544b2ce5.avif
+++ b/index/project/nature/images/photo-1540503831458-3237544b2ce5.avif
--- a/index/project/nature/nature-and-culture.html
+++ b/index/project/nature/nature-and-culture.html
--- a/index/project/zivotopis/zivotopis.html
+++ b/index/project/zivotopis/zivotopis.html
@ -78,14 +78,23 @@
            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
+            vzdělávám  v JavaScript, TypeScript, 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">Vývojář na platformě Smart</strong>
+            </li>
+            <li><strong>Kyndryl [ 15/05/2022 –  ]</strong></li>
+            <li>Město: Praha</li>
+            <li>Země: Česko</li>
+            <li>Vývojář na platformě Smart pro Českou spořitelnu.</li>
+            <li>Technologie:Jira, GitHub, TypeScript, Kibana.</li>
+          </ul>
          <ul class="dot">
            <li>
              <strong class="jobs">Tester softwaru</strong>