<nav id="dl-menu" class="dl-menuwrapper" role="navigation">
	<button class="dl-trigger">Open Menu</button>
	<ul class="dl-menu">
		<li><a href="{{ site.url }}/">Home</a></li>
		<li>
			<a href="#">About</a>
			<ul class="dl-submenu">
				<li>
					<img src="{{ site.owner.avatar }}" alt="{{ site.owner.name }} photo" class="author-photo">
					<h4>{{ site.owner.name }}</h4>
					<p>{{ site.owner.bio }}</p>
					<p>If you have any questions or noticed something wrong, please either do a PR or let me know. </p>
					<p>Click on the green button to visit my GitHub repo. Thanks!</p>
				</li>
				{% if site.owner.github %}<li>
					<a href="https://github.com/{{ site.owner.github }}"><span class="btn btn-success"><i class="fa fa-fw fa-github"></i> My Github</span></a>
				</li>{% endif %}
			</ul>
		</li>
		<li>
			<a href="#">Pages</a>
			<ul class="dl-submenu">
				{% assign cur_pages = site.pages | sort: 'title' %}
				
				{%- for entry in cur_pages %}
				{%- if entry.layout == "page" and entry.url != "/" %}
					<li><h3><a href="{{ site.url }}{{ entry.url }}">►&nbsp;{{ entry.title }}</a></h3></li>
				{%- endif %}
				{%- endfor %}
			</ul>
		</li>
		{% for link in site.data.navigation %}
	    {% if link.url contains 'http' %}
	        {% assign domain = '' %}
	        {% else %}
	        {% assign domain = site.url %}
	    {% endif %}
	    <li><a href="{{ domain }}{{ link.url }}" {% if link.url contains 'http' %}target="_blank"{% endif %}>{{ link.title }}</a></li>
	  {% endfor %}
	</ul>
</nav>