core-template/site/templates/application/application.jet at develop · shift72/core-template · 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
{{import "./head/font.jet" }}
{{import "./head/seo.jet" }}
{{import "./nav/nav.jet"}}
{{import "./google.jet" }}
{{import "./pixel.jet"}}
{{import "./footer/footer.jet" }}

{{useLocalDevRelish := false}}
{{useLocalDevCheckout :=  false}}

{{CDN := useLocalDevRelish ? "//localhost:3000" : "//cdn.shift72.com/" + config("s72_web_version", "1.4")}}

{{CSSFileURL := site.SiteBrand.GetLink("css", "")}}
{*{CSSFileURL := "/styles/local.css"}*}

{{useCheckout := site.Toggles["use_checkout"] || useLocalDevCheckout}}
{{checkoutDevServer := "http://localhost:4072"}}
{{checkoutScriptUrl := useLocalDevCheckout ? checkoutDevServer + "/s72.checkout.js" : "/checkout/s72.checkout.js"}}

<!DOCTYPE html>
<html lang="{{lang.Code}}">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="manifest" href="/manifest.json">
    <link rel="preload" href="/{{lang.DefinitionFilePath}}" as="fetch" crossorigin type="application/json">
    <link rel="preload" href="/classifications.all.json" as="fetch" crossorigin type="application/json">
    <link rel="preload" href="/urlmap.json" as="fetch" crossorigin type="application/json">

    <!-- Kibble: {{version}} -->
    {{if site.SiteConfig.CoreTemplateVersion != ""}}
      <!-- Core-Template: {{site.SiteConfig.CoreTemplateVersion}} -->
    {{end}}
    <!-- Template: {{site.SiteConfig.Version}} -->
    <link rel="stylesheet" href="{{CDN}}/s72.ui.css">
    <link rel="stylesheet" href="{{CDN}}/s72.transactional.css">
    <link rel="stylesheet" href="/styles/swiper.css">

    {{yield font()}}
    <link rel="stylesheet" href="/styles/main.css">
    {{if CSSFileURL != "" }}
      <link rel="stylesheet" href="{{CSSFileURL}}">
    {{end}}

    {{faviconURL := site.SiteBrand.GetImage("favicon", "/favicon.ico")}}
    <link rel="shortcut icon" href="{{faviconURL}}" type="image/x-icon">
    <link rel="icon" href="{{faviconURL}}" type="image/x-icon">

    {{block head()}}
      {{yield seo()}}
    {{end}}

    <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=Intl%2Cdefault%2Cfetch" defer></script>
    <script src="{{CDN}}/s72.core.js" defer></script>
    <script src="{{CDN}}/s72.ui.js" defer></script>

    <script src="/scripts/main.js" defer></script>

    <script src="{{CDN}}/s72.transactional.js" defer></script>

    {{if isEnabled("commenting")}}
      {{commentLibVersion := config("comments_version", "test")}}
      <script src="//cdn.shift72.com/comments/{{commentLibVersion}}/s72.comments.js" defer></script>
      <link rel="stylesheet" href="//cdn.shift72.com/comments/{{commentLibVersion}}/s72.comments.css">
    {{end}}

    <script src="https://js.stripe.com/v3/" defer></script>

    {* get default language from site record or kibble.json depening on if db translations is enabled *}
    {{ defaultLanguage := isEnabled("site_translations_api") ? site.DefaultLanguage : site.SiteConfig.DefaultLanguage }}
    <script>
      window.addEventListener('DOMContentLoaded', function(){
        s72.cfg(function(){ return s72.i18n.load('{{lang.Code}}', '/{{lang.DefinitionFilePath}}'); });
        s72.cfg(function(){ return s72.i18n.href.setLanguages('{{defaultLanguage}}', '{{lang.Code}}'); });
        s72.boot({
          config: {{ site.Config | json | raw }},
          toggles: {{ site.Toggles | json | raw }},
          languages: {{ site.Languages | json | raw }}
        });
      });
    </script>

    {{if useCheckout}}
      <script src="{{checkoutScriptUrl}}" defer></script>
      <script>
        window.Shift72CheckoutOptions = {
          baseUrl: window.location.origin,
          {{if useLocalDevCheckout}}checkoutDevServerUrl: '{{checkoutDevServer}}',{{end}}
          links: {
            library: `${window.location.origin}{{routeToPath("/library.html")}}`,
            termsAndConditions: `${window.location.origin}{{routeToPath("/page/terms-and-conditions/")}}`,
            deviceCompatibility: `${window.location.origin}{{routeToPath("/page/help/")}}`,
            help: `${window.location.origin}{{routeToPath("/page/help/")}}`,
            signIn: `${window.location.origin}{{routeToPath("/signin.html")}}`,
            signUp: `${window.location.origin}{{routeToPath("/signup.html")}}`,
          },
          lang: '{{lang.Code}}'
        };
      </script>
    {{end}}

    <script type="text/javascript" src="/scripts/swiper.min.js"></script>
  </head>
  <body>

    <h2 class="sr-only">{{i18n("wcag_skip_links_header")}}</h2>
    <a class="skip-link" href="#main">{{i18n("wcag_skip_links_content")}}</a>

    <s72-cookie-consent></s72-cookie-consent>

    {{yield googleTagManagerNoScript()}}
    {{yield pixelNoScript()}}

    {{block navigation()}}
      {{yield nav() }}
    {{end}}

    {{yield body()}}

    {{yield footer()}}

    {{yield googleScripts()}}
    {{yield pixelScripts()}}
    <s72-donate-button></s72-donate-button>
  </body>
</html>