<footer class="footer">
	<div class="container">
		<div class="has-text-centered">
			<p>
				Copyright &copy; {{ now.Year }}
				<a href="{{ .Site.Params.website }}">{{ .Site.Params.author }}</a>.
				All rights reserved. Made with ♥️ and <a href="https://gohugo.io">Hugo</a>.
				{{/* The site urls are hard coded because both sites are located at the same path but the base website
				url is different on the docs page */}}
				<a href="https://vikunja.io/contact/">Contact</a> |
				<a href="https://vikunja.io/privacy/">Privacy Policy</a>
			</p>
			<p class="footer-buttons">
				<a href="https://matrix.to/#/#vikunja:matrix.org">
					<img src="https://img.shields.io/badge/chat-on%20matrix.org-brightgreen" alt="Chat on matrix.org"/>
				</a>
				<a target="_blank" href="https://www.buymeacoffee.com/kolaente" class="button coffee is-primary">
					<span class="icon is-small">
						<img src="https://cdn.buymeacoffee.com/buttons/bmc-new-btn-logo.svg" alt="Buy me a coffee">
					</span>
					<span>Buy Me A Coffe</span>
				</a>
				<iframe src="https://github.com/sponsors/kolaente/button" title="Sponsor kolaente" height="35" width="116" style="border: 0;"></iframe>
				<a target="_blank" href="https://twitter.com/vikunjaio">
					Twitter
				</a>
			</p>
			{{/*
			Commented out until we actually have a multi-language website.
			<p>
				{{ $lang := .Lang }}{{ $base := .Site.BaseURL }}{{ range .Site.Languages }}
				<a class="nav-link" href="{{ $base }}{{ .Lang }}">{{ .LanguageName }}</a>
				{{ end }}
			</p>
			*/}}
		</div>
	</div>
</footer>

<script>
	document.addEventListener('DOMContentLoaded', function () {

		// Get all "navbar-burger" elements
		var $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);

		// Check if there are any navbar burgers
		if ($navbarBurgers.length > 0) {

			// Add a click event on each of them
			$navbarBurgers.forEach(function ($el) {
				$el.addEventListener('click', function () {

					// Get the target from the "data-target" attribute
					var target = $el.dataset.target;
					var $target = document.getElementById(target);

					// Toggle the class on both the "navbar-burger" and the "navbar-menu"
					$el.classList.toggle('is-active');
					$target.classList.toggle('is-active');

					document.getElementById('navbar-background').classList.toggle('is-active');
				});
			});
		}

	});
</script>

{{ partial "plausible-tracking.html" . }}
</body>
</html>
