Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
70 lines (59 sloc) 3.75 KB
<!DOCTYPE html>
<html lang="en">
<head>
<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 (http://timeline.knightlab.com/). 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 (http://github.com/klamping).
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 README.md file (https://github.com/klamping/klamping.github.io/blob/master/README.md)
If you have questions, send them over by opening a Github Issue (https://github.com/klamping/klamping.github.io/issues).
-->
<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">
</head>
<body>
<div class="external-media">
<ul class="links">
<li class="link"><a href="http://twitter.com/klamping" title="My Twitter Feed"><img src="images/icons/twitter.png" alt="My Twitter Feed" /></a></li>
<li class="link"><a href="http://www.linkedin.com/in/klamping/" title="My LinkedIn Profile"><img src="images/icons/linkedin.png" alt="My LinkedIn Profile" /></a></li>
<li class="link"><a href="http://blog.kevinlamping.com" title="My Personal Blog"><img src="images/icons/tumblr.png" alt="My Personal Blog" /></a></li>
<li class="link"><a href="https://github.com/klamping" title="My Github Repositories"><img src="images/icons/github.png" alt="My Github Repositories" /></a></li>
<li class="link"><a href="http://flickr.com/photos/klamping" title="My Flickr Photostream"><img src="images/icons/flickr.png" alt="My Flickr Photostream" /></a></li>
<li class="link"><a href="http://steamcommunity.com/id/klamping" title="My Steam Profile"><img src="images/icons/steam.png" alt="My Steam Profile" /></a></li>
<li class="link"><a href="http://www.youtube.com/user/medigerati" title="My YouTube Videos"><img src="images/icons/youtube.png" alt="My YouTube Videos" /></a></li>
</ul>
</div>
<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>
<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", ["*.kevinlamping.com","*.www.kevinlamping.com"]]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//stats.klamp.in/";
_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);
})();
</script>
<noscript><p><img src="//stats.klamp.in/piwik.php?idsite=4" style="border:0;" alt="" /></p></noscript>
<!-- End Piwik Code -->
</body>
</html>