Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Fetching contributors…

Cannot retrieve contributors at this time

288 lines (278 sloc) 8.741 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, googleplus, 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;
white-space: pre-wrap;
}
#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="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script>!window.jQuery && document.write('<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"><\/script>');</script>
<script src="jquery.lifestream.js" type="text/javascript" charset="utf-8"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.1.0/jquery.timeago.min.js" type="text/javascript" charset="utf-8"></script>
<script>
(function(){
var count = 0,
list = [
{
service: 'bitly',
user: 'denbuzze'
},
{
service: 'blogger',
user: 'googleblog'
},
{
service: 'citeulike',
user: 'dartar'
},
{
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'
},
{
service: 'facebook_page',
user: '103257716379127'
},
// find your flickr id @
// http://www.flickr.com/services/api/explore/?method=flickr.people.findByUsername
{
service: 'flickr',
user: '60378309@N02'
},
{
service: 'formspring',
user: 'formspring'
},
{
service: 'forrst',
user: 'thatryan'
},
{
service: 'github',
user: 'christianv'
},
{
service: 'gimmebar',
user: 'blakeembrey'
},
// Change the key when you're using it on your own website
// You can create one on https://code.google.com/apis/console
{
service: 'googleplus',
user: '112594588017353316971',
key: 'AIzaSyCB8pKtPwGWkOMfe49CopUM40F6seVv5AE'
},
// 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: 'librarything',
user: 'simongee'
},
// Go to http://www.gomiso.com/
// e.g. <meta name="user" content="388629" />
{
service: 'miso',
user: '226935'
},
{
service: 'mlkshk',
user: 'billturner'
},
{
service: 'pinboard',
user: 'mattandrews'
},
{
service: 'posterous',
user: 'techcrunch'
},
{
service: 'reddit',
user: 'simongee'
},
{
service: 'rss',
user: 'http://qz.com/feed/'
},
{
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'
},
// [language] Optional setting, defaults to 'en'.
// Use wikipedia local site prefix (e.g. 'de' for German)
{
service: 'wikipedia',
user: 'Koavf',
language: 'en'
},
{
service: 'wordpress',
user: 'pixartimes'
},
{
service: 'youtube',
user: 'denbuzze'
},
{
service: 'zotero',
user: '820015'
}
];
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 + 1 ){
$("#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.