Timeline as a Slideshow

TaaS

HTML

<script src="//cdn.jsdelivr.net/timelinejs/2.17/js/storyjs-embed.js"></script>
<link rel="stylesheet" href="http://cdn.jsdelivr.net/timelinejs/2.17/css/timeline.css">
<script src="http://cdn.jsdelivr.net/timelinejs/2.17/js/timeline.js"></script>
<div id="my-timeline"></div>

JavaScript

$(document).ready(function () {
    var slides = [{
        "startDate": "2017,1",
            "headline": "HL7 FHIR",
            "text": "<p>Our first major Day of Service project for Martin Luther King Jr. Day was a great success! We had 79 volunteers help restore a hillside by planting 400 native plants, clearing overgrown trails, painting benches and planters, and collecting trash at Rancho Mission Canyon Park./p>",
        "asset": {
            "media": "http://youtu.be/ygBmEqLC1G8",
                "credit": "HL7 International",
                "caption": ""
        }
    }, {
        "startDate": "2017,1",
            "headline": "PMIX View",
            "text": "<p>Our first major Day of Service project for Martin Luther King Jr. Day was a great success! We had 79 volunteers help restore a hillside by planting 400 native plants, clearing overgrown trails, painting benches and planters, and collecting trash at Rancho Mission Canyon Park.</p>"
    }, {
        "startDate": "2014,3",
            "headline": "University of Alberta RFP",
            "text": "<p>In March 2014, I was contacted by Dennis Hulme, Sierra Edmonton, to help with bid/no-bid for a small RFP for a native mobile questionnaire application. We ended up not bidding because the RFP was small, but the idea for a standards-compliant questionnaire app stuck with me, especially if it could retain the look and feel of the original questionnaire.</p>"
    }, {
        "startDate": "2015",
            "headline": "In the next 5 years, changes will take place that demonstrate some of the things that I am talking about today.</p>"
    }, {
        "startDate": "2016,1",
            "headline": "The Next 5 Years: Mobile",
            "text": "<p>Mobile devices become prevalent, providing information access and identity assurance. Since these devices have a shorter lifespan and automatic updates, browser fragmentation becomes less of an issue.</p>",
        "asset": {
            "media":...