misi-theme/header.php at main · juve33/misi-theme · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<!--
<?php
	$theme = wp_get_theme();
	if ( $theme ) {
		echo $theme->get( 'Name' ) . ' Theme Version ' . $theme->get( 'Version' );
	}
?>
-->
<!--
	WordPress Theme made by Julian Velling
-->
<html <?php language_attributes(); ?>>
<?php

	$custom_logo_id = get_theme_mod( 'custom_logo' );
	$logo = wp_get_attachment_image_src( $custom_logo_id );
	if ( $logo ) {
		$icon = get_site_icon_url( 100, $logo[0] );
	}
	else {
		$icon = $logo;
	}

	$darkmode_logo_id = get_theme_mod( 'darkmode_logo' );
	$darkmode_logo = wp_get_attachment_image_src( $darkmode_logo_id );
	if ( $darkmode_logo ) {
		$darkmode_icon = $darkmode_logo[0];
	}
	else {
		$darkmode_icon = $icon;
	}

?>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link id="favicon" rel="shortcut icon" href="<?php echo $icon ?>" />
	<link id="favicon" rel="icon" href="<?php echo $icon ?>" />

	<script id="misitheme-favicon-js" type="text/javascript">
		document.addEventListener('DOMContentLoaded', () => {
			const favicon = document.getElementById('favicon');
			const logo = document.getElementById('logo');
			const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)');

			function updateFavicon() {
				if (darkModeMediaQuery.matches) {
					favicon.href = "<?php echo $darkmode_icon; ?>";
					logo.src = "<?php echo $darkmode_icon; ?>";
				} else {
					favicon.href = "<?php echo $icon; ?>";
					logo.src = "<?php echo $icon; ?>";
				}
			}

			updateFavicon();

			darkModeMediaQuery.addEventListener('change', updateFavicon);
		});
	</script>

	<?php
		wp_head();
	?>

</head>

<body <?php body_class(); ?>>

	<?php
		wp_body_open();
	?>

	<nav class="main-nav">
		<div class="nav-wrapper">
			<a href="/" class="logo">
				<img src=
					"<?php
						if ( $logo ) {
							echo $logo[0];
						}
					?>"
				alt="Logo"
				id="logo" />
			</a>

			<?php

				wp_nav_menu(
					array(
						'menu' => 'primary',
						'container' => '',
						'theme_location' => 'primary',
						'items_wrap' => '<ul class="navigation">%3$s</ul>',
						'fallback_cb' => 'misitheme_empty_navigation',
						'depth' => 2
					)
				);

			?>
			<div class="perspective"></div>
			<div class="page-title">
				<?php

					if (get_the_title()) {
						echo get_the_title();
					}
					else
					{
						echo 'Error 404';
					}

				?>
			</div>
		</div>
	</nav>

	<main>