doctype html
html
	head
		meta(http-equiv='X-UA-Compatible', content='IE=edge')
		meta(charset='UTF-8')
		meta(name='viewport', content='width=device-width, initial-scale=1')
		meta(name='theme-color', content='#009688')
		meta(name='msapplication-TileColor', content='#009688')
		meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')
		title= appconfig.title

		// Favicon
		each favsize in [57, 60, 72, 76, 114, 120, 144, 152, 180]
			link(rel='apple-touch-icon', sizes=favsize + 'x' + favsize, href='/favicons/apple-icon-' + favsize + 'x' + favsize + '.png')
		link(rel='icon', type='image/png', sizes='192x192', href='/favicons/android-icon-192x192.png')
		each favsize in [32, 96, 16]
			link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize, href='/favicons/favicon-' + favsize + 'x' + favsize + '.png')
		link(rel='manifest', href='/manifest.json')

		// CSS
		link(type='text/css', rel='stylesheet', href='/css/libs.css')
		link(type='text/css', rel='stylesheet', href='/css/app.css')

	body(class='server-error')
		section.hero.is-warning.is-fullheight
			.hero-body
				.container
					a(href='/'): img(src='/favicons/android-icon-96x96.png')
					h1.title(style={ 'margin-top': '30px'})= message
					h2.subtitle(style={ 'margin-bottom': '50px'}) Oops, something went wrong
					a.button.is-warning.is-inverted(href='/') Go Home

		if error.stack
			section.section
				.container.is-fluid
					.content
						h3 Detailed debug trail:
						pre: code #{error.stack}