_includes/header.html - master - kotler/cv

_includes/header.html
33 строки2 KB
kotler
Add modern design from buildxinydays and prepare for cv repository
16 дек 2025, 22:55
16 дек 2025, 22:552cbff3f
<header class="sticky top-0 z-50 border-b border-border bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
  <div class="container mx-auto px-4">
    <div class="flex h-16 items-center justify-between">
      <a href="{{ '/' | relative_url }}" class="flex items-center space-x-2">
        <span class="text-xl font-bold text-foreground">Anton Kotler</span>
      </a>
      <nav class="hidden md:flex items-center space-x-6">
        <a href="{{ '/' | relative_url }}" class="text-sm font-medium transition-colors hover:text-foreground text-foreground">
          Главная
        </a>
        <a href="#skills" class="text-sm font-medium transition-colors hover:text-foreground text-foreground-muted">
          Навыки
        </a>
        <a href="#projects" class="text-sm font-medium transition-colors hover:text-foreground text-foreground-muted">
          Проекты
        </a>
        <a href="#contacts" class="text-sm font-medium transition-colors hover:text-foreground text-foreground-muted">
          Контакты
        </a>
      </nav>
      <div class="flex items-center space-x-4">
        <button id="theme-toggle" class="p-2 rounded-lg hover:bg-background-hover transition-colors" aria-label="Toggle theme">
          <svg class="w-5 h-5 dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"></path>
          </svg>
          <svg class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path>
          </svg>
        </button>
      </div>
    </div>
  </div>
</header>