WowPress-Tailwind/theme/template-parts/layout/header-content.php

<?php

/**
 * Template part for displaying the header content
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package WowPress
 */

use WoWPress\Frontend\Icon;
use WoWPress\Frontend\NavWalker;

?>

<header id="masthead" class="bg-glass">


	<div class="flex flex-row justify-center items-center">
		<div class="hidden lg:block" style="width:100px;fill:var(--color-alliance);transform:rotate(-20deg)">
			<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
			<svg width="100%" height="auto" version="1.1" viewBox="0 0 14.588 10.579" xml:space="preserve" id="svg8" sodipodi:docname="crest_nk.svg" inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
				<defs id="defs12"></defs>
				<sodipodi:namedview id="namedview10" pagecolor="#ffffff" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="256" inkscape:cx="7.125" inkscape:cy="10.09375" inkscape:window-width="1920" inkscape:window-height="1010" inkscape:window-x="1920" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg8"></sodipodi:namedview>
				<g transform="translate(-132.72 -104.88)" id="g6">
					<g transform="translate(2.7435 .50256)" id="g4">
						<path d="m 137.58,114.94 c -0.24175,0.005 -0.2399,0.0164 -0.57494,-0.024 -0.095,0 -0.3207,-0.0755 -0.50158,-0.16778 -0.29236,-0.14915 -0.34041,-0.21933 -0.43278,-0.63207 -0.18035,-0.40264 -0.25966,-0.74575 -0.50437,-1.0989 -0.4827,-0.68907 -0.7176,-1.2081 -0.88273,-1.9503 -0.096,-0.43128 -0.18132,-0.63828 -0.26323,-0.63828 -0.0861,0 -0.12134,0.10422 -0.12162,0.35983 -2.5e-4,0.19791 -0.0254,0.79452 -0.056,1.3258 -0.13782,1.0127 0.70368,1.8487 0.0819,2.6958 -0.26389,0.19589 -0.55953,0.12253 -0.89346,-0.2217 -0.25057,-0.25831 -0.32812,-0.41461 -0.36754,-0.74076 -0.0916,-0.75814 -0.28349,-1.1985 -0.47154,-1.0823 -0.0352,0.0218 -0.0411,0.28597 -0.013,0.58708 0.0372,0.3986 0.0234,0.54747 -0.0508,0.54747 -0.056,0 -0.0825,-0.0314 -0.0588,-0.0697 0.0237,-0.0383 -0.0868,-0.28536 -0.2456,-0.54893 -0.21521,-0.35726 -0.24743,-0.45346 -0.1266,-0.378 0.0891,0.0557 0.18506,0.0782 0.21315,0.0501 0.0647,-0.0647 -0.45447,-0.91618 -0.55863,-0.91618 -0.0426,0 -0.0699,-0.0286 -0.0606,-0.0635 0.0301,-0.11375 -0.11198,-0.44798 -0.17406,-0.40961 -0.0332,0.0205 -0.0683,-0.0265 -0.0779,-0.1046 -0.01,-0.0781 -0.0411,-0.30685 -0.07,-0.50838 -0.0461,-0.32144 -0.0242,-0.396 0.17816,-0.60724 0.18997,-0.19829 0.22499,-0.30084 0.1983,-0.58075 -0.0178,-0.18696 -0.0146,-0.32208 0.007,-0.30027 0.0218,0.0218 0.0879,-0.0473 0.1469,-0.15349 0.0992,-0.17861 0.10746,-0.16382 0.11023,0.19638 0.003,0.43556 0.13606,0.90248 0.30918,1.0878 0.0995,0.10652 0.15039,0.0962 0.38603,-0.078 0.25495,-0.18849 0.27688,-0.19153 0.36111,-0.05 0.20561,0.34542 0.40639,0.55564 0.53067,0.55564 0.10816,0 0.12281,-0.0696 0.0801,-0.381 -0.0313,-0.22809 -0.0189,-0.381 0.0308,-0.381 0.0848,0 0.12232,0.23055 0.093,0.5715 -0.0221,0.25758 0.22504,0.25149 0.32369,-0.008 0.0415,-0.10916 0.0497,-0.58202 0.0182,-1.0508 -0.0315,-0.46878 -0.0312,-0.8362 6.7e-4,-0.81649 0.0319,0.0197 0.0755,-0.0313 0.0969,-0.11338 0.0214,-0.0821 0.0433,-0.0281 0.0487,0.11982 0.007,0.17831 0.0812,0.32516 0.22149,0.43552 0.11642,0.0916 0.21167,0.22178 0.21167,0.28935 0,0.0676 0.0753,0.19105 0.16744,0.2744 0.16351,0.14797 0.17139,0.14235 0.33456,-0.23831 0.19241,-0.4488 0.81018,-1.157 1.0093,-1.157 0.10483,0 0.0956,0.0276 -0.0411,0.12338 -0.3302,0.23129 -0.45388,1.2003 -0.22825,1.7883 0.0236,0.0616 0.32538,0.30362 0.67053,0.53779 l 0.62753,0.42578 0.62911,-0.42684 c 0.5934,-0.40262 0.63424,-0.4508 0.71966,-0.84912 0.20018,-0.67265 -0.15478,-1.064 -0.25123,-1.4759 -0.062,-0.0748 -0.068,-0.12329 -0.0151,-0.12329 0.16649,0 0.86347,0.86465 0.96196,1.1934 0.0545,0.18183 0.12522,0.3306 0.1572,0.3306 0.10378,0 0.33838,-0.30604 0.33838,-0.44143 0,-0.0725 0.0952,-0.19417 0.21167,-0.27045 0.15059,-0.0987 0.21322,-0.21752 0.21703,-0.41191 0.005,-0.2691 0.007,-0.27003 0.0927,-0.0615 0.048,0.11641 0.0712,0.53551 0.0515,0.93133 -0.0494,0.99243 -0.004,1.1391 0.36217,1.1586 0.28596,0.0153 0.53866,-0.17288 0.75937,-0.56545 0.0597,-0.10621 0.10662,-0.0931 0.29283,0.0818 0.17093,0.16058 0.25351,0.18826 0.36044,0.1208 0.19326,-0.1219 0.34705,-0.59079 0.35824,-1.0922 0.009,-0.41085 0.013,-0.4171 0.13044,-0.21167 0.0666,0.11642 0.12235,0.3479 0.124,0.51441 0.002,0.21282 0.0674,0.36324 0.21985,0.50646 0.18013,0.16923 0.21298,0.26851 0.194,0.58626 -0.0126,0.21039 -0.0545,0.42064 -0.0931,0.4672 -0.16632,0.20054 -0.82308,1.3641 -0.82436,1.4605 -0.002,0.1439 0.12438,0.13332 0.25259,-0.0212 0.058,-0.0699 0.14176,-0.127 0.18621,-0.127 0.0444,0 -0.0364,0.11723 -0.1797,0.26051 -0.23741,0.23741 -0.27514,0.30754 -0.25328,0.47085 0.004,0.0297 -0.0279,0.0773 -0.0707,0.10584 -0.0429,0.0285 -0.12476,0.128 -0.18196,0.22113 -0.0858,0.13973 -0.0954,0.0607 -0.055,-0.45199 0.0378,-0.47939 0.0246,-0.61372 -0.0581,-0.58805 -0.17577,0.0546 -0.39994,0.59756 -0.44862,1.0867 -0.0391,0.3933 -0.0923,0.50253 -0.37792,0.777 -0.22936,0.22039 -0.40889,0.31937 -0.57928,0.31937 -0.49855,0 -0.60772,-0.42809 -0.35088,-1.376 0.16235,-0.59916 0.18074,-0.81252 0.12958,-1.5026 -0.0328,-0.44238 -0.0548,-0.98531 -0.0488,-1.2065 0.0194,-0.72061 -0.31941,-0.43641 -0.37853,0.3175 -0.0153,0.19509 -0.0652,0.33177 -0.35535,0.97367 -0.11578,0.25612 -0.2679,0.52994 -0.33804,0.6085
					</g>
				</g>
			</svg>
		</div>
		<a href="/" class="logo w-[350px] h-[150px] max-w-[90vw]">
			
		</a>
		<div class="hidden lg:block" style="width:100px;fill:var(--color-alliance);transform:rotate(20deg)">
			<!--?xml version="1.0" encoding="UTF-8" standalone="no"?-->
			<svg width="100%" height="auto" version="1.1" viewBox="0 0 14.588 10.579" xml:space="preserve" id="svg8" sodipodi:docname="crest_nk.svg" inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
				<defs id="defs12"></defs>
				<sodipodi:namedview id="namedview10" pagecolor="#ffffff" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="0" inkscape:deskcolor="#d1d1d1" showgrid="false" inkscape:zoom="256" inkscape:cx="7.125" inkscape:cy="10.09375" inkscape:window-width="1920" inkscape:window-height="1010" inkscape:window-x="1920" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="svg8"></sodipodi:namedview>
				<g transform="translate(-132.72 -104.88)" id="g6">
					<g transform="translate(2.7435 .50256)" id="g4">
						<path d="m 137.58,114.94 c -0.24175,0.005 -0.2399,0.0164 -0.57494,-0.024 -0.095,0 -0.3207,-0.0755 -0.50158,-0.16778 -0.29236,-0.14915 -0.34041,-0.21933 -0.43278,-0.63207 -0.18035,-0.40264 -0.25966,-0.74575 -0.50437,-1.0989 -0.4827,-0.68907 -0.7176,-1.2081 -0.88273,-1.9503 -0.096,-0.43128 -0.18132,-0.63828 -0.26323,-0.63828 -0.0861,0 -0.12134,0.10422 -0.12162,0.35983 -2.5e-4,0.19791 -0.0254,0.79452 -0.056,1.3258 -0.13782,1.0127 0.70368,1.8487 0.0819,2.6958 -0.26389,0.19589 -0.55953,0.12253 -0.89346,-0.2217 -0.25057,-0.25831 -0.32812,-0.41461 -0.36754,-0.74076 -0.0916,-0.75814 -0.28349,-1.1985 -0.47154,-1.0823 -0.0352,0.0218 -0.0411,0.28597 -0.013,0.58708 0.0372,0.3986 0.0234,0.54747 -0.0508,0.54747 -0.056,0 -0.0825,-0.0314 -0.0588,-0.0697 0.0237,-0.0383 -0.0868,-0.28536 -0.2456,-0.54893 -0.21521,-0.35726 -0.24743,-0.45346 -0.1266,-0.378 0.0891,0.0557 0.18506,0.0782 0.21315,0.0501 0.0647,-0.0647 -0.45447,-0.91618 -0.55863,-0.91618 -0.0426,0 -0.0699,-0.0286 -0.0606,-0.0635 0.0301,-0.11375 -0.11198,-0.44798 -0.17406,-0.40961 -0.0332,0.0205 -0.0683,-0.0265 -0.0779,-0.1046 -0.01,-0.0781 -0.0411,-0.30685 -0.07,-0.50838 -0.0461,-0.32144 -0.0242,-0.396 0.17816,-0.60724 0.18997,-0.19829 0.22499,-0.30084 0.1983,-0.58075 -0.0178,-0.18696 -0.0146,-0.32208 0.007,-0.30027 0.0218,0.0218 0.0879,-0.0473 0.1469,-0.15349 0.0992,-0.17861 0.10746,-0.16382 0.11023,0.19638 0.003,0.43556 0.13606,0.90248 0.30918,1.0878 0.0995,0.10652 0.15039,0.0962 0.38603,-0.078 0.25495,-0.18849 0.27688,-0.19153 0.36111,-0.05 0.20561,0.34542 0.40639,0.55564 0.53067,0.55564 0.10816,0 0.12281,-0.0696 0.0801,-0.381 -0.0313,-0.22809 -0.0189,-0.381 0.0308,-0.381 0.0848,0 0.12232,0.23055 0.093,0.5715 -0.0221,0.25758 0.22504,0.25149 0.32369,-0.008 0.0415,-0.10916 0.0497,-0.58202 0.0182,-1.0508 -0.0315,-0.46878 -0.0312,-0.8362 6.7e-4,-0.81649 0.0319,0.0197 0.0755,-0.0313 0.0969,-0.11338 0.0214,-0.0821 0.0433,-0.0281 0.0487,0.11982 0.007,0.17831 0.0812,0.32516 0.22149,0.43552 0.11642,0.0916 0.21167,0.22178 0.21167,0.28935 0,0.0676 0.0753,0.19105 0.16744,0.2744 0.16351,0.14797 0.17139,0.14235 0.33456,-0.23831 0.19241,-0.4488 0.81018,-1.157 1.0093,-1.157 0.10483,0 0.0956,0.0276 -0.0411,0.12338 -0.3302,0.23129 -0.45388,1.2003 -0.22825,1.7883 0.0236,0.0616 0.32538,0.30362 0.67053,0.53779 l 0.62753,0.42578 0.62911,-0.42684 c 0.5934,-0.40262 0.63424,-0.4508 0.71966,-0.84912 0.20018,-0.67265 -0.15478,-1.064 -0.25123,-1.4759 -0.062,-0.0748 -0.068,-0.12329 -0.0151,-0.12329 0.16649,0 0.86347,0.86465 0.96196,1.1934 0.0545,0.18183 0.12522,0.3306 0.1572,0.3306 0.10378,0 0.33838,-0.30604 0.33838,-0.44143 0,-0.0725 0.0952,-0.19417 0.21167,-0.27045 0.15059,-0.0987 0.21322,-0.21752 0.21703,-0.41191 0.005,-0.2691 0.007,-0.27003 0.0927,-0.0615 0.048,0.11641 0.0712,0.53551 0.0515,0.93133 -0.0494,0.99243 -0.004,1.1391 0.36217,1.1586 0.28596,0.0153 0.53866,-0.17288 0.75937,-0.56545 0.0597,-0.10621 0.10662,-0.0931 0.29283,0.0818 0.17093,0.16058 0.25351,0.18826 0.36044,0.1208 0.19326,-0.1219 0.34705,-0.59079 0.35824,-1.0922 0.009,-0.41085 0.013,-0.4171 0.13044,-0.21167 0.0666,0.11642 0.12235,0.3479 0.124,0.51441 0.002,0.21282 0.0674,0.36324 0.21985,0.50646 0.18013,0.16923 0.21298,0.26851 0.194,0.58626 -0.0126,0.21039 -0.0545,0.42064 -0.0931,0.4672 -0.16632,0.20054 -0.82308,1.3641 -0.82436,1.4605 -0.002,0.1439 0.12438,0.13332 0.25259,-0.0212 0.058,-0.0699 0.14176,-0.127 0.18621,-0.127 0.0444,0 -0.0364,0.11723 -0.1797,0.26051 -0.23741,0.23741 -0.27514,0.30754 -0.25328,0.47085 0.004,0.0297 -0.0279,0.0773 -0.0707,0.10584 -0.0429,0.0285 -0.12476,0.128 -0.18196,0.22113 -0.0858,0.13973 -0.0954,0.0607 -0.055,-0.45199 0.0378,-0.47939 0.0246,-0.61372 -0.0581,-0.58805 -0.17577,0.0546 -0.39994,0.59756 -0.44862,1.0867 -0.0391,0.3933 -0.0923,0.50253 -0.37792,0.777 -0.22936,0.22039 -0.40889,0.31937 -0.57928,0.31937 -0.49855,0 -0.60772,-0.42809 -0.35088,-1.376 0.16235,-0.59916 0.18074,-0.81252 0.12958,-1.5026 -0.0328,-0.44238 -0.0548,-0.98531 -0.0488,-1.2065 0.0194,-0.72061 -0.31941,-0.43641 -0.37853,0.3175 -0.0153,0.19509 -0.0652,0.33177 -0.35535,0.97367 -0.11578,0.25612 -0.2679,0.52994 -0.33804,0.6085
					</g>
				</g>
			</svg>
		</div>
	</div>
	<div x-data="{ open: false }" class="flex flex-col max-w-screen-xl px-4 py-2 mx-auto xl:items-center xl:justify-center xl:flex-row xl:px-8">
		<div class="py-2 xl:hidden flex flex-row items-center justify-center" style="--btn-color : white">
			<button class="btn btn-outline w-full" @click="open = !open">
				Menü
				<div x-show="!open">
					<?= Icon::get('o-bars-3') ?>
				</div>
				<div x-show="open">
					<?= Icon::get('o-x-mark') ?>

				</div>
			</button>
		</div>
		<nav id="site-navigation" :class="{'flex': open, 'hidden': !open}" class="flex-col flex-grow pb-4 md:pb-0 hidden xl:flex xl:justify-center xl:flex-row gap-2">

			<?php


			wp_nav_menu(
				array(
					'theme_location' => 'menu-1',
					'container' => false,
					'menu_id'        => 'primary-menu',
					'items_wrap'     => '%3$s',
					'walker' => new NavWalker(),
				)
			);

			?>

		</nav><!-- #site-navigation -->

	</div>







</header><!-- #masthead -->