<div class="table-of-content">
  <h2>Tutorial Overview</h2>
  <ol>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-1-intro-setup/">Intro and Setup</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-2-development-server-browsersync-configuration/">Server with BrowserSync and Configuration</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-3-build-clean-jekyll/">Build, Clean and Jekyll</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-4-css-generation-sass/">Creating CSS with Sass (and Compass)</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-5-javascripts-browserify/">Bundling JavaScript with Browserify</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-6-images-vector-fonts/">Images and Vector Fonts</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-7-base64/">Base64 Encoded Images</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-8-watch/">Watch for Changes</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-9-linting-scss-and-javascript/">Checking the Syntax of SCSS and JavaScript</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-10-generating-sprites/">Generating CSS Image Sprites</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-11-production-build-server-and-jekyll/">Production Build, Server and Jekyll</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-12-optimize-css-javascript-images-and-html/">Optimize CSS, JavaScript,  Images and HTML</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-13-revisioning/">Revisioning</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-14-deploying-the-website/">Deploying the Website with Rsync</a></li>
    <li><a href="{{ site.url }}/2014/gulp-tutorial-15-performance-improvements-webp-gzip/">Performance Improvements with WebP and Gzip</a></li>
    <li><a href="{{ site.url }}/2015/gulp-tutorial-16-postcss/">PostCSS</a></li>
  </ol>
</div>
