component Layout(content string, css string)
	html
		head
			title ARN 4.0 - Beta
			meta(name="viewport", content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes")
			style!= css
		body
			#container
				Header
				Content(content)
			
			LoadingAnimation
			
			script(src="/scripts.js")

component Header
	#header-container
		#header.header-logged-in
			Navigation

component Content(content string)
	#content-container
		main#content.fade!= content

component Navigation
	nav#navigation
		a.navigation-link.navigation-link-left.ajax(href="/")
			.navigation-button
				i.fa.fa-dashboard
				span.navigation-text Dash

component LoadingAnimation
	#loading-animation.sk-cube-grid.fade
		.sk-cube.sk-cube1
		.sk-cube.sk-cube2
		.sk-cube.sk-cube3
		.sk-cube.sk-cube4
		.sk-cube.sk-cube5
		.sk-cube.sk-cube6
		.sk-cube.sk-cube7
		.sk-cube.sk-cube8
		.sk-cube.sk-cube9