IcyNet.eu/views/layout.pug

doctype html
html
	head
		meta(charset="utf8")
		meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
		block meta
			meta(name="og:title", content="Icy Network")
			meta(name="og:description", content="Icy Network is a Global Network of Communities and Websites, United by a Single Login")
			meta(name="og:image", content="https://icynet.eu/static/image/icynet-icon.png")
			meta(name="og:type", content="website")
			meta(name="twitter:card", content="summary")
			meta(name="twitter:title", content="Icy Network")
			meta(name="twitter:description", content="Icy Network is a Global Network of Communities and Websites, United by a Single Login")
		if matomo
			script(type="text/javascript").
				var _paq = _paq || [];
				  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
				_paq.push(["setCookieDomain", "*.#{matomo.site_domain}"]);
				_paq.push(["setDomains", ["*.#{matomo.site_domain}"]]);
				_paq.push(['trackPageView']);
				_paq.push(['enableLinkTracking']);
				(function() {
					var u="#{matomo.track_url}";
					_paq.push(['setTrackerUrl', u+'piwik.php']);
					_paq.push(['setSiteId', '#{matomo.site_id}']);
					var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
					g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
				})();
		block links
			link(rel="stylesheet", type="text/css", href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css")
			link(rel="stylesheet", type="text/css", href="/style/main.css")
			link(rel="stylesheet", type="text/css", href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css")
			script(src="/script/main.js")
		block cookieconsent
			link(rel="stylesheet", type="text/css", href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.4/cookieconsent.min.css")
			script(src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.4/cookieconsent.min.js")
			script(type="text/javascript").
				window.addEventListener('load', function () {
					window.cookieconsent.initialise({
						container: document.body,
						palette:{
							popup: {background: "#00dbf7"},
							button: {background: "#0074d0"},
						},
						revokable: false,
						law: {
						  regionalLaw: false,
						},
						location: true,
					});
				});

		title
			block title
	body
		noscript
			h2 This site requires JavaScript to work properly!
			p Please consider enabling JavaScript for the full experience.
			if matomo
				p
					img.d-inline-block.align-top(src="#{matomo.track_url}piwik.php?idsite=1&rec=1" style="border:0;" alt="")

		block nav
			nav.navbar.navbar-expand-lg.navbar-light.bg-light.sticky-top
				a.navbar-brand(href="/")
					img(src="/static/image/icynet-icon.svg" width="30" heigth="30")
					|Icy Network

				button.navbar-toggler(type="button" data-toggle="collapse" data-target="#navCollapse" aria-controls="navCollapse" aria-expanded="false" aria-label="Toggle navigation")
					span.navbar-toggler-icon

				.navbar-collapse.collapse#navCollapse
					ul.mr-auto.navbar-nav
						li.nav-item
							a.nav-link(href="/") Home
						li.nav-item
							a.nav-link(href="/news") News
						li.nav-item
							a.nav-link(href="https://forum.icynet.eu/") Forum
					ul.navbar-nav.my-2.my-lg-0
						if user
							li.nav-item
								a.nav-link(href="/user/manage") #{user.display_name}
							li.nav-item
								a.nav-link(href="/logout") Log out
						else
							li.nav-item
								a.nav-link(href="/login") Log in
		main(role="main")
			block body
			block footer
				//FOOTER
				footer.container.mb-4
					p
						|© 2017 - 2019 Icy Network
						span.float-sm-right.ml-4
							a(href="/docs/terms-of-service") Terms
							|  · 
							a(href="/docs/privacy-policy") Privacy
							|  · 
							a(href="/donate") Donate
					.d-flex.justify-content-center
						a.btn-social#gitlab(href="https://gitlab.icynet.eu/IcyNetwork/" target="_blank")
							i.fa.fa-fw.fa-gitlab
						a.btn-social#twitter(href="https://twitter.com/IcyNet" target="_blank")
							i.fa.fa-fw.fa-twitter
						a.btn-social#discord(href="https://discord.gg/Xe7MKSx" target="_blank")
							span