doctype html
html(lang="fr")
	head
		link(href="css/font-awesome.min.css", rel="stylesheet")
		link(href="bootstrap-icons/font/bootstrap-icons.css", rel="stylesheet")
		link(rel="stylesheet", type="text/css", href="css/style.css")
		link(rel="stylesheet" title="cardsize", href="css/bigcards.css", type="text/css", media="all")
		if locals.faviconUrl
			link(rel="icon", type="image/png", href=locals.faviconUrl)
		else
			link(rel="icon", type="image/png", href="/images/favicon.png")
		title= locals.pageTitle
	body
		div#site-wrapper
			div#site-canvas
				div#site-menu
					a.toggle-nav.pull-right.close-link(href="#") Fermer  
						i.fa.fa-times 
			
					div#share
						div.copy
							h2 Partager le tableau 
							h3 par lien
							div.form-inline
								div.input-group
									input.replace-url.form-control(disabled='disabled')
									div.input-group-addon
										a.copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
											i.fa.fa-clipboard
							h3 en iframe HTML
							div.form-inline
								div.input-group
									textarea.share-iframe.form-control(disabled='disabled', name="html-widget", cols="30", rows="3")
										<iframe src="{{replace-url}}" width="100%" height="600" frameborder="0"></iframe>
									div.input-group-addon
										a#copyurl(href='#', title='Copier l\'adresse du tableau dans votre presse-papier')
											i.fa.fa-clipboard
						div.export
							h2 Exporter le tableau
							button#export-txt.btn.btn-primary Format texte
							button#export-csv.btn.btn-primary Format CSV
							button#export-json.btn.btn-primary Format JSON (pour import dans Post-it)

					div#settings
						h2 Image de fond
						div.backgrounds
							img.bg(src="images/backgrounds/lagune.jpg", alt="lagune")
							img.bg(src="images/backgrounds/canoe.jpg", alt="canoe")
							img.bg(src="images/backgrounds/ciel.jpg", alt="ciel")
							img.bg(src="images/backgrounds/contreplaque.jpg", alt="contreplaque")
							img.bg(src="images/backgrounds/muscaris.jpg", alt="muscaris")
							img.bg(src="images/backgrounds/nuagesoir.jpg", alt="nuagesoir")
							img.bg(src="images/backgrounds/osier.jpg", alt="osier")
							img.bg(src="images/backgrounds/planches.jpg", alt="planches")
							img.bg(src="images/backgrounds/ardoise.jpg", alt="ardoise")
							img.bg(src="images/backgrounds/clouds.jpg", alt="clouds")
							img.bg(src="images/backgrounds/crab.jpg", alt="crab")
							img.bg(src="images/backgrounds/ecorces.jpg", alt="ecorces")
							img.bg(src="images/backgrounds/kiwi.jpg", alt="kiwi")
							img.bg(src="images/backgrounds/plants.jpg", alt="plants")
							img.bg(src="images/backgrounds/straw.jpg", alt="straw")
							img.bg(src="images/backgrounds/textile.jpg", alt="textile")
							img.bg(src="images/backgrounds/trees.jpg", alt="trees")
							img.bg(src="images/backgrounds/yellow-bamboos.jpg", alt="yellow-bamboos")
						input.bgurl.form-control(type="url", placeholder="URL vers image de fond", name="bgurl")
						div.revisions
							h2 Révisions
							button#create-revision.btn.btn-primary Créer une révision
							div
								ul#revisions-list
						div.import
							h2 Importer un tableau
							div.form-inline
								div.form-group
									label(for="import-input") Fichier JSON à importer
									input(type="file")#import-input.form-control
									button#import-file.btn.btn-primary Importer
				div#header-bar(data-url=locals.headerBarUrl)
				header.container.main-header
					div.title
						a(href="/", title="Retour à la page d'accueil")
							if locals.logoUrl
								img.logo(src=locals.logoUrl, alt="logo Post-it")
							else
								img.logo(src="images/logo-Post-it.svg", alt="logo Post-it")
						if (locals.home === true)
							div.base-line Organiser ses idées collectivement
						if (locals.demo === true)
							div.base-line Tableau de démonstration.<br />N’y mettez rien d’important !
					block header
				main
					block body
				div.clearfix
				footer.container
					block footer
					div.credits Logiciel libre basé sur <a href="https://framagit.org/framasoft/framemo">Framemo</a> et <a href="https://github.com/aliasaria/scrumblr">Scrumblr</a> - <a href="https://framagit.org/colibris/framemo">Code source</a>
		script(src="/reload/reload.js")
		script(src="lib/jquery.min.js")
		script(src="lib/jquery-ui.min.js")
		script(src="lib/jquery.ui.touch-punch.min.js")
		script(src="lib/jquery.jeditable.js")
		script(src="lib/jquery.blockUI.js")
		script(src="lib/marked.min.js")
		script(src="lib/moment-with-locales.min.js")
		script(src="socket.io/socket.io.js")
		script(src="script.js")