From 35323e5fa7795f747b597d9456a29b0180785a81 Mon Sep 17 00:00:00 2001
From: kankys <lukas.kanka@lukan.cz>
Date: Thu, 21 Nov 2024 19:08:52 +0100
Subject: [PATCH] =?UTF-8?q?P=C5=99id=C3=A1no=20tla=C4=8D=C3=ADtko=20sd?=
 =?UTF-8?q?=C3=ADlet?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/header.php | 25 ++++++++++++++++++++++++-
 assets/script.js  | 25 ++++++++++++++++++++++++-
 assets/style.css  |  4 +++-
 3 files changed, 51 insertions(+), 3 deletions(-)

diff --git a/assets/header.php b/assets/header.php
index 87aefdb..848ddc0 100644
--- a/assets/header.php
+++ b/assets/header.php
@@ -61,9 +61,10 @@
 							>Odkazy</a
 						>
 					</li>
+					<li>			<button id="shareButton">Sdílet</button>
+					</li>
 				</ul>
 			</nav>
-
 			<div class="menu-icon">
 				<!-- Ikona hamburger -->
 				<i class="fa-solid fa-bars"></i>
@@ -73,3 +74,25 @@
 <!-- Unami -->
 <script defer src="https://analytics.oscloud.cz/script.js" data-website-id="2ccb6c76-451a-44e2-bae5-7b8b3cab0fd4"></script>
 </header>
+<style>
+        /* Styl pro tlačítko */
+        #shareButton {
+            background-color: #c5a3e8; /* Zelená barva pozadí */
+            color: #734f96; /*  barva textu */
+            border: none; /* Bez okrajů */
+            padding: 15px 32px; /* Vnitřní odsazení */
+            text-align: center; /* Vycentrování textu */
+            text-decoration: none; /* Bez podtržení */
+            display: inline-block; /* Inline-block zobrazení */
+            /* font-size: 16px; /* Velikost písma */ */
+            margin: 4px 2px; /* Vnější odsazení */
+            cursor: pointer; /* Kurzor ukazuje, že je to tlačítko */
+            border-radius: 12px; /* Zaoblené rohy */
+            transition: background-color 0.3s ease; /* Plynulá změna barvy pozadí */
+        }
+
+        /* Styl pro tlačítko při najetí myší */
+        #shareButton:hover {
+            background-color: #45a049; /* Tmavší odstín zelené při najetí myší */
+        }
+    </style>
diff --git a/assets/script.js b/assets/script.js
index 48c32ad..1748f5e 100644
--- a/assets/script.js
+++ b/assets/script.js
@@ -33,5 +33,28 @@ function scrollToTop() {
     document.body.scrollTop = 0; // Pro Safari
     document.documentElement.scrollTop = 0; // Pro ostatní prohlížeče
 }
-// Code-box
 
+
+// Tlačítko sdílet
+document.getElementById('shareButton').addEventListener('click', function() {
+    if (navigator.share) {
+        navigator.share({
+            title: 'Sdílej tuto stránku',
+            text: 'Toto je text, který se zobrazí při sdílení.',
+            url: window.location.href
+        })
+        .then(() => console.log('Sdílení úspěšné'))
+        .catch((error) => console.log('Chyba při sdílení', error));
+    } else {
+        // Zkopírovat pouze adresu URL do schránky
+        const url = window.location.href;
+
+        navigator.clipboard.writeText(url)
+            .then(() => {
+                alert('Adresa URL byla zkopírována do schránky. Nyní ji můžete vložit a sdílet.');
+            })
+            .catch((error) => {
+                console.error('Chyba při kopírování do schránky:', error);
+            });
+    }
+});
\ No newline at end of file
diff --git a/assets/style.css b/assets/style.css
index 95e1550..d1abc94 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -242,4 +242,6 @@ footer {
     background-color: transparent;
 }
 
-
+color {
+    color:#c5a3e8
+}
\ No newline at end of file