Contents

<nav class="menu" id="menu">
    <div class="menu-container">
        <!-- Header -->
        <div class="menu-header">
            <!-- Title -->
            <div class="menu-title-container">
                <a class="menu-title" href="{{ '/' | prepend: site.baseurl | prepend: site.url }}">
                    {{ site.title }}
                </a>
            </div>

            <!-- Menu Dropdown Controls -->
            <div class="menu-dropdown-controls">
                <button class="icon-button show-on-mobile" id="dropdown-toggle">
                    <span class="fas fa-bars"></span>
                </button>
            </div>
        </div>

        <!-- Menu Dropdown Content -->
        <div class='menu-dropdown' id='toggled-dropdown'>
            <!-- Menu Links -->
            <ul class="menu-links">
                {%- for link in site.links -%}
                    <li>
                        {%- if link.direct -%}
                            <a href="{{ link.url }}">
                                {{ link.text }}
                            </a>
                        {%- else -%}
                            <a href="{{ link.url | prepend: site.baseurl | prepend: site.url }}">
                                {{ link.text }}
                            </a>
                        {%- endif -%}
                    </li>
                {%- endfor -%}
            </ul>

            <!-- Menu Controls -->
            <div class="menu-controls">
                <button class="icon-button" id="toggle-darkmode">
                    <span class="fas fa-moon"></span>
                </button>
            </div>
        </div>
    </div>
</nav>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
jekyll-theme-peaceful-gates-2.0.0	_includes/menu.html