<header>
		<!-- EOS - logo () -->
    <div class="logo">
        <a href="index.php">
            <img alt="" src="img/EndeavourOS-logo.webp"/>
        </a>
    </div>
			<!-- EOS - navigation -->
			<nav>
				<ul>
								<li><a href="index.php">Domů</a></li>
								<li><a href="search.php">Vyhledávání</a></li>

					<li>
						<a href="novinky.php"
							>Novinky</a
						>
					</li>
					<li>
						<a href="wiki.php"
							>Wiki</a
						>
					</li>
					
					<li>
						<a href="clanky.php"
							>Články</a
						>
					</li>
					<li>
						<a href="z-internetu.php"
							>Z internetu</a
						>
					</li>
					<li>
						<a
							href="https://forum.arch-linux.cz/"
							target="_blank"
							>Fórum</a
						>
					</li>
					<li>
						<a href="o-nas.php"
							>O nás</a
						>
					</li>
					<li>
						<a href="rozcestnik.php"
							>Rozcestník</a
						>
					</li>
					<li>
						<a href="odkazy.php"
							>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>
				<!-- Ikona cross -->
				<!-- <i class="fa-solid fa-xmark"></i> -->
			</div>
<!-- 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>
