include ../src/elements/_polymer

doctype html
html
	head
		title OpenNG
		link(rel='stylesheet', href='/stylesheets/pure-min.css')
		link(rel='stylesheet', href='/stylesheets/style.css')
		link(rel='stylesheet', href='/stylesheets/font-awesome.min.css')
		link(rel='stylesheet', href='/stylesheets/openng.css')
		link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Istok+Web:400,700|Open+Sans:400,700|Varela+Round')
		script(src="/bower_components/webcomponentsjs/webcomponents.min.js")
		script(src="/js/bundle.js")
		+pmImportPath("/elements/window")
		+pmImportPath("/elements/window-manager")
		+pmImportPath("/elements/frame")
		+pmImportPath("/elements/button")
	body(ng-controller="appController")
		canvas.overlay
		#mainToolbar
			a.pure-button.add.shadow
				i.fa.fa-plus
				|  Create new node
			form.search.pure-form.pure-form-inline(method="post", action="/search")
				input(name="query", type="text", placeholder="Enter something to search for...")
				button.pure-button.search.shadow(type="submit")
					i.fa.fa-search
					|  Search
			#logo OpenNG
		openng-window-manager
			openng-window(x=150, y=150, url="/nodes/create")