Přidáno tlačítko sdílet

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>

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);
+            });
+    }
+});

assets/style.css

@@ -242,4 +242,6 @@ footer {
     background-color: transparent;
 }
 
-
+color {
+    color:#c5a3e8
+}