_includes/header.html - master - Undeadguy/Undeadguy.gitverse.io

_includes/header.html
45 строк2 KB
Undeadguy
1.0
09 июл 2026, 12:54
09 июл 2026, 12:549c6edcc
<header class="site-header" id="top">
  <div class="container header-inner">
    <a class="logo" href="{{ '/' | relative_url }}">
      <span class="logo-bracket">&lt;</span>{{ site.author.short_name }}<span class="logo-bracket">/&gt;</span>
    </a>

    <nav class="nav" id="nav" aria-label="Основная навигация">
      <ul class="nav-list">
        {% for item in site.navigation %}
        <li>
          <a class="nav-link" href="{{ item.url }}">{{ item.title }}</a>
        </li>
        {% endfor %}
      </ul>
    </nav>

    <div class="header-actions">
      <button class="theme-toggle" id="theme-toggle" type="button" aria-label="Переключить тему">
        <svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <circle cx="12" cy="12" r="5" />
          <line x1="12" y1="1" x2="12" y2="3" />
          <line x1="12" y1="21" x2="12" y2="23" />
          <line x1="4.22" y1="4.22" x2="5.64" y2="5.64" />
          <line x1="18.36" y1="18.36" x2="19.78" y2="19.78" />
          <line x1="1" y1="12" x2="3" y2="12" />
          <line x1="21" y1="12" x2="23" y2="12" />
          <line x1="4.22" y1="19.78" x2="5.64" y2="18.36" />
          <line x1="18.36" y1="5.64" x2="19.78" y2="4.22" />
        </svg>
        <svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"
          stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
          <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" />
        </svg>
      </button>

      <button class="nav-toggle" id="nav-toggle" type="button" aria-label="Открыть меню" aria-expanded="false"
        aria-controls="nav">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>
  </div>
</header>