website/header.php at main · Scouting-Oost-1/website · 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
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
  <head>

    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="theme-color" content="#82c14a">
    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">

    <?php $theme_info = wp_get_theme(); ?>

    <?php wp_enqueue_script( 'scripts',
      get_template_directory_uri() . '/static/js/main.js',
      array('jquery'), $theme_info->version, true ); ?>

    <?php wp_enqueue_style( 'main',
      get_template_directory_uri() . '/static/css/main.css',
      array(), $theme_info->version ); ?>

    <meta name="ajaxurl" content="<?php echo admin_url( 'admin-ajax.php' ); ?>">

    <link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-regular.woff" as="font" type="font/woff" crossorigin>
		<link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-regular.ttf" as="font" type="font/ttf" crossorigin>
    <link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-italic.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-italic.woff" as="font" type="font/woff" crossorigin>
		<link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-italic.ttf" as="font" type="font/ttf" crossorigin>
		<link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-800.woff2" as="font" type="font/woff2" crossorigin>
		<link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-800.woff" as="font" type="font/woff" crossorigin>
		<link rel="preload" href="<?php echo get_template_directory_uri(); ?>/static/fonts/alegreya-sans-v13-latin-800.ttf" as="font" type="font/ttf" crossorigin>

    <?php wp_head(); ?>

  </head>
  <body>

    <a href="#site-content" class="skip">Ga naar de inhoud</a>

    <header class="site-header">

      <a href="<?php echo get_site_url(); ?>">
        <img alt="<?php bloginfo( 'name' ); ?> - Home"
          class="logo" width="195" height="68"
          src="<?php echo image_url('full-logo-black.svg'); ?>">
      </a>

      <button class="js-menu-toggle menu-toggle" aria-expanded="false" aria-controls="menu">Menu</button>

      <svg xmlns="http://www.w3.org/2000/svg" hidden>
        <symbol id="arrow" viewbox="0 0 16 16" >
          <polyline points="4 6, 8 10, 12 6" stroke="#000" stroke-width="2" fill="transparent" stroke-linecap="round" />
        </symbol>
      </svg>

      <nav class="site-menu" id="menu">
        <?php wp_nav_menu( array(
          'theme_location' => 'primary',
          'container' => false,
          'menu_class' => 'site-menu__list' ) ); ?>
      </nav>

    </header>