templates/includes/header.html.twig line 1

Open in your IDE?
  1. <nav class="bg-white dark:bg-neutral-600 w-full border-b border-gray-200 dark:border-gray-600">
  2.   <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
  3.     <a href="{{ path('index') }}" class="flex items-center">
  4.       <img src="{{ asset('photos/art-palette.svg') }}" class="mr-3 h-6 sm:h-12" alt="Логотип галереи художника Николая Макарова"/>
  5.       <span class="self-center text-xl font-semibold whitespace-nowrap dark:text-neutral-200 hidden md:block">Makarov Gallery</span>
  6.     </a>
  7.     
  8.     <div class="flex md:order-2">
  9.       {% include 'includes/switchMode.html.twig' %}
  10.       <button data-collapse-toggle="navbar-sticky" type="button" aria-label="Открыть главное меню" class="inline-flex items-center p-2 text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-sticky" aria-expanded="false" id="navbar-toggle">
  11.         <span class="sr-only">Open main menu</span>
  12.         <svg class="w-6 h-6" aria-hidden="true" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
  13.           <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
  14.         </svg>
  15.       </button>
  16.     </div>
  17.     
  18.     <div class="relative items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-sticky">
  19.       <ul class="absolute top-full left-0 mt-4 p-4 md:p-0 font-medium border border-gray-100 rounded-b-lg bg-gray-50 md:flex-row md:space-x-8 md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-neutral-600 dark:border-gray-700 z-10 w-full md:relative md:flex md:space-x-4" id="navbar-menu">
  20.         <li>
  21.           <a href="{{ path('index') }}" class="block py-2 ml-4 pr-4 rounded hover:bg-gray-100 md:hover:bg-transparent {{ app.request.pathinfo == path('index') ? 'text-blue-700 dark:text-blue-500 md:dark:text-blue-500' : 'text-gray-900 md:hover:text-blue-700' }} md:p-0 md:dark:hover:text-blue-500 dark:text-neutral-200 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" aria-label="Главная страница галереи Николая Макарова">Главная</a>
  22.         </li>
  23.         <li>
  24.           <a href="{{ path('about_me') }}" class="block py-2 ml-4 pr-4 rounded hover:bg-gray-100 md:hover:bg-transparent {{ app.request.pathinfo == path('about_me') ? 'text-blue-700 dark:text-blue-500 md:dark:text-blue-500' : 'text-gray-900 md:hover:text-blue-700' }} md:p-0 md:dark:hover:text-blue-500 dark:text-neutral-200 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" aria-label="О художнике Николае Макарове">Обо мне</a>
  25.         </li>
  26.         <li>
  27.           <a href="{{ path('photo_gallery') }}" class="block py-2 ml-4 pr-4 rounded hover:bg-gray-100 md:hover:bg-transparent {{ app.request.pathinfo == path('photo_gallery') ? 'text-blue-700 dark:text-blue-500 md:dark:text-blue-500' : 'text-gray-900 md:hover:text-blue-700' }} md:p-0 md:dark:hover:text-blue-500 dark:text-neutral-200 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" aria-label="Галерея картин Николая Макарова">Картины</a>
  28.         </li>
  29.         <li>
  30.           <a href="{{ path('app_posts') }}" class="block py-2 ml-4 pr-4 rounded hover:bg-gray-100 md:hover:bg-transparent {{ app.request.pathinfo == path('app_posts') ? 'text-blue-700 dark:text-blue-500 md:dark:text-blue-500' : 'text-gray-900 md:hover:text-blue-700' }} md:p-0 md:dark:hover:text-blue-500 dark:text-neutral-200 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" aria-label="Статьи и публикации о живописи">Посты</a>
  31.         </li>
  32.         <li>
  33.           <a href="{{ path('contact') }}" class="block py-2 ml-4 pr-4 rounded hover:bg-gray-100 md:hover:bg-transparent {{ app.request.pathinfo == path('contact') ? 'text-blue-700 dark:text-blue-500 md:dark:text-blue-500' : 'text-gray-900 md:hover:text-blue-700' }} md:p-0 md:dark:hover:text-blue-500 dark:text-neutral-200 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700" aria-label="Контактная информация">Контакты</a>
  34.         </li>
  35.       </ul>
  36.     </div>
  37.   </div>
  38. </nav>
  40. <!-- JSON-LD structured data for Navigation -->
  41. <script type="application/ld+json">
  42. {
  43.   "@context": "https://schema.org",
  44.   "@type": "WebSite",
  45.   "url": "https://www.makarovgallery.ru",
  46.   "name": "Галерея художника Николая Макарова",
  47.   "potentialAction": {
  48.     "@type": "SearchAction",
  49.     "target": "https://www.makarovgallery.ru/search?query={search_term_string}",
  50.     "query-input": "required name=search_term_string"
  51.   },
  52.   "mainEntity": {
  53.     "@type": "ItemList",
  54.     "itemListElement": [
  55.       {
  56.         "@type": "ListItem",
  57.         "position": 1,
  58.         "name": "Главная",
  59.         "url": "https://www.makarovgallery.ru/"
  60.       },
  61.       {
  62.         "@type": "ListItem",
  63.         "position": 2,
  64.         "name": "Обо мне",
  65.         "url": "https://www.makarovgallery.ru/about"
  66.       },
  67.       {
  68.         "@type": "ListItem",
  69.         "position": 3,
  70.         "name": "Картины",
  71.         "url": "https://www.makarovgallery.ru/gallery"
  72.       },
  73.       {
  74.         "@type": "ListItem",
  75.         "position": 4,
  76.         "name": "Посты",
  77.         "url": "https://www.makarovgallery.ru/posts"
  78.       },
  79.       {
  80.         "@type": "ListItem",
  81.         "position": 5,
  82.         "name": "Контакты",
  83.         "url": "https://www.makarovgallery.ru/contact"
  84.       }
  85.     ]
  86.   }
  87. }
  88. </script>