extends layout.pug

block extra_head
	meta(name='description', content='Compiler engineer and theoretical linguist. Software projects and academic publications.')

block titleContainer

block content
	header#introduction
		div
			img#profile(alt="Camil Staps", src="/assets/img/profile.jpg")
			div#basicinfo
				.container
					h1 Camil Staps
					p.text-muted
						span [kaˈmil stɑps] 
						span.opt-break he/his
						br
						span.tt.obfuscate.wrap-anywhere
							| info@c
							span dummy
							| amilst
							span dummy
							| aps.nl
					p(style="margin-bottom:1em;")
						a(href="https://leidenuni.academia.edu/CamilStaps")
							i.ai.ai-lg.ai-academia(title="Academia.edu")
						|  
						a(href="https://orcid.org/0000-0003-1164-6838")
							i.ai.ai-lg.ai-orcid(title="ORCiD")
						|  
						a(href="https://gitlab.com/camilstaps")
							i.fab.fa-lg.fa-gitlab(title="GitLab")
						|  
						a(href="https://github.com/camilstaps")
							i.fab.fa-lg.fa-github(title="GitHub")
						|  
						a(href="https://nl.linkedin.com/in/camilstaps")
							i.fab.fa-lg.fa-linkedin(title="LinkedIn")

				ul.nav.nav-tabs
					block set_page
					-
						function item_is_active (item) {
							return item.link == page;
						}
						items = [
							{name: 'About', link: '/'},
							{name: 'Linguistics', link: 'linguistics.html'},
							{name: 'Clean', link: 'clean.html'},
						];

					each item in items
						li.nav-item(role='presentation')
							a.nav-link(href=item.link, class=item_is_active(item) ? 'active' : '')= item.name

	block page