Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 288 lines (278 sloc) 8.741 kB
e3c5e82 @christianv add examples, images and project page
authored
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
9314bd9 @christianv minor text fixes in HTML
authored
5 <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">
f6d0584 @skylamer adding google plus, changes, newer jquery version and jquery tmpl
skylamer authored
6 <meta name="keywords" content="jQuery, googleplus, plugin, lifestream, jquery-lifestream, twitter, delicious, github, stackoverflow, flickr, lastfm, youtube">
e3c5e82 @christianv add examples, images and project page
authored
7
df2a4d4 @christianv Updated the titles of all the html pages - makes them more descriptive
authored
8 <title>jQuery Lifestream example</title>
e3c5e82 @christianv add examples, images and project page
authored
9
10 <style type="text/css">
11 body {
12 margin: 1.0em;
13 background-color: #fff;
14 font-family: Helvetica, Arial, FreeSans, sans-serif;
15 color: #000000;
16 }
17 h1 { font-size: 3.8em; color: #3908bc; margin-bottom: 3px; }
18 h1 .small { font-size: 0.4em; }
19 h1 a { text-decoration: none }
20 h2 { font-size: 1.5em; color: #3908bc; clear: both;}
21 h3 { text-align: center; color: #3908bc; }
22 a { color: #3908bc; }
23 ul li { list-style-type: none;}
8769bbc @christianv remove trailing spaces
authored
24
e1003af @christianv Remove the images and replace them with data URL's -- this means the …
authored
25 #lifestream {
e3c5e82 @christianv add examples, images and project page
authored
26 background: #333;
27 border-radius: 7px;
28 color: #d4d4d4;
29 width: 450px;
30 font-size:11px;
31 }
e1003af @christianv Remove the images and replace them with data URL's -- this means the …
authored
32 #lifestream a {
e3c5e82 @christianv add examples, images and project page
authored
33 color: #f6dd97;
34 text-decoration: none;
35 }
e1003af @christianv Remove the images and replace them with data URL's -- this means the …
authored
36 #lifestream a:hover {
e3c5e82 @christianv add examples, images and project page
authored
37 color: #fff5d8;
38 text-decoration: underline;
39 }
e1003af @christianv Remove the images and replace them with data URL's -- this means the …
authored
40 #lifestream ul {
e3c5e82 @christianv add examples, images and project page
authored
41 padding: 10px;
42 }
e1003af @christianv Remove the images and replace them with data URL's -- this means the …
authored
43 #lifestream li {
568e911 @christianv Add Delicious support
authored
44 padding: 5px 3px 5px 25px;
e3c5e82 @christianv add examples, images and project page
authored
45 background-repeat: no-repeat;
02f8300 @christianv Add stackoverflow support
authored
46 background-position: left center;
e3667ba @westurner BUG: example.html: add CSS: 'white-space: pre-wrap;'
westurner authored
47 white-space: pre-wrap;
e3c5e82 @christianv add examples, images and project page
authored
48 }
e1003af @christianv Remove the images and replace them with data URL's -- this means the …
authored
49 #lifestream li:hover {
e3c5e82 @christianv add examples, images and project page
authored
50 color: #e9e9e9;
51 }
f93783e @christianv Change the timeago example so it updates automatically
authored
52 #lifestream .timeago {
53 opacity: .5;
54 }
e3c5e82 @christianv add examples, images and project page
authored
55 </style>
f6b2d3a @christianv - Update logos - there were some inconsistencies with the white glow…
authored
56 <link href="css/lifestream.css" rel="stylesheet" type="text/css">
57 <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
e3c5e82 @christianv add examples, images and project page
authored
58 </head>
59 <body>
60 <a href="http://github.com/christianv/jquery-lifestream">
61 <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" />
62 </a>
ef60f21 @christianv rename examples to example and update the page
authored
63 <h1>jQuery Lifestream Example</h1>
e3c5e82 @christianv add examples, images and project page
authored
64 <p>Find more information about this plug-in on the <a href="http://github.com/christianv/jquery-lifestream">project page</a>.</p>
4982bc5 @christianv Added links to the /me page
authored
65 <p>Go ahead and <a href="http://christianv.github.com/jquery-lifestream/me/">create your own lifestream</a>.</p>
8769bbc @christianv remove trailing spaces
authored
66
d232a7e @christianv update youtube and twitter icon + minor changes to example page
authored
67 <h2>Lifestream - formatted with CSS</h2>
e1003af @christianv Remove the images and replace them with data URL's -- this means the …
authored
68 <div id="lifestream">&nbsp;</div>
e3c5e82 @christianv add examples, images and project page
authored
69
d332dc1 @christianv Update to jQuery 1.8.2
authored
70 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
71 <script>!window.jQuery && document.write('<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"><\/script>');</script>
e3c5e82 @christianv add examples, images and project page
authored
72 <script src="jquery.lifestream.js" type="text/javascript" charset="utf-8"></script>
a69f860 @christianv Fix the example page
authored
73 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-timeago/1.1.0/jquery.timeago.min.js" type="text/javascript" charset="utf-8"></script>
e3c5e82 @christianv add examples, images and project page
authored
74 <script>
b45bdea @christianv First version of timeago
authored
75 (function(){
76 var count = 0,
f93783e @christianv Change the timeago example so it updates automatically
authored
77 list = [
b5a3bb1 @christianv fix whitespace error in example.html
authored
78 {
365fe22 @christianv Add the bitly service to example.html
authored
79 service: 'bitly',
80 user: 'denbuzze'
81 },
f93783e @christianv Change the timeago example so it updates automatically
authored
82 {
83 service: 'blogger',
84 user: 'googleblog'
85 },
86 {
b17c18c @devinberg Added citeulike
devinberg authored
87 service: 'citeulike',
ef931bc @christianv Fix citeulike user
authored
88 user: 'dartar'
b17c18c @devinberg Added citeulike
devinberg authored
89 },
90 {
f93783e @christianv Change the timeago example so it updates automatically
authored
91 service: 'dailymotion',
92 user: 'VideojugTechnologyandCars'
93 },
94 {
95 service: 'delicious',
96 user: 'denbuzze'
97 },
ffeea3f @mgiulio Oopps...
mgiulio authored
98 // If you want to fetch your main gallery use your DeviantART nickname.
99 //
100 // To fetch a gallery folder, add the id after a slash character.
101 // Example:
102 // Pick the gallery folder url: e.g.
103 // http://giuliom.deviantart.com/gallery/30227724 .
104 // Append the id, which is 30227724, to your nick obtaining
105 // something like 'mgiulio/30227724'
f93783e @christianv Change the timeago example so it updates automatically
authored
106 {
107 service: 'deviantart',
108 user: 'gabbyd70',
109 template: {
110 deviationpost: '<a href="http://gabbyd70.deviantart.com/">gabbyd70</a> uploaded a deviation: <a href="${url}">${title}</a>'
111 }
112 },
113 {
114 service: 'dribbble',
115 user: 'flarup'
116 },
463988a @christianv v0.2.7 Add support for Zotero - Thanks to @etano for implementing thi…
authored
117 {
118 service: 'facebook_page',
119 user: '103257716379127'
120 },
f93783e @christianv Change the timeago example so it updates automatically
authored
121 // find your flickr id @
122 // http://www.flickr.com/services/api/explore/?method=flickr.people.findByUsername
123 {
124 service: 'flickr',
125 user: '60378309@N02'
126 },
127 {
128 service: 'formspring',
129 user: 'formspring'
130 },
131 {
132 service: 'forrst',
133 user: 'thatryan'
134 },
c2684ab Added Gimmebar support
Blake Embrey authored
135 {
136 service: 'github',
137 user: 'christianv'
138 },
139 {
140 service: 'gimmebar',
141 user: 'blakeembrey'
badfdfb Forgot a comma
Blake Embrey authored
142 },
529133b @christianv v0.2.6 Add Google+ support - thanks to @skylamer
authored
143 // Change the key when you're using it on your own website
dc49da4 @christianv Update version number in JS & add link to console
authored
144 // You can create one on https://code.google.com/apis/console
529133b @christianv v0.2.6 Add Google+ support - thanks to @skylamer
authored
145 {
146 service: 'googleplus',
147 user: '112594588017353316971',
148 key: 'AIzaSyCB8pKtPwGWkOMfe49CopUM40F6seVv5AE'
149 },
f93783e @christianv Change the timeago example so it updates automatically
authored
150 // Go to instapaper.com, click Liked and open rss feed, copy last two parts of the url
151 // including the slash
152 {
153 service: 'instapaper',
154 user: '339501/W2nHbK9Bo4Q1wgd2irogorycEV0'
155 },
156 {
157 service: 'iusethis',
158 user: 'marcus'
159 },
160 {
161 service: 'lastfm',
162 user: 'denbuzze'
163 },
164 {
8d7b762 @simong Added support for LibraryThing.com
simong authored
165 service: 'librarything',
166 user: 'simongee'
167 },
2092857 @christianv 0.3.4 Miso support
authored
168 // Go to http://www.gomiso.com/
169 // e.g. <meta name="user" content="388629" />
170 {
171 service: 'miso',
172 user: '226935'
173 },
8d7b762 @simong Added support for LibraryThing.com
simong authored
174 {
f93783e @christianv Change the timeago example so it updates automatically
authored
175 service: 'mlkshk',
176 user: 'billturner'
177 },
178 {
179 service: 'pinboard',
180 user: 'mattandrews'
181 },
182 {
183 service: 'posterous',
184 user: 'techcrunch'
185 },
186 {
187 service: 'reddit',
188 user: 'simongee'
189 },
39fc959 @dineshcooper added missed service file
dineshcooper authored
190 {
b8173e0 @arminrosu good riddance google reader
arminrosu authored
191 service: 'rss',
192 user: 'http://qz.com/feed/'
193 },
194 {
f93783e @christianv Change the timeago example so it updates automatically
authored
195 service: 'slideshare',
196 user: 'denbuzze'
197 },
198 {
199 service: 'snipplr',
200 user: 'sdxxx'
201 },
202 // Run javascript:alert(userid); when you're logged in at stackoverflow
39e4252 @christianv Fix stackoverflow feed
authored
203 {
f93783e @christianv Change the timeago example so it updates automatically
authored
204 service: 'stackoverflow',
205 user: '117193'
39e4252 @christianv Fix stackoverflow feed
authored
206 },
f93783e @christianv Change the timeago example so it updates automatically
authored
207 {
208 service: 'tumblr',
209 user: 'hiromitz'
210 },
211 {
212 service: 'twitter',
22aa98f @christianv change the twitter username to jq_lifestream in our example page
authored
213 user: 'jq_lifestream'
f93783e @christianv Change the timeago example so it updates automatically
authored
214 },
215 {
216 service: 'vimeo',
217 user: 'denbuzze'
218 },
d332dc1 @christianv Update to jQuery 1.8.2
authored
219 // [language] Optional setting, defaults to 'en'.
9994822 @arminrosu + language setting for wikipedia
arminrosu authored
220 // Use wikipedia local site prefix (e.g. 'de' for German)
f93783e @christianv Change the timeago example so it updates automatically
authored
221 {
7a2e847 @arminrosu +wikipedia (English)
arminrosu authored
222 service: 'wikipedia',
9994822 @arminrosu + language setting for wikipedia
arminrosu authored
223 user: 'Koavf',
224 language: 'en'
f93783e @christianv Change the timeago example so it updates automatically
authored
225 },
226 {
227 service: 'wordpress',
228 user: 'pixartimes'
229 },
230 {
231 service: 'youtube',
232 user: 'denbuzze'
c071e37 @dineshcooper add support for facebook page feed
dineshcooper authored
233 },
88fee71 Issue #84 by christianv: Coding Standards Fixes
Dinesh Copoosamy authored
234 {
463988a @christianv v0.2.7 Add support for Zotero - Thanks to @etano for implementing thi…
authored
235 service: 'zotero',
236 user: '820015'
88fee71 Issue #84 by christianv: Coding Standards Fixes
Dinesh Copoosamy authored
237 }
f93783e @christianv Change the timeago example so it updates automatically
authored
238 ];
239
240 Date.prototype.toISO8601 = function(date) {
241 var pad = function (amount, width) {
242 var padding = "";
243 while (padding.length < width - 1 && amount < Math.pow(10, width - padding.length - 1))
244 padding += "0";
245 return padding + amount.toString();
246 }
247 date = date ? date : new Date();
248 var offset = date.getTimezoneOffset();
249 return pad(date.getFullYear(), 4)
250 + "-" + pad(date.getMonth() + 1, 2)
251 + "-" + pad(date.getDate(), 2)
252 + "T" + pad(date.getHours(), 2)
253 + ":" + pad(date.getMinutes(), 2)
254 + ":" + pad(date.getUTCSeconds(), 2)
255 + (offset > 0 ? "-" : "+")
256 + pad(Math.floor(Math.abs(offset) / 60), 2)
257 + ":" + pad(Math.abs(offset) % 60, 2);
258 };
259
b45bdea @christianv First version of timeago
authored
260 $("#lifestream").lifestream({
261 limit: 400,
262 list: list,
263 feedloaded: function(){
264 count++;
f93783e @christianv Change the timeago example so it updates automatically
authored
265 // Check if all the feeds have been loaded
a69f860 @christianv Fix the example page
authored
266 if( count === list.length + 1 ){
b45bdea @christianv First version of timeago
authored
267 $("#lifestream li").each(function(){
268 var element = $(this),
f93783e @christianv Change the timeago example so it updates automatically
authored
269 date = new Date(element.data("time"));
270 element.append(' <abbr class="timeago" title="' + date.toISO8601(date) + '">' + date + "</abbr>");
b45bdea @christianv First version of timeago
authored
271 })
f93783e @christianv Change the timeago example so it updates automatically
authored
272 $("#lifestream .timeago").timeago();
5ff9ad8 @mgiulio Added support for templating
mgiulio authored
273 }
e3c5e82 @christianv add examples, images and project page
authored
274 }
b45bdea @christianv First version of timeago
authored
275 });
276 })();
e3c5e82 @christianv add examples, images and project page
authored
277 </script>
278
279 <script>
280 var _gaq=[["_setAccount","UA-190225-11"],["_trackPageview"],["_trackPageLoadTime"]];
281 (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
282 g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
283 s.parentNode.insertBefore(g,s)}(document,"script"));
284 </script>
285
286 </body>
b8173e0 @arminrosu good riddance google reader
arminrosu authored
287 </html>
Something went wrong with that request. Please try again.