_includes/menu.html in jekyll-theme-peaceful-gates-1.2.0 vs _includes/menu.html in jekyll-theme-peaceful-gates-2.0.0
- old
+ new
@@ -1,45 +1,47 @@
-<div class="menu-window" id="menu-window">
- <nav class="menu" id="menu">
- <div class="menu-container">
-
- <!-- Header -->
- <header class="menu-header">
- <div class="menu-header-left">
- <button class="icon-button show-on-mobile" id="close-menu">
- <span class="fas fa-chevron-left"></span>
- </button>
- </div>
- <div class="menu-header-right">
- <a class="menu-title" href="{{ '/' | prepend: site.baseurl | prepend: site.url }}">
- {{ site.title }}
- </a>
- </div>
- </header>
-
- <!-- 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>
- </nav>
-</div>
+<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>
\ No newline at end of file