polymer-theme/header.php at master · rodrigosancho/polymer-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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<?php
$options = get_option('polymer-theme_options');
$settings = $options->settings;
$templates = $options->templates;
$state = $options->state;
?>

<!doctype html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <title><?php wp_title(''); ?></title>
    <meta name="description" content="<?php bloginfo('description'); ?>">
    <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

    <!--    <link rel="canonical" href="">-->

    <!-- Google Tag Manager -->
    <script>(function (w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(), event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', '<?= $settings->analytics ?>');</script>
    <!-- End Google Tag Manager -->

    <link href="<?= wp_get_attachment_url($settings->favicon); ?>"
          rel="shortcut icon">
    <link href="<?= wp_get_attachment_url($settings->icon48); ?>"
          rel="apple-touch-icon-precomposed">


    <link rel="icon" href="<?= wp_get_attachment_url($settings->favicon); ?>">

    <!-- See https://goo.gl/OOhYW5 -->
    <link rel="manifest" href="<?php echo get_template_directory_uri(); ?>/manifest.json">

    <!-- See https://goo.gl/qRE0vM -->
    <meta name="theme-color" content="<?= $settings->themeColor; ?>">

    <!-- Add to homescreen for Chrome on Android. Fallback for manifest.json -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="application-name" content="<?php echo get_option('blogname'); ?>">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="<?php echo get_option('blogname'); ?>">

    <!-- Homescreen icons -->
    <link rel="apple-touch-icon"
          href="<?= wp_get_attachment_url($settings->icon48); ?>">
    <link rel="apple-touch-icon" sizes="72x72"
          href="<?= wp_get_attachment_url($settings->icon72); ?>">
    <link rel="apple-touch-icon" sizes="96x96"
          href="<?= wp_get_attachment_url($settings->icon96); ?>">
    <link rel="apple-touch-icon" sizes="144x144"
          href="<?= wp_get_attachment_url($settings->icon144); ?>">
    <link rel="apple-touch-icon" sizes="192x192"
          href="<?= wp_get_attachment_url($settings->icon192); ?>">

    <!-- Tile icon for Windows 8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage"
          content="<?= wp_get_attachment_url($settings->icon144); ?>">
    <meta name="msapplication-TileColor" content="<?= $settings->themeColor ?>">
    <meta name="msapplication-tap-highlight" content="no">

    <script>
        // Setup Polymer options
        window.Polymer = {
            dom: 'shadow',
            lazyRegister: true
        };

        // Load webcomponentsjs polyfill if browser does not support native Web Components
        (function () {
            'use strict';

            var onload = function () {
                // For native Imports, manually fire WebComponentsReady so user code
                // can use the same code path for native and polyfill'd imports.
                if (!window.HTMLImports) {
                    document.dispatchEvent(
                        new CustomEvent('WebComponentsReady', {bubbles: true})
                    );
                }
            };

            var webComponentsSupported = (
                'registerElement' in document
                && 'import' in document.createElement('link')
                && 'content' in document.createElement('template')
            );

            if (!webComponentsSupported) {
                var script = document.createElement('script');
                script.async = true;
                script.src = '<?php echo get_template_directory_uri(); ?>/bower_components/webcomponentsjs/webcomponents-lite.min.js';
                script.onload = onload;
                document.head.appendChild(script);
            } else {
                onload();
            }
        })();

        // Load pre-caching Service Worker
        if ('serviceWorker' in navigator) {
            window.addEventListener('load', function () {
                navigator.serviceWorker.register('<?php echo get_template_directory_uri(); ?>/service-worker.js');
            });
        }
    </script>

    <!--  Importing shell  -->
    <link rel="import" href="<?php echo get_template_directory_uri(); ?>/src/core/polymer-theme-shell.html">

    <style>
        body {
            margin: 0;
            font-family: 'Roboto', 'Noto', sans-serif;
            line-height: 1.5;
            min-height: 100vh;
            background-color: #eeeeee;
        }

        h1.error404 {
            font-size: 10rem;
            top: calc(50vh - 275px);
            opacity: 0.3;
            position: absolute;
            left: calc(50vw - 120px);
        }
    </style>

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

<!-- Google Tag Manager (noscript) -->
<noscript>
    <iframe src="https://www.googletagmanager.com/ns.html?id=<?= $settings->analytics ?>"
            height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->