0.1.0 - jQuery Templates support

Changes: - Add template.html - see current available templates - Load the jQuery template script within jQuery Lifestream (if it isn't loaded) - otherwise this broke previous scripts! - Contain the templates within the feeds themselves - Add README section about jQuery templates
christianvuerings · Jun 24, 2011 · b228391 · b228391
1 parent 5ff9ad8
commit b228391
Show file tree

Hide file tree

Showing 7 changed files with 209 additions and 106 deletions.
diff --git a/README.md b/README.md
@@ -8,7 +8,7 @@ Check out [the example][example] or create [your own lifestream][melifestream] i
 [![Follow us on twitter](http://f.cl.ly/items/2z1p0w320g1q0T061m1u/twitter_follow.png)](http://twitter.com/jq_lifestream)
 
 ## Requirements
-* [jQuery 1.3+](http://www.jquery.com)
+* [jQuery 1.4.2+](http://www.jquery.com)
 
 ## Supported feeds
 
@@ -97,6 +97,23 @@ For more information about each _service_, check out the [source code][exampleso
 Adding in your own feed is pretty easy.  
 Have a look at [this commit](https://github.com/christianv/jquery-lifestream/commit/529a06db159b4123ee3b2cc604f3a3ed698c6e9a) which adds support for the last.fm feed.
 
+### jQuery Templates
+
+You have the ability to use jQuery templates for your feed.  
+Checkout the [template page](http://christianv.github.com/jquery-lifestream/template.html) to see an overview of the current available templates.
+
+Usage:
+
+``` javascript
+{
+  service: 'deviantart',
+  user: 'gabbyd70',
+  template: {
+    deviationpost: 'heeft hetvolgende gepost: <a href="${url}">${title}</a>'
+  }
+}
+```
+
 ### Create data:URI for an icon
 
 1. [Convert](http://converticon.com/) the favicon.ico of a site to a .png file. (e.g. http://google.com/favicon.ico)
@@ -136,8 +153,13 @@ Places on the web where this plug-in got mentioned:
 * [ProgrammableWeb](http://www.programmableweb.com/mashup/jquery-lifestream) - Mashup of the Day on 17/06/2011
 * [Softpedia](http://webscripts.softpedia.com/script/Modules/jQuery-Plugins/jQuery-Lifestream-68762.html) - Softpedia pick
 
+## Special Thanks
+
+Special thanks all the [committers](https://raw.github.com/christianv/jquery-lifestream/master/COMMITTERS) and [gabbyd70](http://gabbyd70.deviantart.com/) for letting us use her DeviantART username.
+
 ## Version log
 
+* 0.1.0 jQuery Template support
 * 0.0.17 Forrst & PicPlz support
 * 0.0.16 Iusethis support
 * 0.0.15 Dailymotion & Pinboard support

diff --git a/example.html b/example.html
@@ -2,7 +2,7 @@
 <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 the examples"> 
+  <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 the examples">
   <meta name="keywords" content="jQuery, plugin, lifestream, jquery-lifestream, twitter, delicious, github, stackoverflow, flickr, lastfm, youtube">
 
   <title>jQuery Lifestream example</title>
@@ -65,15 +65,14 @@ <h2>Lifestream - formatted with CSS</h2>
 
   <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="http://ajax.microsoft.com/ajax/jquery.templates/beta1/jquery.tmpl.js"></script>
   <script src="jquery.lifestream.js" type="text/javascript" charset="utf-8"></script>
   <script>
     $("#lifestream").lifestream({
       limit: 400,
       list:[
         {
-          service: "dailymotion",
-          user: "VideojugTechnologyandCars"
+          service: 'dailymotion',
+          user: 'VideojugTechnologyandCars'
         },
         {
           service: 'delicious',
@@ -95,72 +94,72 @@ <h2>Lifestream - formatted with CSS</h2>
           }
         },
         {
-          service: "dribbble",
-          user: "flarup"
+          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: 'flickr',
+          user: '60378309@N02'
         },
         {
-          service: "forrst",
-          user: "thatryan"
+          service: 'forrst',
+          user: 'thatryan'
         },
         // Run javascript:alert(_USER_ID); when you're logged in at google reader
         {
-          service: "googlereader",
-          user: "16243859758547797209"
+          service: 'googlereader',
+          user: '16243859758547797209'
         },
         {
-          service: "github",
-          user: "christianv"
+          service: 'github',
+          user: 'christianv'
         },
         {
-          service: "iusethis",
-          user: "marcus"
+          service: 'iusethis',
+          user: 'marcus'
         },
         {
-          service: "lastfm",
-          user: "denbuzze"
+          service: 'lastfm',
+          user: 'denbuzze'
         },
         {
-          service: "picplz",
-          user: "thatryan"
+          service: 'picplz',
+          user: 'thatryan'
         },
         {
-          service: "pinboard",
-          user: "mattandrews"
+          service: 'pinboard',
+          user: 'mattandrews'
         },
         {
-          service: "reddit",
-          user: "simongee"
+          service: 'reddit',
+          user: 'simongee'
         },
         {
-          service: "slideshare",
-          user: "denbuzze"
+          service: 'slideshare',
+          user: 'denbuzze'
         },
         // Run javascript:alert(userid); when you're logged in at stackoverflow
         {
-          service: "stackoverflow",
-          user: "117193"
+          service: 'stackoverflow',
+          user: '117193'
         },
         {
-          service: "tumblr",
-          user: "hiromitz"
+          service: 'tumblr',
+          user: 'hiromitz'
         },
         {
-          service: "twitter",
-          user: "denbuzze"
+          service: 'twitter',
+          user: 'denbuzze'
         },
         {
-          service: "vimeo",
-          user: "denbuzze"
+          service: 'vimeo',
+          user: 'denbuzze'
         },
         {
-          service: "youtube",
-          user: "denbuzze"
+          service: 'youtube',
+          user: 'denbuzze'
         }
       ]
     });

diff --git a/index.html b/index.html
@@ -45,7 +45,7 @@
         <img border="0" width="90" src="http://github.com/images/modules/download/tar.png"></a>
     </div>
 
-    <h1><a href="http://github.com/christianv/jquery-lifestream">jquery-lifestream</a>
+    <h1><a href="http://github.com/christianv/jquery-lifestream">jQuery Lifestream</a>
       <span class="small">by <a href="http://github.com/christianv">christianv</a></span></h1>
 
     <div class="description">