<!DOCTYPE html>
<html style="height: 100%">
<head>
  <title>{{ config.title }}</title>
  <link rel="stylesheet" href="/dist/main.css" />
  <link rel="icon" type="{{ favicon.type }}" href="{{ favicon.destination }}">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <meta property="og:title" content="{{ config.title }}" />
  <meta property="og:site_name" content="{{ config.title }}" />
  <meta name="description" property="og:description" content="{{ config.description }}">
</head>
<script>
</script>
<body class="greeting-body">
  {% include "../components/header.twig" %}
  <div class="greeting-content">
    {{ svg('frog') }}
    <p class="greeting-content__message">
      It’s time to create the first page!
    </p>
    {% include '../components/button.twig' with {label: 'Add page', icon: 'plus', size: 'small', url: '/page/new'} %}
  </div>
  {% if config.yandexMetrikaId is not empty %}
    <script type="text/javascript" >
      (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
        m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
      (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

      ym({{ config.yandexMetrikaId }}, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
      });
    </script>
    <noscript><div><img src="https://mc.yandex.ru/watch/{{ config.yandexMetrikaId }}" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
  {% endif %}
</body>
</html>

