TikTok timeline as a Jekyll include

tiktok-include.md

{% include tiktok.html timeline-source='' title='' %}

tiktok.html

<!-- Lato font -->
<link href="https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext" rel="stylesheet" type="text/css">

<!-- Demo/dev dependencies -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/isagalaev/highlight.js/master/src/styles/github.css">

<!-- Main library CSS -->
<link href="https://cdn.rawgit.com/datanews/tik-tok/0.1.1/dist/tik-tok.min.css" rel="stylesheet" type="text/css">

<!-- General example stylesheet -->
<link rel="stylesheet" href="https://raw.githubusercontent.com/datanews/tik-tok/master/examples/examples.css">

<!-- Example CSS -->
<style media="screen" type="text/css" id="example-css">
</style>

<div id="tik-tok-tabletop" class="example-html">
  <div class="temp-loading">Loading...</div>
</div>

<!-- Dependencies -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script>

<!-- Demo/dev dependencies -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.4.2/tabletop.min.js"></script>
<script src="https://cdn.rawgit.com/mikeflynn/egg.js/master/egg.min.js"></script>

<!-- Main library JS -->
<script src="https://cdn.rawgit.com/datanews/tik-tok/0.1.1/dist/tik-tok.min.js"></script>

<!-- General example JS -->
<script src="examples.js"></script>

<!-- Make examples -->
<script id="example-javascript">
Tabletop.init({
 key: '{{ include.timeline-source }}',
 simpleSheet: true,
 callback: function(data, tabletop) {
   var tikTok = new TikTok({
 el: '#tik-tok-tabletop',
 title: '{{ include.title }}',
 entries: data
   });
 }
});
</script>