<!DOCTYPE html>
<html lang="en" class="no-js">

  <head>
    <base href="[[ .BasePath ]]">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    [[ if eq .Branding "okd" ]]
    <title>OKD</title>
    <meta name="application-name" content="OKD">
    [[ end ]]
    [[ if eq .Branding "ocp" ]]
    <title>OpenShift Container Platform</title>
    <meta name="application-name" content="OpenShift Container Platform">
    [[ end ]]
    [[ if eq .Branding "online" ]]
    <title>OpenShift Online</title>
    <meta name="application-name" content="OpenShift Online">
    [[ end ]]
    [[ if eq .Branding "dedicated" ]]
    <title>OpenShift Dedicated</title>
    <meta name="application-name" content="OpenShift Dedicated">
    [[ end ]]
    [[ if eq .Branding "azure" ]]
    <title>Azure Red Hat OpenShift</title>
    <meta name="application-name" content="Azure Red Hat OpenShift">
    [[ end ]]

    [[ if eq .Branding "okd" ]]
    <link rel="shortcut icon" href="<%= require('./imgs/okd-favicon.png') %>">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%= require('./imgs/okd-apple-touch-icon-precomposed.png') %>">
    <link rel="mask-icon" href="<%= require('./imgs/okd-mask-icon.svg') %>" color="#DB242F">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-TileImage" content="<%= require('./imgs/okd-mstile-144x144.png') %>">
    [[ else ]]
    <link rel="shortcut icon" href="<%= require('./imgs/openshift-favicon.png') %>">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="<%= require('./imgs/openshift-apple-touch-icon-precomposed.png') %>">
    <link rel="mask-icon" href="<%= require('./imgs/openshift-mask-icon.svg') %>" color="#DB242F">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-TileImage" content="<%= require('./imgs/openshift-mstile-144x144.png') %>">
    [[ end ]]

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript">
      window.SERVER_FLAGS = [[.]];
    </script>
  </head>

  <body>
    <div id="modal-container"></div>
    [[ if .GoogleTagManagerID ]]
    <% if (htmlWebpackPlugin.options.production) { %>
      <noscript><iframe src="//www.googletagmanager.com/ns.html?id=[[ .GoogleTagManagerID ]]"
      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <script type="text/javascript">(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=
      '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
      })(window,document,'script','dataLayer','[[ .GoogleTagManagerID ]]');</script>
    <% } %>
    [[ end ]]
    <div id="app"></div>
  </body>
</html>
