Timeline as a Slideshow

TaaS

by phollott

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": "2012,5",
            "headline": "HL7 FHIR",
            "text": "<p>Fast Healthcare Interoperability Resources made its debut at a 2012 HL7 WGM I attended in Vancouver; I have been involved with the standard as a champion since then.<br><br>HL7 FHIR is an emerging standard developed by HL7, based on HTTP-JSON and RESTful principles./p>",
        "asset": {
            "media": "http://youtu.be/ygBmEqLC1G8",
                "credit": "HL7 International",
                "caption": ""
        }
    }, {
        "startDate": "2013,6",
            "headline": "PMIX View",
            "text": "<p>Around June, 2013, I started working on some Prescription Drug Monitoring use cases from HHS, using Saxon-CE for client-side XML and AngularJS for client-side JSON, NIEM and HL7 FHIR.<br><br>I called this approach Angular-Saxon, and eventually settled on Angular as my framework of choice.</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":...