doctype html
html
	head
		meta(http-equiv='X-UA-Compatible', content='IE=edge')
		meta(charset='UTF-8')
		title= appconfig.title

		// Favicon
		each favsize in [32, 96, 16]
			link(rel='icon', type='image/png', sizes=favsize + 'x' + favsize href='/images/favicon-' + favsize + 'x' + favsize + '.png')

		// CSS
		link(href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700|Inconsolata', rel='stylesheet', type='text/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}