<?php
/**
 * The header: navigation bar mirroring the original site.
 */
$hl_biz = hogelandlinux_business();
?><!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="author" content="<?php echo esc_attr( $hl_biz['name'] ); ?>">
	<meta name="robots" content="index, follow">
	<meta name="language" content="nl">
	<meta name="theme-color" content="#059669">
	<meta name="msapplication-TileColor" content="#059669">
	<link rel="icon" type="image/x-icon" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/favicon.ico' ); ?>">
	<link rel="icon" type="image/png" sizes="32x32" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/favicon-32x32.png' ); ?>">
	<link rel="icon" type="image/png" sizes="16x16" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/favicon-16x16.png' ); ?>">
	<link rel="apple-touch-icon" sizes="180x180" href="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/apple-touch-icon.png' ); ?>">
	<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<header>
	<nav class="navbar">
		<div class="nav-container">
			<div class="nav-logo">
				<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
					<img src="<?php echo esc_url( HOGELANDLINUX_URL . '/assets/images/Tux.svg' ); ?>" alt="Tux the Linux Penguin" class="tux-icon">
					<h1><?php bloginfo( 'name' ); ?></h1>
				</a>
			</div>
			<?php hogelandlinux_nav( 'primary' ); ?>
			<button class="mobile-menu-toggle" aria-label="Menu">
				<span>&#9776;</span>
			</button>
			<div class="mobile-menu" id="mobile-menu">
				<?php hogelandlinux_nav_mobile(); ?>
			</div>
		</div>
	</nav>
</header>
