blog.php

<section id="blog" class="blog">
	<article class="dinosaur">
	</article>
	
	<article class="info">
		<h1>blogosaurus</h1>
	</article>
	
	<article>
		<section class="blog-info">
			<a href="blog/css-animate/">(╯°□°)╯ ( <sup>┻━┻</sup><br />css meme animation</a>
			<a href="blog/html-manifest/"><i class="icon-mobile-phone"></i>appcache and firefox os app</a>
			<a href="blog/sassy-grid/"><i class="icon-table"></i>a sassy scss grid</a>
			<a href="blog/full-screen/"><i class="icon-fullscreen"></i>using the fullscreen api</a>
			<a href="blog/showcase/"><i class="icon-cogs"></i>showcase with snap scroll</a>
			<a href="blog/srcset/"><i class="icon-picture"></i>img srcset</a>
			<a href="blog/icon-font/"><i class="icon-truck"></i>creating an icon font</a>
			<a href="blog/accordion/"><i class="icon-plus-sign"></i>html and css accordion</a>
			<a href="blog/vhm/"><i class="icon-columns"></i>viewport lengths in css</a>
			<a href="blog/audio/"><i class="icon-headphones"></i>using the html5 audio element</a>
			<a href="blog/scroll/"><i class="icon-sort"></i>smooth scrolling with jQuery</a>
			<a href="blog/court/"><i class="icon-legal"></i>notes from the courthouse</a>
			<a href="blog/pretty-nav/"><i class="icon-circle-blank"></i>make a pretty navigation using <code>:target</code></a>
			<a href="blog/svgs/"><i class="icon-link"></i>using svgs as links</a>
			<a href="blog/geo-location/"><i class="icon-globe"></i>add a map with direction using html5 GeoLocation</a>
			<a href="blog/clearfix/"><i class="icon-resize-vertical"></i>clear nasty floats with a css clear fix</a>
			<a href="blog/form-slide/"><i class="icon-check"></i>interactive checkbox &amp; radio button</a>
			<a href="blog/calculator"><i class="icon-minus"></i>javascript math functions</a>
			<a href="http://licence.visualidiot.com/"><i>:)</i>License (none really)</a>
		</section>
	</article>	
</section>