webrtc.mozilla.org/header.php at master · mozilla/webrtc.mozilla.org · 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
<!doctype html>
<html <?php language_attributes(); ?> class="no-js">
  <head <?php do_action( 'add_head_attributes' ); ?>>

    <!-- Title -->
    <!-- =================================== -->
    <title><?php wp_title(''); ?></title>

    <!-- Styles -->
    <!-- =================================== -->
    <link href="<?php echo get_template_directory_uri(); ?>/assets/icons/favicon.png" rel="shortcut icon">
    <link href="<?php echo get_template_directory_uri(); ?>/assets/icons/touch.png" rel="apple-touch-icon-precomposed">

    <!-- Meta -->
    <!-- =================================== -->
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Wordpress Generated -->
    <!-- =================================== -->
    <?php wp_head(); ?>

  </head>

  <body <?php body_class(); ?>>
    <!-- Google Analytics -->
    <!-- =================================== -->
    <?php get_template_part( 'includes/analyticstracking' ); ?>

    <div id="mobile-container" class="mobile-container">

      <!--/* Mobile menu ============== */-->
      <!--/* ========================== */-->
      <?php get_template_part( 'includes/mobile-menu' ); ?>

      <div class="mobile-pusher">
        <div id="scroll-div" class="mobile-content">
          <div class="mobile-content-inner">


            <!-- Navbar -->
            <!-- =================================== -->
            <header class="site-header">
              <!-- Tabzilla -->
              <!-- =================================== -->
              <div class="container tabzilla-wrapper">
                <div id="tabzilla">
                  <a href="https://www.mozilla.org/">Mozilla</a>
                </div>
              </div>
              <div id="sticky-anchor"></div>
              <nav id="sticky" class="navbar navbar-inverse">
                <div class="container">
                  <div class="navbar-header">
                    <!-- Mobile menu toggle -->
                    <button type="button" class="navbar-toggle collapsed" id="menu-open">
                      <span class="sr-only">Toggle navigation</span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                    </button>
                    <!-- Site logo -->
                    <a class="navbar-brand" href="https://blog.mozilla.org/webrtc">
                      Advancing WebRTC
                    </a>
                  </div>
                  <!-- Collect the nav links for toggling -->
                  <div class="collapse navbar-collapse" id="navbar-collapse">
                    <?php primary_nav(); ?>
                    <button id="search-toggle" class="search-toggle">
                      <img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon-search-white.svg" alt="Search">
                    </button>
                    <div id="search-form" class="search-form">
                      <?php get_template_part('searchform'); ?>
                      <button id="search-cancel" class="search-cancel"><img src="<?php echo get_template_directory_uri(); ?>/assets/img/icon-cancel-white.svg" alt="Cancel search"></button>
                    </div>
                  </div>
                </div>
              </nav>

              <?php if ( is_front_page() ) : ?>
                <section class="home-hero">
                  <div class="container">
                    <div class="row">
                      <div class="col-md-4 col-md-push-8 illustration-wrapper">
                        <img class="illustration" src="<?php echo get_template_directory_uri(); ?>/assets/img/illustration-home.svg">
                      </div>
                      <div class="col-md-8 col-md-pull-4">
                        <h2><?php the_field('homepage_hero_title', 'option'); ?></h2>
                        <p><?php the_field('homepage_hero_summary', 'option'); ?></p>
                        <div class="actions">
                          <a href="https://blog.mozilla.org/webrtc/learn-more" class="btn-outline">Learn More</a>
                          <a href="https://blog.mozilla.org/webrtc/get-involved" class="btn-outline">Get Involved</a>
                        </div>
                      </div>
                    </div>
                  </div>
                </section>
              <?php endif; ?>
            </header>