openaire-api-http-doc/header.html

<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*=&quot;uk-section&quot;]" uk-sticky="">
	<div class="uk-navbar-container uk-navbar-transparent">
		<div class="uk-container uk-container-expand">
			<nav class="uk-navbar" uk-navbar="{&quot;align&quot;:&quot;left&quot;}">
				<div class="uk-navbar-left">
					<a href="https://graph.openaire.eu/" class="uk-navbar-item uk-logo">
						<img src="assets/common-assets/logo-large-graph.png" class="uk-responsive-height" alt="OpenAIRE">
					</a>
				</div>
				<div class="uk-navbar-right">
					<ul class="uk-navbar-nav">
						<li class="uk-parent menuItem">
							<a href="https://graph.openaire.eu/" aria-expanded="false">Home</a>
						</li>
						<li class="uk-parent menuItem">
							<a href="https://graph.openaire.eu/about" aria-expanded="false">About</a>
							<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="left: 116px; top: 80px;">
									<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
										<div class="uk-first-column">
												<ul class="uk-nav uk-navbar-dropdown-nav">
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about">Overview</a></li>
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about#architecture">Architecture</a></li>
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about#metrics">Data and Metrics</a></li>
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about#infrastructure">Infrastructure</a></li>
													<li><a routerLinkActive="uk-link" href="https://graph.openaire.eu/about#team">Team</a></li>                                                                          
												</ul>                                 
										</div>
									</div>
							</div>
						</li>
						<li class="uk-parent menuItem uk-active">
							<a href="overview.html" aria-expanded="false">API & Resources</a>
							<div class="uk-navbar-dropdown uk-navbar-dropdown-bottom-left" style="left: 116px; top: 80px;">
									<div class="uk-navbar-dropdown-grid uk-child-width-1-1 uk-grid uk-grid-stack" uk-grid="">
										<div class="uk-first-column">
												<ul class="uk-nav uk-navbar-dropdown-nav">
													<li class="submenuItem"><a routerLinkActive="uk-link" href="overview.html">Overview</a></li>
													<li class="submenuItem"><a routerLinkActive="uk-link" href="authentication.html">Authentication</a></li>
													<li class="submenuItem"><a routerLinkActive="uk-link" href="graph-dumps.html">Bulk Access</a></li>
													<li class="submenuItem"><a routerLinkActive="uk-link" href="api.html">Selective Access</a></li>    
													<li class="submenuItem"><a routerLinkActive="uk-link" href="response-metadata-format.html">Response Metadata Format</a></li>
													<li class="submenuItem"><a routerLinkActive="uk-link" href="https://graph.openaire.eu/resources/references">References</a></li>
												</ul>                                 
										</div>
									</div>
							</div>
						</li>
						<li class="uk-parent menuItem">
							<a href="https://graph.openaire.eu/support" aria-expanded="false">Support</a>
						</li>
					</ul>
				</div>
			</nav>
		</div>
	</div>
</div>
<script>
	const submenuItems = document.querySelectorAll(".submenuItem");
	if (window.location.pathname.includes("overview")) {
		submenuItems[0].classList.add('uk-active');
	} else if (window.location.pathname.includes("authentication") || window.location.pathname.includes("personalToken") || window.location.pathname.includes("registeredService") || window.location.pathname.includes("basic") || window.location.pathname.includes("advanced")) {
		submenuItems[1].classList.add('uk-active');
	} else if (window.location.pathname.includes("graph-dumps") || window.location.pathname.includes("bulk-projects") || window.location.pathname.includes("graph-dumps-old")) {
		submenuItems[2].classList.add('uk-active');
	} else if (window.location.pathname.includes("api.html")) {
		submenuItems[3].classList.add('uk-active');
	} else if (window.location.pathname.includes("response-metadata-format")) {
		submenuItems[4].classList.add('uk-active');
	}
</script>