doctype html
html(lang='en')
	head
		meta(charset='utf-8')
		meta(http-equiv='X-UA-Compatible', content='IE=edge')
		meta(name='viewport', content='width=device-width, initial-scale=1')

		title Slick-lightbox by mreq
		link(href='gh-pages/stylesheets/bootstrap.css', rel='stylesheet')
		link(href='gh-pages/stylesheets/bootstrap-theme.css', rel='stylesheet')
		link(href='gh-pages/stylesheets/tablesaw.stackonly.css', rel='stylesheet')
		link(href='gh-pages/stylesheets/tablesaw.stackonly.css', rel='stylesheet')
		link(href='gh-pages/stylesheets/github-highlight.css', rel='stylesheet')

		style.
			.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label { overflow: hidden; text-overflow: ellipsis; }
			h2 { margin-top: 30px; }
			@media screen and (max-width: 770px) { .gh-ribbon { display: none; } }

		//if lt IE 9
			script(src='https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js')
			script(src='https://oss.maxcdn.com/respond/1.4.2/respond.min.js')
	body
		nav.navbar.navbar-default
			.container-fluid
				.navbar-header
					button.navbar-toggle.collapsed(type='button', data-toggle='collapse', data-target='#bs-example-navbar-collapse-1')
						span.sr-only Toggle navigation
						span.icon-bar
						span.icon-bar
						span.icon-bar
					a.navbar-brand(href='/slick-lightbox/') Slick lightbox

				#bs-example-navbar-collapse-1.collapse.navbar-collapse
					ul.nav.navbar-nav
						li
							a(href='#usage') Usage
						li
							a(href='#options') Options
						li
							a(href='#events') Events
						li
							a(href='docs/') Docs
						li
							a(href='demo/') Demo

		.container
			include:md README.md

		a(href="https://github.com/mreq/slick-lightbox" class="gh-ribbon")
			img(style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png")

		script(src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js')
		script(type='text/javascript').
			$('table').addClass('tablesaw tablesaw-stack').attr('data-tablesaw-mode', 'stack');
		script(src='gh-pages/javascripts/bootstrap.min.js')
		script(src='gh-pages/javascripts/tablesaw.stackonly.js')
		script(src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.6/highlight.min.js')
		script(type='text/javascript').
			hljs.initHighlightingOnLoad();