<?php include 'config.php'; ?>

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Владимир-33.рф</title>
    
    <!-- Фавиконы -->
    <link rel="icon" type="image/png" href="assets/favicon/favicon-96x96.png" sizes="96x96" />
    <link rel="icon" type="image/svg+xml" href="assets/favicon/favicon.svg" />
    <link rel="shortcut icon" href="assets/favicon/favicon.ico" />
    
    <!-- Стили -->
    <link rel="stylesheet" href="assets/styles.css">
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster/dist/MarkerCluster.css" />
    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster/dist/MarkerCluster.Default.css" />
    
    <!-- Скрипты -->
    <script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
    <script src="https://unpkg.com/leaflet.markercluster/dist/leaflet.markercluster.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/js-sha256"></script>

    <!-- Метатеги -->
    <meta name="description" content="Познакомьтесь с историей и достопримечательностями города Владимир. Путеводитель по лучшим местам и событиям города. Откройте для себя уникальные памятники, архитектуру, музеи и культурные традиции этого древнего города.">
    <meta name="keywords" content="Владимир, достопримечательности, туризм, отдых в Владимире, экскурсии по Владимиру, история Владимира, культурные мероприятия, музеи, архитектура, старинные города России, путешествия по России, экскурсии в Золотое кольцо, что посмотреть в Владимире, отдых в Золотом кольце">

<meta http-equiv="Content-Security-Policy" content="
    default-src 'none';
    script-src 'self' 'nonce-${nonce}' https://unpkg.com https://mc.yandex.ru;
    style-src 'self' 'unsafe-inline' https://unpkg.com;
    img-src 'self' data: https://tile.thunderforest.com https://*.tile.thunderforest.com https://mc.yandex.ru;
    connect-src 'self' https://xn---33-5cdjn2aaxn9b.xn--p1ai:8000 https://mc.yandex.ru;
    font-src 'self';
    frame-src 'none';
    child-src 'none';
    form-action 'self';
    base-uri 'self';
    manifest-src 'self';
    worker-src 'self';
    upgrade-insecure-requests;
    block-all-mixed-content;
    object-src 'none';
    media-src 'none';
    prefetch-src 'none';
    frame-ancestors 'self';
    report-uri /csp-violation-report;
">

<!-- Yandex.Metrika counter -->
<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();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   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(99106952, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        webvisor:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/99106952" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->


</head>

<body>
<!--      Прелоадер 
    <div id="preloader">
        <div class="spinner"></div>
    </div>
 -->
    <!-- Меню -->
    <button class="menu-toggle" aria-label="Открыть меню">
        <span class="hamburger-icon"></span>
    </button>
    <nav class="menu">
    <ul>
        <li><a href="<?php echo MAIN; ?>">владимир-33.рф</a></li>
        <br>
        <li><a href="<?php echo TILE; ?>">«10 лиц области»</a></li>
        <li class="has-submenu">
            <a href="<?php echo ATTRACTIONS; ?>">Архитектурное наследие <span class="arrow">&#9662;</span></a>
            <ul class="submenu">
                <li><a href="<?php echo GOLDEN_GATE; ?>">Золотые ворота</a></li>
                <li><a href="<?php echo SUZDAL_KREMLIN; ?>">Суздальский Кремль</a></li>
                <li><a href="<?php echo MUROM_MONASTERY; ?>">«Спасский что на Бору»</a></li>
                <li><a href="<?php echo POKROVA_ON_NERL; ?>">Покрова на Нерли</a></li>
            </ul>
        </li>
        <li><a href="<?php echo MAP_SECTION; ?>">Интерактивная карта</a></li>
        <li><a href="<?php echo ROUTES; ?>">Туристические маршруты</a></li>
        <li><a href="<?php echo INFO; ?>">Информация</a></li>
        <li><a href="<?php echo GALLERY; ?>">Фотогалерея</a></li>
        <br><br>
        <li><a href="<?php echo ABOUT_US; ?>">О сайте</a></li>
        <li><a href="<?php echo CONTACTS; ?>">Контакты</a></li>
    </ul>
</nav>


        <noscript>
            <div class="no-js">
                <h1>Этот сайт требует включенного JavaScript!</h1>
                <p>Пожалуйста, включите JavaScript в настройках вашего браузера.</p>
            </div>
        </noscript>
</body>
</html>
