jQuery Timeline.js Demo Page

<script>

/*

    Timeline - Responsive, jQuery-based timeline
    Version 1.0.0
    Ryan Fitzgerald
    http://RyanFitzgerald.ca/
    ---
    Repo: http://github.com/ryanfitzgerald/timeline
    Issues: http://github.com/ryanfitzgerald/timeline/issues
    Licensed under MIT Open Source

 */

 (function ( $ ) {

    $.fn.timeline = function(options) {

        // Overide defaults, if any
        var settings = $.extend({
            startSide: 'left',
            alternate: true,
        }, options);

        // Allow chaining and process each DOM node
        return this.each(function() {

            // Define variables
            $wrapper = $(this); // Main wrapping classes
            $userContent = $(this).children('div'); // user created divs

            // Add wrapper class
            $wrapper.addClass('timeline-wrap');

            // Create timeline divs
            $userContent.each(function() {
                // Add wrapping divs to each user div
                $(this).addClass('timeline-user')
                        .wrap('<div class="timeline-point"><div class="timeline-content"></div>