Added a dark mode color scheme.
[WebKit-https.git] / Websites / webkit.org / wp-content / themes / webkit / header.php
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
5     <meta name="robots" content="noodp">
6
7     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover">
8
9     <title><?php if ( is_front_page() ) echo "WebKit";
10         else { wp_title(''); echo ' | WebKit'; } ?></title>
11
12     <meta name="application-name" content="WebKit">
13
14     <link rel="stylesheet" type="text/css" href="<?php echo get_stylesheet_uri(); ?>?20171013" media="all">
15     <link rel="stylesheet" href="https://www.apple.com/wss/fonts?families=SF+Pro,v1" type="text/css">
16     <meta name="supported-color-schemes" content="light dark">
17
18     <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>">
19     <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>">
20     <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>">
21     <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
22
23     <link rel="shortcut icon" sizes="32x32" type="image/x-icon" href="/favicon.ico">
24
25     <?php wp_head(); ?>
26 </head>
27 <body <?php body_class(); ?>>
28     <?php include_invert_lightness_filter(); ?>
29     <header aria-label="WebKit.org Header" id="header">
30         <div class="page-width">
31         <a href="/"><div id="logo" class="site-logo">WebKit</div></a>
32         <nav id="site-nav" aria-label="Site Menu">
33 <?php wp_nav_menu( array(
34 'walker'          => new Responsive_Toggle_Walker_Nav_Menu(),
35 'theme_location'  => 'site-nav',
36 'items_wrap'      => '<input type="checkbox" id="%1$s-toggle" class="menu-toggle" /><label for="%1$s-toggle" class="label-toggle main-menu" data-open="Main Menu" data-close="Close Menu"></label><ul id="%1$s" class="%2$s" role="menubar">%3$s</ul>',
37 ) ); ?></nav>
38         </div>
39     </header>
40
41 <?php
42 if ( is_front_page() )
43     include('front-header.php');
44 ?>
45 <main id="content">
46     <div class="page-width">