<div class="{{#isFrontPage}}navbar-frontpage blue-bg{{/isFrontPage}} {{^isFrontPage}}navbar-main white-bg{{/isFrontPage}}" id="nav-section">
	<div class="container">
		<div class="row">
			<div class="col-3">
				<a href="{{baseUrl}}/">
					<img
						src="{{#isFrontPage}}{{imageBaseUrl}}/logo-text.svg{{/isFrontPage}}{{^isFrontPage}}{{imageBaseUrl}}/logo-text-blue.svg{{/isFrontPage}}"
						alt=""
						id="top-logo"
						width="180"
					/>
				</a>
			</div>
			<div class="col-9 text-right d-none d-md-block">
				{{> twitterLink}}
				<a href="{{baseUrl}}/news/" class="fw500">News</a>
				<a href="{{baseUrl}}/help/" class="fw500">Help</a>
				<a href="{{forumUrl}}" class="fw500">Forum</a>
				<!-- <a href="{{baseUrl}}/cn/" class="fw500">中文</a> -->

				<!--
				<div class="dropdown language-switcher">
					<button class="fw500" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false">
						Language
					</button>
					<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
						<li><a class="dropdown-item" href="#">Action</a></li>
						<li><a class="dropdown-item" href="#">Another action</a></li>
						<li><a class="dropdown-item" href="#">Something else here</a></li>
					</ul>
				</div>
				-->


				{{#showJoplinCloudLinks}}
					{{> joplinCloudButton}}
				{{/showJoplinCloudLinks}}
				{{> supportButton}}
			</div>
			<div class="col-9 text-right d-block d-md-none navbar-mobile-content">
				{{> twitterLink}}
				<!-- <a href="{{baseUrl}}/cn/" class="fw500 chinese-page-link">中文</a> -->
				{{> joplinCloudButton}}
				{{> supportButton}}

				<span class="pointer"
					><img
						src="{{#isFrontPage}}{{imageBaseUrl}}/mobile-menu-open-icon.png{{/isFrontPage}}{{^isFrontPage}}{{imageBaseUrl}}/mobile-menu-black-open-icon.png{{/isFrontPage}}"
						id="open-menu-mobile"
						alt=""
				/></span>
				&nbsp;&nbsp;

				<div id="menu-mobile">
					<div>
						<div class="text-right">
							<img
								src="{{imageBaseUrl}}/close-icon.png"
								alt=""
								class="pointer"
								id="close-menu-mobile"
							/>
						</div>

						<div class="text-center menu-mobile-top">
							<a href="{{baseUrl}}/news/" class="fw500 mobile-menu-link">News</a>
							<a href="{{baseUrl}}/help/" class="fw500 mobile-menu-link">Help</a>
							<a href="{{forumUrl}}" class="fw500 mobile-menu-link">Forum</a>
						</div>

						<div class="menu-mobile-buttons">
							{{#showJoplinCloudLinks}}
								{{> joplinCloudButton}}
							{{/showJoplinCloudLinks}}
							{{> supportButton}}
						</div>
					</div>

					{{#showToc}}
						<div id="toc-mobile">{{{tocHtml}}}</div>
					{{/showToc}}

					{{> socialFeeds}}
					
					<div>
						<p class="light-blue mobile-menu-link-bottom text-center">
							Copyright &copy; 2016-{{yyyy}} Laurent&nbsp;Cozic
							<br/>
							<a href="{{baseUrl}}/privacy/" class="fw500">Privacy Policy</a>
						</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>