forked from Phlow/feeling-responsive
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathnavigation
More file actions
94 lines (77 loc) · 4.24 KB
/
Copy pathnavigation
File metadata and controls
94 lines (77 loc) · 4.24 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<div id="navigation" class="sticky">
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1 class="show-for-small-only"><a href="/" class="icon-home"> {{ site.title }}</a></h1>
</li>
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
<section class="top-bar-section">
{% comment %}
____ _ __ __ _ __ _ __ _
/ __ \(_)___ _/ /_ / /_ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
/ /_/ / / __ `/ __ \/ __/ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
/ _, _/ / /_/ / / / / /_ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
/_/ |_/_/\__, /_/ /_/\__/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
/____/ /____/
{% endcomment %}
<ul class="right">
{% for link in site.data.navigation %}
{% comment %} If there are links for right side begin {% endcomment %}
{% if link.side == 'right' %}
{% comment %} If right side WITHOUT dropdown menu do {% endcomment %}
{% if link.dropdown == nil %}
<li class="divider"></li>
<li{% if link.url == page.url %} class="active"{% endif %}><a href="{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a></li>
{% comment %} If right side WITH dropdown menu do {% endcomment %}
{% else %}
<li class="divider"></li>
<li class="has-dropdown{% if link.url == page.url %} active{% endif %}">
<a href="{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a>
<ul class="dropdown">
{% for dropdown_link in link.dropdown %}
<li><a href="{{ dropdown_link.url }}"{% if dropdown_link.url contains 'http' %} target="_blank"{% endif %}>{{ dropdown_link.title }}</a></li>
{% endfor %}
</ul>
</li>
{% endif %}
{% endif %}
{% endfor %}
{% comment %} First loop finished 1 {% endcomment %}
</ul>
{% comment %}
__ ______ _ __ _ __ _
/ / ___ / __/ /_ / | / /___ __ __(_)___ _____ _/ /_(_)___ ____
/ / / _ \/ /_/ __/ / |/ / __ `/ | / / / __ `/ __ `/ __/ / __ \/ __ \
/ /___/ __/ __/ /_ / /| / /_/ /| |/ / / /_/ / /_/ / /_/ / /_/ / / / /
/_____/\___/_/ \__/ /_/ |_/\__,_/ |___/_/\__, /\__,_/\__/_/\____/_/ /_/
/____/
{% endcomment %}
<ul class="left">
{% for link in site.data.navigation %}
{% comment %} If there are links for left side begin {% endcomment %}
{% if link.side == 'left' %}
{% comment %} If left side WITHOUT dropdown menu do {% endcomment %}
{% if link.dropdown == nil %}
<li{% if link.url == page.url %} class="active"{% endif %}><a href="{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a></li>
<li class="divider"></li>
{% comment %} If left side WITH dropdown menu do {% endcomment %}
{% else %}
<li class="has-dropdown{% if link.url == page.url %} active{% endif %}">
<a href="{{ link.url }}"{% if link.url contains 'http' %} target="_blank"{% endif %}>{{ link.title }}</a>
<ul class="dropdown">
{% for dropdown_link in link.dropdown %}
<li><a href="{{ dropdown_link.url }}"{% if dropdown_link.url contains 'http' %} target="_blank"{% endif %}>{{ dropdown_link.title }}</a></li>
{% endfor %}
</ul>
</li>
<li class="divider"></li>
{% endif %}
{% endif %}
{% endfor %}
{% comment %} Second loop finished {% endcomment %}
</ul>
</section>
</nav>
</div><!-- /#navigation -->