New genre overview

components/layout.pixy

@@ -0,0 +1,41 @@
+component Layout(content string, css string)
+	html
+		head
+			title ARN 4.0 - Beta
+			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