1
|
<div animation="uk-animation-slide-top" class="uk-navbar-container uk-sticky uk-navbar-transparent" cls-active="uk-active uk-navbar-sticky" cls-inactive="uk-navbar-transparent" top=".tm-header + [class*="uk-section"]" uk-sticky="">
|
2
|
<div class="uk-navbar-container uk-navbar-transparent">
|
3
|
<div class="uk-container uk-container-expand">
|
4
|
<nav class="uk-navbar" uk-navbar="{"align":"left"}">
|
5
|
<div class="uk-navbar-left">
|
6
|
<a href="overview.html" class="uk-navbar-item uk-logo">
|
7
|
<img src="assets/common-assets/logo-large-graph.png" class="uk-responsive-height" alt="OpenAIRE">
|
8
|
</a>
|
9
|
</div>
|
10
|
<div class="uk-navbar-right">
|
11
|
<ul class="uk-navbar-nav">
|
12
|
<li class="uk-parent menuItem">
|
13
|
<a href="" aria-expanded="false">Home</a>
|
14
|
</li>
|
15
|
<li class="uk-parent menuItem">
|
16
|
<a href="" aria-expanded="false">About</a>
|
17
|
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="left: 116px; top: 80px;">
|
18
|
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
|
19
|
<div class="uk-first-column">
|
20
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
21
|
<li><a routerLinkActive="uk-link" href="">Overview</a></li>
|
22
|
<li><a routerLinkActive="uk-link" href="">Architecture</a></li>
|
23
|
<li><a routerLinkActive="uk-link" href="">Data and Metrics</a></li>
|
24
|
<li><a routerLinkActive="uk-link" href="">Infrastructure</a></li>
|
25
|
<li><a routerLinkActive="uk-link" href="">Team</a></li>
|
26
|
</ul>
|
27
|
</div>
|
28
|
</div>
|
29
|
</div>
|
30
|
</li>
|
31
|
<li class="uk-parent menuItem uk-active">
|
32
|
<a href="" aria-expanded="false">API & Resources</a>
|
33
|
<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="left: 116px; top: 80px;">
|
34
|
<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
|
35
|
<div class="uk-first-column">
|
36
|
<ul class="uk-nav uk-navbar-dropdown-nav">
|
37
|
<li class="submenuItem"><a routerLinkActive="uk-link" href="overview.html">Overview</a></li>
|
38
|
<li class="submenuItem"><a routerLinkActive="uk-link" href="authentication.html">Authentication</a></li>
|
39
|
<li class="submenuItem"><a routerLinkActive="uk-link" href="graph-dumps.html">Bulk Access</a></li>
|
40
|
<li class="submenuItem"><a routerLinkActive="uk-link" href="api.html">Selective Access</a></li>
|
41
|
<li class="submenuItem"><a routerLinkActive="uk-link" href="response-metadata-format.html">Response Metadata Format</a></li>
|
42
|
<li class="submenuItem"><a routerLinkActive="uk-link" href="">References</a></li>
|
43
|
</ul>
|
44
|
</div>
|
45
|
</div>
|
46
|
</div>
|
47
|
</li>
|
48
|
<li class="uk-parent menuItem">
|
49
|
<a href="" aria-expanded="false">Support</a>
|
50
|
</li>
|
51
|
</ul>
|
52
|
</div>
|
53
|
</nav>
|
54
|
</div>
|
55
|
</div>
|
56
|
</div>
|
57
|
<script>
|
58
|
const submenuItems = document.querySelectorAll(".submenuItem");
|
59
|
if (window.location.pathname.includes("overview")) {
|
60
|
submenuItems[0].classList.add('uk-active');
|
61
|
} else if (window.location.pathname.includes("authentication")) {
|
62
|
submenuItems[1].classList.add('uk-active');
|
63
|
} else if (window.location.pathname.includes("graph-dumps")) {
|
64
|
submenuItems[2].classList.add('uk-active');
|
65
|
} else if (window.location.pathname.includes("api")) {
|
66
|
submenuItems[3].classList.add('uk-active');
|
67
|
} else if (window.location.pathname.icnludes("response")) {
|
68
|
submenuItems[4].classList.add('uk-active');
|
69
|
}
|
70
|
</script>
|