<header id="top-menu">
        <a href="{{ .Site.Params.baseURL }}" class="home-link">
            <img class="logo" src="{{ .Site.Params.Logo }}" alt="{{ .Site.Title }}">
        </a>
        <nav class="menu">
            <ul>
                {{/*  {{ $currentPage := . }}
                {{ range .Site.Menus.main }}
                    {{ if .HasChildren }}
                        <details class="menu-dropdown">
                            <summary class="menu-nav-item {{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
                                <a href="#">
                                    {{ .Pre }}
                                    <span>{{ .Name }}</span>
                                </a>
                            </summary>
                            <ul class="sub-menu">
                                {{ range .Children }}
                                <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
                                    <a href="{{ .URL }}">{{ .Name }}</a>
                                </li>
                                {{ end }}
                            </ul>
                        </details>
                    {{ else }}
                        <li class="menu-nav-item">
                            <a href="{{ .URL }}">
                                {{ .Pre }}
                                <span>{{ .Name }}</span>
                            </a>
                        </li>
                    {{ end }}
                {{ end }}  */}}
                <li><a href="{{ .Site.Params.baseURL }}">home</a></li>
                <li><a href="#">calendar</a></li>
                <li><a href="#">tv</a></li>
            </ul>
        </nav>
        <div>
            <div class="search">
                <img src="{{ .Site.Params.baseURL }}/img/search.svg" alt="search">
                <input type="search" name="" id="">
            </div>
            <a href="#" id="login">login</a>
        </div>
    </header>