-
Notifications
You must be signed in to change notification settings - Fork 133
/
template.html
90 lines (83 loc) · 3.93 KB
/
template.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!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/christianvuerings/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/christianvuerings/jquery-lifestream">project page</a>.</p>
<p>Go ahead and <a href="http://christianvuerings.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>