-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathheader.php
More file actions
123 lines (87 loc) · 5.57 KB
/
header.php
File metadata and controls
123 lines (87 loc) · 5.57 KB
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
121
122
123
<!doctype html>
<!--[if lt IE 7]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--> <html <?php html_schema(); ?> <?php language_attributes(); ?> class="no-js"><!--<![endif]-->
<head>
<meta charset="utf-8">
<?php // force Internet Explorer to use the latest rendering engine available ?>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php // mobile meta (hooray!) ?>
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name=viewport content="width=device-width, initial-scale=1">
<?php // https://sympli.io/blog/2017/02/15/heres-everything-you-need-to-know-about-favicons-in-2017/ ?>
<link rel="apple-touch-icon" href="older-iPhone.png"> <?php // 120px ?>
<link rel="apple-touch-icon" sizes="180x180" href="iPhone-6-Plus.png">
<link rel="apple-touch-icon" sizes="152x152" href="iPad-Retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="iPad-Pro.png">
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,400|Muli:400,400i,700" rel="stylesheet">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/library/css/aos.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/library/css/menu-fx.css">
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/aos.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/fontawesome.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/packs/brands.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/packs/light.js"></script>
<script type="text/javascript" src="<?php echo get_template_directory_uri(); ?>/library/js/packs/regular.js"></script>
<?php // favicons (for more: http://www.jonathantneal.com/blog/understand-the-favicon/) ?>
<link rel="icon" href="<?php echo get_theme_file_uri(); ?>/favicon.png">
<!--[if IE]>
<link rel="shortcut icon" href="<?php echo get_theme_file_uri(); ?>/favicon.ico">
<![endif]-->
<?php // or, set /favicon.ico for IE10 win ?>
<meta name="msapplication-TileColor" content="#f01d4f">
<meta name="msapplication-TileImage" content="<?php echo get_theme_file_uri(); ?>/library/images/win8-tile-icon.png">
<meta name="theme-color" content="#121212">
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
<?php // put font scripts like Typekit here ?>
<?php // end fonts ?>
<?php // wordpress head functions ?>
<?php wp_head(); ?>
<?php // end of wordpress head ?>
<?php // drop Google Analytics Here ?>
<?php // end analytics ?>
</head>
<body <?php body_class(); ?> itemscope itemtype="http://schema.org/WebPage">
<div id="container">
<?php // Customizer Header Image section. Uncomment to use. ?>
<!-- <?php if( get_header_image() != "" ) {
if ( is_front_page() ) { ?>
<div id="banner">
<img class="header-image" src="<?php header_image(); ?>" alt="Header graphic" />
</div>
<?php }
} ?> -->
<header class="header" role="banner" itemscope itemtype="http://schema.org/WPHeader">
<div id="inner-header" class="cf">
<!-- <?php // You can use text or a logo (or both) in your header. Uncomment the below to use text. ?>
<div id="site-title" class="h1"><a href="<?php echo home_url(); ?>" rel="nofollow"><?php bloginfo('name'); ?></a></div> -->
<div id="logo" itemscope itemtype="http://schema.org/Organization"><a href="<?php echo home_url(); ?>" rel="nofollow"><img src="<?php echo get_theme_file_uri(); ?>/library/images/dc-logo-white.svg" /></a></div>
<nav class="header-nav" role="navigation" itemscope itemtype="http://schema.org/SiteNavigationElement">
<?php // see all default args here: https://developer.wordpress.org/reference/functions/wp_nav_menu/ ?>
<?php wp_nav_menu(array(
'container' => false, // remove nav container
'container_class' => 'menu cf', // class of container (should you choose to use it)
'menu' => __( 'The Main Menu', 'templatetheme' ), // nav name
'menu_class' => 'nav top-nav main-menu cf cl-effect-14', // adding custom nav class
'theme_location' => 'main-nav', // where it's located in the theme
)); ?>
</nav>
<script type="text/javascript">
jQuery(document).ready(function( $ ) {
$(window).scroll(function() { // when the page is scrolled run this
if($(this).scrollTop() != 0) { // if you're NOT at the top
$('.header').fadeIn("fast"); // fade in
} else { // else
$('.header').fadeOut("fast"); // fade out
}
});
$('#top').click(function() { // when the button is clicked
$('body,html').animate({scrollTop:0},500); // return to the top with a nice animation
});
});
</script>
<?php // if you'd like to use the site description un-comment the below <p></p>. If not, leave as-is or delete it. ?>
<!-- <p class="site-description"><?php bloginfo('description'); ?></p> -->
</div>
</header>