Find file
Fetching contributors…
Cannot retrieve contributors at this time
70 lines (59 sloc) 3.75 KB
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
Oh hi there!
This is the very basic HTML source code for my timeline website.
The implementation is based off of the pretty awesome 'Timeline.js' library ( While I love writing JavaScript, I love implementing other's JS even more. There isn't a lot of custom code here written by me. See my GitHub profile for that sort of thing (
The timeline library I used was meant for important timelines, like news stories or historical events. There are some really amazing timelines created out there. Mine really isn't one of them.
However, I still loved the effect, so I went ahead and created my personal history. If you're interested in learn how I've set everything up, see my repo's file (
If you have questions, send them over by opening a Github Issue (
<title>Kevin Lamping - History</title>
<link rel="stylesheet" type="text/css" href="css/core.css" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<div class="external-media">
<ul class="links">
<li class="link"><a href="" title="My Twitter Feed"><img src="images/icons/twitter.png" alt="My Twitter Feed" /></a></li>
<li class="link"><a href="" title="My LinkedIn Profile"><img src="images/icons/linkedin.png" alt="My LinkedIn Profile" /></a></li>
<li class="link"><a href="" title="My Personal Blog"><img src="images/icons/tumblr.png" alt="My Personal Blog" /></a></li>
<li class="link"><a href="" title="My Github Repositories"><img src="images/icons/github.png" alt="My Github Repositories" /></a></li>
<li class="link"><a href="" title="My Flickr Photostream"><img src="images/icons/flickr.png" alt="My Flickr Photostream" /></a></li>
<li class="link"><a href="" title="My Steam Profile"><img src="images/icons/steam.png" alt="My Steam Profile" /></a></li>
<li class="link"><a href="" title="My YouTube Videos"><img src="images/icons/youtube.png" alt="My YouTube Videos" /></a></li>
<div id="timeline-embed"></div>
<script type="text/javascript">
var timeline_config = {
width: "100%",
height: "98%",
start_zoom_adjust: 2,
source: 'timeline.json',
hash_bookmark: true,
font: "BreeSerif-OpenSans"
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/storyjs-embed.js"></script>
<!-- Piwik -->
<script type="text/javascript">
var _paq = _paq || [];
_paq.push(["setDomains", ["*","*"]]);
(function() {
var u="//";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '4']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
<noscript><p><img src="//" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->