Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

256 lines (246 sloc) 7.861 kB
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="The jQuery Lifestream plug-in enables you to show a stream of your online activity. On this page you can check out an example">
<meta name="keywords" content="jQuery, plugin, lifestream, jquery-lifestream, twitter, delicious, github, stackoverflow, flickr, lastfm, youtube">
<title>jQuery Lifestream example</title>
<style type="text/css">
body {
margin: 1.0em;
background-color: #fff;
font-family: Helvetica, Arial, FreeSans, sans-serif;
color: #000000;
}
h1 { font-size: 3.8em; color: #3908bc; margin-bottom: 3px; }
h1 .small { font-size: 0.4em; }
h1 a { text-decoration: none }
h2 { font-size: 1.5em; color: #3908bc; clear: both;}
h3 { text-align: center; color: #3908bc; }
a { color: #3908bc; }
ul li { list-style-type: none;}
#lifestream {
background: #333;
border-radius: 7px;
color: #d4d4d4;
width: 450px;
font-size:11px;
}
#lifestream a {
color: #f6dd97;
text-decoration: none;
}
#lifestream a:hover {
color: #fff5d8;
text-decoration: underline;
}
#lifestream ul {
padding: 10px;
}
#lifestream li {
padding: 5px 3px 5px 25px;
background-repeat: no-repeat;
background-position: left center;
}
#lifestream li:hover {
color: #e9e9e9;
}
#lifestream .timeago {
opacity: .5;
}
</style>
<link href="css/lifestream.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<a href="http://github.com/christianv/jquery-lifestream">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" />
</a>
<h1>jQuery Lifestream Example</h1>
<p>Find more information about this plug-in on the <a href="http://github.com/christianv/jquery-lifestream">project page</a>.</p>
<p>Go ahead and <a href="http://christianv.github.com/jquery-lifestream/me/">create your own lifestream</a>.</p>
<h2>Lifestream - formatted with CSS</h2>
<div id="lifestream">&nbsp;</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="http://code.jquery.com/jquery-1.6.1.min.js"><\/script>');</script>
<script src="jquery.lifestream.js" type="text/javascript" charset="utf-8"></script>
<script src="https://raw.github.com/rmm5t/jquery-timeago/master/jquery.timeago.js" type="text/javascript" charset="utf-8"></script>
<script>
(function(){
var count = 0,
list = [
{
service: 'blogger',
user: 'googleblog'
},
{
service: 'dailymotion',
user: 'VideojugTechnologyandCars'
},
{
service: 'delicious',
user: 'denbuzze'
},
// If you want to fetch your main gallery use your DeviantART nickname.
//
// To fetch a gallery folder, add the id after a slash character.
// Example:
// Pick the gallery folder url: e.g.
// http://giuliom.deviantart.com/gallery/30227724 .
// Append the id, which is 30227724, to your nick obtaining
// something like 'mgiulio/30227724'
{
service: 'deviantart',
user: 'gabbyd70',
template: {
deviationpost: '<a href="http://gabbyd70.deviantart.com/">gabbyd70</a> uploaded a deviation: <a href="${url}">${title}</a>'
}
},
{
service: 'dribbble',
user: 'flarup'
},
// find your flickr id @
// http://www.flickr.com/services/api/explore/?method=flickr.people.findByUsername
{
service: 'flickr',
user: '60378309@N02'
},
{
service: 'foomark',
user: 'thatryan'
},
{
service: 'formspring',
user: 'formspring'
},
{
service: 'forrst',
user: 'thatryan'
},
// Run javascript:alert(_USER_ID); when you're logged in at google reader
{
service: 'googlereader',
user: '16243859758547797209'
},
{
service: 'github',
user: 'christianv'
},
// Go to instapaper.com, click Liked and open rss feed, copy last two parts of the url
// including the slash
{
service: 'instapaper',
user: '339501/W2nHbK9Bo4Q1wgd2irogorycEV0'
},
{
service: 'iusethis',
user: 'marcus'
},
{
service: 'lastfm',
user: 'denbuzze'
},
{
service: 'mlkshk',
user: 'billturner'
},
{
service: 'picplz',
user: 'thatryan'
},
{
service: 'pinboard',
user: 'mattandrews'
},
{
service: 'posterous',
user: 'techcrunch'
},
{
service: 'reddit',
user: 'simongee'
},
{
service: 'slideshare',
user: 'denbuzze'
},
{
service: 'snipplr',
user: 'sdxxx'
},
// Run javascript:alert(userid); when you're logged in at stackoverflow
{
service: 'stackoverflow',
user: '117193'
},
{
service: 'tumblr',
user: 'hiromitz'
},
{
service: 'twitter',
user: 'jq_lifestream'
},
{
service: 'vimeo',
user: 'denbuzze'
},
{
service: 'wordpress',
user: 'pixartimes'
},
{
service: 'youtube',
user: 'denbuzze'
},
{
service: 'facebook_page',
user: '103257716379127'
}
];
Date.prototype.toISO8601 = function(date) {
var pad = function (amount, width) {
var padding = "";
while (padding.length < width - 1 && amount < Math.pow(10, width - padding.length - 1))
padding += "0";
return padding + amount.toString();
}
date = date ? date : new Date();
var offset = date.getTimezoneOffset();
return pad(date.getFullYear(), 4)
+ "-" + pad(date.getMonth() + 1, 2)
+ "-" + pad(date.getDate(), 2)
+ "T" + pad(date.getHours(), 2)
+ ":" + pad(date.getMinutes(), 2)
+ ":" + pad(date.getUTCSeconds(), 2)
+ (offset > 0 ? "-" : "+")
+ pad(Math.floor(Math.abs(offset) / 60), 2)
+ ":" + pad(Math.abs(offset) % 60, 2);
};
$("#lifestream").lifestream({
limit: 400,
list: list,
feedloaded: function(){
count++;
// Check if all the feeds have been loaded
if( count === list.length ){
$("#lifestream li").each(function(){
var element = $(this),
date = new Date(element.data("time"));
element.append(' <abbr class="timeago" title="' + date.toISO8601(date) + '">' + date + "</abbr>");
})
$("#lifestream .timeago").timeago();
}
}
});
})();
</script>
<script>
var _gaq=[["_setAccount","UA-190225-11"],["_trackPageview"],["_trackPageLoadTime"]];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
s.parentNode.insertBefore(g,s)}(document,"script"));
</script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.