jstutorial/_includes/header.html at gh-pages · weiruanyahei/jstutorial · GitHub

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
<header class="top-bar" id="header">

<div class="fixed">

<nav class="top-bar">
<ul>
<!-- Title Area -->
	<li class="name has-dropdown">
	<h1><a href="/">{{ site.sitename }} </a></h1>
		<ul class="dropdown">
			{% for chapter in site.chapters %}
			<li><a href="/#{{chapter}}">{{site.[chapter]}}</a></li>
			{% endfor %}
		</ul>
	</li>
</ul>

<section>

{% if page.category != nil %}
<ul class="left">
<li class="divider"></li>
<li class="has-dropdown"><a class="active" href="#"> {{ site.[page.category] }} </a><ul class="dropdown">
{% for article in site.pages %}
{% if article.category == page.category %}
{% if article.url == page.url %}
<li class="active"><a href="#">{{ article.title }}</a></li>
{% else %}
<li><a href="{{article.url}}">{{ article.title }}</a></li>
{% endif %}
{% endif %}
{% endfor %}
</ul></li>
<li class="divider"></li>
<li class="has-dropdown nav-3"><a href="#"> {{ page.title }}</a><ul class="dropdown">
</ul></li>
</ul>
{% endif %}

<ul class="right">
	<li class="divider"></li>
	<li>
		<a href="https://github.com/ruanyf/jstutorial" target="_blank">GitHub <i class="foundicon-edit"></i></a>
	</li>
	<li class="divider"></li>
	<li>
		<a href="#">TOP <i class="foundicon-up-arrow"></i></a>
	</li>
</ul>

</section>

</nav>
</div>
</header>