From d8c5b04a336e7cec5aefb8aa2fc028c15933e707 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Ka=C5=88ka?=
 <LukasKanka@users.noreply.github.com>
Date: Fri, 12 Jan 2024 20:40:15 +0100
Subject: [PATCH] page projekty

---
 index.html                             |  4 +-
 o-mne.html                             |  2 +-
 projekty.html                          | 86 ++++++++++++++++++++++++++
 styly.css                              | 35 ++++++++++-
 zivotopis.html                         |  2 +-
 zivotopis/{style1.css => style-cv.css} |  0
 6 files changed, 123 insertions(+), 6 deletions(-)
 create mode 100644 projekty.html
 rename zivotopis/{style1.css => style-cv.css} (100%)
diff --git a/index.html b/index.html
index 0012986..829962e 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 
   <meta name="description" content="Blog o všem možném i nemožném...." />
   <meta name="keywords" content="Hlavní strana" />
-  <meta name="author" content="Kankys" />
+  <meta name="author" content="Lukáš Kaňka" />
   <link rel="shortcut icon" href="obrazky/tux.png" />
   <link type="text/css" rel="stylesheet" href="styly.css" />
   <title>Redirect</title>
@@ -31,7 +31,7 @@
           <strong><a href="privaci-polici.html" class="tlacitko">Zásady ochrany osobních údaju</a></strong>
         </li>
         <li>
-          <strong><a href="test-page/test-page.html" class="tlacitko">Test Page</a></strong>
+          <strong><a href="projekty.html" class="tlacitko">Projekty</a></strong>
         </li>
       </ul>
       <h3>Kde všude mně najdete:</h3>
diff --git a/o-mne.html b/o-mne.html
index 6b4e1b6..dc3f490 100644
--- a/o-mne.html
+++ b/o-mne.html
@@ -171,7 +171,7 @@
       </div>
       <div>
         <ul class="dot">
-          <li><strong>Budu velmi vděčný za malý příspěvek na provoz webu:</strong></li>
+          <li><strong>Budu velmi vděčný za malý příspěvek na provoz mých projektů:</strong></li>
           <li>Přes paypal pomocí QR kódu: </li>
           <li><img src="obrazky/qrcode-paypal.png" width="130" alt="Paypal qrcode" /></li>
           <li>Pár satoshi nebo jiné krypto měny(po dohodě)</li>
diff --git a/projekty.html b/projekty.html
new file mode 100644
index 0000000..d676277
--- /dev/null
+++ b/projekty.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html lang="cs">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="description" content="Projekty na blogu Lukáše Kaňky" />
+    <meta name="keywords" content="Projekty, Front-End" />
+    <meta name="author" content="Lukáš Kaňka" />
+    <link rel="shortcut icon" href="obrazky/tux.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link type='text/css' rel='stylesheet' href='styly.css'>
+    <title>Mé projekty</title>
+</head>
+
+<body>
+
+
+
+    <div class="flexbox-project">
+        <h1 class="h1pr">Mé projekty</h1>
+        <hr />
+        <div class="menu-project">
+            <center>
+                <ul class="dot" class="dot.pr">
+                    <li>
+                        <a href="index.html">Domů</a>
+                    </li>
+                    <!-- <li>
+                        <a class="button" href="podpora.html">Podpora</a>
+                    </li>
+                    <li>
+                        <a class="button" href="mapa-webu.html">Mapa webu</a>
+                    </li> -->
+                    <li>
+                        <a href="privaci-polici.html">Zásady o ochraně osobních dat</a>
+                    </li>
+                </ul>
+            </center>
+        </div>
+        <hr />
+
+
+
+        <div class="content-pr">
+            <h2>
+                Vítám tě na této stránce, která slouží jako mapa pro mé projekty.
+            </h2>
+            <p>
+                Zde najtete projekty věnující se k tvorbě webu a hlavně mou cestu Akademií Engeto.
+            </p>
+            <p>
+                Všechny projekty jsou vytvořeny v HTML, CSS a strochou JavaScriptu. Ale určitě jsem přidám i další
+                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://github.com/LukasKanka>">GitHub</a>.
+            </p>
+            <p>
+                U každého projektu najdete popis a odkaz na něj. Buď na GitHub nebo na stránky, kde je projekt umístěn.
+            </p>
+        </div>
+
+        <div class="project">
+            <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.
+                    Tato stránka slouží čistě jako má prezentace.</p>
+                <p>
+                    Postupně jsem přidávám své znolosti z Flexboxu, CSS a také se snažím aby web byl co nejlépe
+                    responzivní. Tento projekt je nekončicí koloběh.
+                </p>
+                <p>
+                    Odkaz na hlavní stranu je <a href="https://lukaskanka.cz">Lukáš Bloguje</a>
+                </p>
+                </p>
+                <p>
+                    <!-- <a href=" -->
+            </div>
+        </div>
+    </div>
+
+    <footer>Copyright &copy; Lukáš Kaňka 2023</footer>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/styly.css b/styly.css
index 4fba6db..b499b15 100644
--- a/styly.css
+++ b/styly.css
@@ -14,8 +14,6 @@ footer {
   max-width: auto;
   margin: auto;
 }
-@media screen and (max-width: 600px) {
-}
 
 .menu,
 .panel {
@@ -96,3 +94,36 @@ a.tlacitko:hover {
     order: 1;
   }
 }
+
+/* web s projekty */
+.flexbox-project {
+  flex-direction: column;
+}
+.h1pr {
+  text-align: center;
+}
+
+@media screen and (max-width: 600px) {
+  .flexbox-projekt {
+    width: calc(100% - 16px);
+    flex-direction: column;
+    display: flex;
+  }
+  .h1pr {
+    text-align: center;
+  }
+  /* .dot.pr {
+    text-align: center;
+    color: red;
+  } */
+  .content-pr {
+    /* display: flex; */
+    text-align: center;
+    padding: auto;
+  }
+  .project {
+    /* display: flex; */
+    text-align: center;
+    padding: auto;
+  }
+}
diff --git a/zivotopis.html b/zivotopis.html
index daf42bc..3ecfae5 100644
--- a/zivotopis.html
+++ b/zivotopis.html
@@ -9,7 +9,7 @@
   <meta name="description" content="CV Lukáše Kaňky" />
   <meta name="keywords" content="Hlavní strana" />
   <meta name="author" content="Lukáš Kaňka" />
-  <link rel="stylesheet" href="/zivotopis/style1.css" />
+  <link rel="stylesheet" href="/zivotopis/style-cv.css" />
   <title>Životopis</title>
 </head>
 
diff --git a/zivotopis/style1.css b/zivotopis/style-cv.css
similarity index 100%
rename from zivotopis/style1.css
rename to zivotopis/style-cv.css
