q2a.github.io/_includes/header.html at 262d4ddf0624e542ead7bc2aad07f9145c933f19 · q2a/q2a.github.io · 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
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
{% if page.slug == 'homepage' %}
<div class="wave-container"></div>
{% endif %}

<header class="header">
	<div class="header-container flex-row">
		<div class="flex-item logo-container">
			<div id="main-nav-trigger" class="material-icons noSelect mobile-only">menu</div>
			<a href="{% if site.baseurl == '/' %}{{ site.baseurl }}{% else %}{{ site.baseurl }}/{% endif %}" class="header-logo">
				<img class="logo-img normal-logo" src="{{ site.baseurl }}/images/question2answer-logo-350x40.webp" alt="Question2Answer logo">
				{% if page.slug == 'homepage' %}
				<img class="logo-img white-logo" src="{{ site.baseurl }}/images/question2answer-logo-white-350x40.webp" alt="Question2Answer logo">
				{% endif %}
			</a>
		</div>

		<nav class="nav-container flex-item flex-middle no-select">
			<a href="{% if site.baseurl == '/' %}{{ site.baseurl }}{% else %}{{ site.baseurl }}/{% endif %}" class="header-logo mobile-only">
				<img class="logo-img normal-logo" src="{{ site.baseurl }}/images/question2answer-logo-350x40.webp" alt="Question2Answer logo">
			</a>
			<ul class="nav mega-menu flex-item">
				<span class="mega-menu-trigger">
					<span class="nav-item" tabindex="0">
						Documentation
						<span class="docs-caret"></span>
					</span>
				</span>

				<ul class="nav nav-main flex-item display-none">
					{% for navpage in site.nav.main %}{% capture parent_url %}{{ navpage.path }}{% endcapture %}
						<li>
							<span class="nav-item toggleChildren{% if page.url == parent_url %} selected-nav{% endif %}" tabindex="0">
								{{ navpage.name }}
								<span class="docs-caret"></span>
							</span>
							{% if navpage.sub %}
								<ul class="sub-nav display-none">
									{% for subnavpage in site.nav[navpage.sub] %}{% capture child_url %}{{ subnavpage.path }}{% endcapture %}
										<li><a href="{{ site.baseurl }}{{ subnavpage.path }}"
										class="sub-nav-item{% if page.url == child_url %} selected-nav{% endif %}">{{ subnavpage.name }}</a></li>
									{% endfor %}
								</ul>
							{% endif %}
						</li>
					{% endfor %}
				</ul>
				<ul class="nav nav-main-second flex-item">
					{% for navpage in site.nav.second %}{% capture parent_url %}{{ navpage.path }}{% endcapture %}
						<li>
							<span class="nav-item toggleChildren{% if page.url == parent_url %} selected-nav{% endif %}" tabindex="0">
								{{ navpage.name }}
								<span class="docs-caret"></span>
							</span>
							{% if navpage.sub %}
								<ul class="sub-nav display-none">
									{% for subnavpage in site.nav[navpage.sub] %}{% capture child_url %}{{ subnavpage.path }}{% endcapture %}
										<li><a href="{{ site.baseurl }}{{ subnavpage.path }}"
										class="sub-nav-item{% if page.url == child_url %} selected-nav{% endif %}">{{ subnavpage.name }}</a></li>
									{% endfor %}
								</ul>
							{% endif %}
						</li>
					{% endfor %}
				</ul>
			</ul>
			<ul class="nav nav-main-third flex-item">
				{% for navpage in site.nav.third %}{% capture parent_url %}{{ navpage.path }}{% endcapture %}
				<li>
					<a class="nav-item
					{% if page.url == parent_url %} selected-nav {% endif %}
					{{ navpage.class | default: '' }}"
					href="{% if navpage.url contains 'http' %}{{ navpage.url }}{% else %}{{ site.baseurl }}{{ navpage.url }}{% endif %}">{{ navpage.name }}</a>
				</li>
				{% endfor %}
			</ul>
		</nav>

		<div class="darkPane"></div>
	</div>
</header>

{% if page.slug != 'homepage' %}
	{% include breadcrumbs.html %}
{% endif %}