layout.jade

!!! 5
head
	meta(name='viewport', content='width=device-width, initial-scale=1.0')
	title #{title}
	
	//link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=PT+Sans', type='text/css')
	link(rel='stylesheet', href=base_url + '/bootstrap/css/bootstrap.css')
	style(type='text/css')
		body {padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */}
	link(rel='stylesheet', href=base_url + '/bootstrap/css/bootstrap-responsive.css')
	link(rel='stylesheet', href=base_url + '/main.css', type='text/css')
	link(rel='alternate', type='application/rss+xml', title=title, href=base_url + '/rss.xml')

	// Le HTML5 shim, for IE6-8 support of HTML5 elements
	//if lt IE 9
		script(src="http://html5shim.googlecode.com/svn/trunk/html5.js")

body
	div.navbar.navbar-fixed-top
		div.navbar-inner
			div.container
				a.btn.btn-navbar(data-toggle="collapse",data-target=".nav-collapse")
					span.icon-bar

					span.icon-bar

					span.icon-bar

				a.brand(href='/') intuitio.us
				div.nav-collapse
					ul.nav
						li.active
							a(href='/') Home
						li
							a(href='#about') About
						li
							a(href='#contact') Contact
						li
							a(href='/rss.xml')
								img(src=base_url + '/img/feed-icon-14x14.png')

	div.container
		- each article in articles
			div.article.row
				div.span12
					h2 <a href='!{base_url}/!{article.url}/'>!{article.title}</a>
					div.date
						-if (show_author)
							!{article.author} - 
						!{article.date_str}
					div.body !{article.body}

				- if (typeof single !== 'undefined' && single && disqus_id !== -1)
					script(type='text/javascript)
						/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
						var disqus_shortname = '!{disqus_id}'; // required: replace example with your forum shortname

						/* * * DON'T EDIT BELOW THIS LINE * * */
						(function() {
							var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
							dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
							(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
						})();

					div#disqus_thread

		- if ((typeof single === 'undefined' || !single) && page_num !== -1)
			div.next_page
				<a href='!{base_url}/page/#{page_num + 1}'>Next Page</a>

	footer
		div.container
			div.row
				hr
				div.span4
					|	&copy; Michael S. Kelly 2011
					p
						a(href='http://github.com/guyht/glog') Powered by Glog
				div.span2.offset2
					h4
						em
							a.centered(href='http://www.motherjones.com/files/emotional_dog_and_rational_tail.pdf', title='I intuit, therefore I am') Intueor ergo sum
				
				div.span2.offset2
					a(href='/') 
						img.right(src=base_url + '/img/thumbnail_small.jpg', height='50')
			div.row
					
			

		- if (typeof analytics_code !== 'undefined' && analytics_code !== null)
			script(type='text/javascript')
				var _gaq = _gaq || [];
				_gaq.push(['_setAccount', '!{analytics_code}']);
				_gaq.push(['_trackPageview']);

				(function() {
					var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
					ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
					var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
				})();

	// Le javascript
	// ==================================================
	// Placed at the end of the document so the pages load faster
	script(src=base_url + '/bootstrap/js/jquery.js')
	script(src=base_url + '/bootstrap/js/bootstrap.js')