<!DOCTYPE html>
<html lang="{{locale}}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{title}}</title>
    <link rel="stylesheet" href="//yastatic.net/bem-components/2.4.0/desktop/bem-components.css">
    <link rel="stylesheet" href="{{staticDir}}/museum.css">
    <link rel="shortcut icon" type="image/x-icon" href="/portal/favicon.ico">
</head>

<body>

<div class="header">
    <div class="header__icon">
        <img src="{{staticDir}}/i/yandex-connect.png">
    </div>
    <div class="header__logo">
        <img src="//yastatic.net/q/logoaas/v1/{{i18n.common.yandex}}.svg">
    </div>
    <div class="header__title">
        <img src="//yastatic.net/q/logoaas/v1/{{i18n.common.connect}}.svg">
    </div>
</div>

<div class="body">
    <div class="warning text_size_l">
    {{#if isMobile}}
        <p>{{i18n.museum.warning.mobile}}</p>
        <p class="action-container">
            <button id="proceed-button" class="button button_theme_islands button_view_action button_size_l">
                <span class="button__text">{{i18n.museum.action.proceed}}</span>
            </button>
        </p>
    {{else}}
        <p>{{i18n.museum.warning.old_browser}}</p>
        <p class="action-container">
            <a href="https://yandex.ru/soft/browsers" class="button button_theme_islands button_view_action button_size_l">
                <span class="button__text">{{i18n.museum.action.update_browser}}</span>
            </a>
        </p>
    {{/if}}
    </div>
</div>

<script src="{{staticDir}}/museum.js"></script>

</body>
</html>
