<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>{{title}}</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	{{#description}}
	<meta name="description" content="{{description}}" />
	{{/description}}
	{{#keywords}}
	<meta name="keywords" content="{{keywords}}" />
	{{/keywords}}
	{{#author}}
	<meta name="author" content="{{author}}" />
	{{/author}}

  {{#favicon_ico}}
	<!-- For IE 9 and below. ICO should be 32x32 pixels in size -->
	<!--[if IE]><link rel="shortcut icon" href="{{favicon_ico}}"/><![endif]-->
	{{/favicon_ico}}
  {{#favicon_apple}}
	<!-- Touch Icons - iOS and Android 2.1+ 180x180 pixels in size. --> 
	<link rel="apple-touch-icon-precomposed" href="{{favicon_apple}}"/>
	{{/favicon_apple}}
	{{#favicon_main}}
	<!-- Firefox, Chrome, Safari, IE 11+ and Opera. 196x196 pixels in size. -->
	<link rel="icon" href="{{favicon_main}}"/>
	{{/favicon_main}}

  <!-- Facebook and Twitter integration -->
	<meta property="og:title"       content="{{title}}"/>
	{{#logo}}
	<meta property="og:image"       content="{{logo}}"/>
	{{/logo}}
	{{#url}}
	<meta property="og:url"         content="{{url}}"/>
	<meta property="og:site_name"   content="{{url}}"/>
	{{/url}}
	{{#description}}
	<meta property="og:description" content="{{description}}"/>
	{{/description}}
	<meta name="twitter:title"      content="{{title}}" />
	{{#logo}}
	<meta name="twitter:image"      content="{{logo}}" />
	{{/logo}}
	{{#url}}
	<meta name="twitter:url"        content="{{url}}"/>
	{{/url}}
	<meta name="twitter:card"       content="summary" />
	{{#description}}
	<meta name="twitter:text"       content="{{description}}" />
	{{/description}}

	<!--<link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700" rel="stylesheet"/>--> 
</head>

<body class="arredemo">
  <div id="arredemo-app"></div>

	<script src="{{bundle}}?v={{bundle_version}}"></script>
	<!--
	<script crossorigin src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
	-->

  <script>
    // Sanity-check the component loaded...
    setTimeout(() => {
      var content = document.querySelector("#arredemo-app");
      var warning = "If you can see this, something is broken (or JS is not enabled)!";
      if (!content.innerHTML) {
        content.innerHTML = warning;
      }
    }, 500);
  </script>
</body>
</html>