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

90 lines (83 sloc) 4.005 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. See which templates we have available">
<meta name="keywords" content="jQuery, plugin, lifestream, jquery-lifestream, twitter, delicious, github, stackoverflow, flickr, lastfm, youtube">
<title>jQuery Lifestream templates</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 { clear: both;list-style-type: none;margin: 1em 0;}
code {display: block-inline; float:left; padding: 0.2em 1em; background: #ddd; line-height: 2em; margin-bottom: 1em; word-wrap:break-word;}
.item {clear: both; display:block; float:left; font-weight: bold;}
.subitem {display: block; line-height: 2em; width: 120px;}
.fadeout {color: #999; float: left; margin-left: 3px;}
</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 Templates</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>Current available templates:</h2>
<div id="tempates"></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="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.lifestream.js" type="text/javascript" charset="utf-8"></script>
<script>
var $templates = $("#tempates"),
output=$('<ul>'), listitem, count, template, templateitems, f;
for(var i in $.fn.lifestream.feeds){
if($.fn.lifestream.feeds.hasOwnProperty(i)){
listitem = $('<li>');
count = 0;
listitem.append('<span class="item">' + i + "</span>");
f = $.fn.lifestream.feeds[i]("a", function(){});
if(f && f.template) {
template = f.template;
templateitems = $('<ul>');
for(var j in template){
if(template.hasOwnProperty(j)){
templateitem = $('<li>"');
templateitem.append('<span class="subitem">' + j + "</span> ");
var code = $("<code><pre>t");
templateitem.append(code.text(template[j]));
templateitems.append(templateitem);
count++;
}
}
listitem.append(' <span class="fadeout">(' + count + ')</span>');
listitem.append(templateitems);
}
else {
listitem.append(' <span class="fadeout">(' + count + ')</span>');
}
}
output.append(listitem);
}
$templates.html(output);
</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.