extends parts/page
block meta_data
	- page_title = content.title;
	- page_url = "/project/" ~ content.slug;
	- page_image = content.icon;
	- page_description = content.description;

block sidebar

block content
	section(lang="#{content.language}")
		header.project-header
			img.project-icon(src="#{content.icon}", alt="Icon of #{content.title}")
			div
				h1.title #{content.title}
				span.project-description #{content.description}
		- if (content.images.length > 0)
			div.screenshots
				- foreach(image; content.images)
					a(href="#{image}")
						img.screenshot(src="#{image}", alt="Image of #{content.title}")
			p
				i To easily scroll horizontally on a desktop, hold shift while using the scroll wheel
		- else
			p 
				i This project has no images.
		dl.project-platforms-technologies
			dt Platforms
			- foreach(platform; content.platforms)
				dd.tag #{platform}
			dt Technologies
			- foreach(technology; content.technologies)
				dd.tag #{technology}
			dt Source code
			- foreach(sourceCodeLink; content.sourceCode)
				dd
					a(href="#{sourceCodeLink.url}", rel="external") #{sourceCodeLink.name}
		| !{content.content}