hey

dabblet.css

/**
 * hey
 */
div {
background: #f06;
background: linear-gradient(90deg, #f06, yellow);
min-height: 50%;
}

dabblet.html

<script type="text/javascript">

var bundleName = "Americana";

$.ajax({
    url: '/xxx.php',
    type: 'GET',
    dataType: "xml",
    data: {
        address: 'http://www.google.com/reader/public/subscriptions/user%2F12451437150660300480%2Fbundle%2F' + bundleName
    },
    success: function(response) {
    	var $xml = $(response);var $outline = $xml.find("outline").find("outline");
		var $addr = $('<a href="" class="addrClass" title="" />');
		var $img = $('<img src="http://www.google.com/reader/ui/favicon.ico" title="Google Player"  class="imgClass" onclick="" />');
		var $imgReader = $('<img src="http://www.google.com/favicon.ico" title="Google Reader"  class="imgClass" onclick="" />');
        var googlePlayer = "http://www.google.com/reader/play/#item/feed%2F";
        var googleReader = "http://www.google.com/reader/view/#stream/feed%2F";
        var bundle = "http://www.google.com/reader/public/atom/user%2F12451437150660300480%2Fbundle%2F" + bundleName;
        var bundlePage = "http://www.google.com/reader/bundle/user%2F12451437150660300480%2Fbundle%2F" + bundleName;
   	var output = [];
	$outline.each(function(index) {
                var newAddr = $addr.clone().attr({
                    href: $(this).attr("htmlUrl"),
                    title: $(this).attr("htmlUrl")
                });
                var newImg = $img.clone().attr({
                    onclick: "javascript:window.open('" + googlePlayer +  encodeURIComponent($(this).attr("xmlUrl")) + "/0', '_blank');"
                 });
                var newImgReader = $imgReader.clone().attr({
                    onclick: "javascript:window.open('" + googleReader + encodeURIComponent($(this).attr("xmlUrl")) + "', '_blank');"
                });
                newAddr[0].text = $(this).attr("text");
		output.push(newAddr[0].outerHTML + " " + newImg[0].outerHTML + newImgReader[0].outerHTML + "</br>");
	});
        output = $(output).sort(function(a, b) {
           return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
        }).get();

        var newImg = $img.clone().attr({
               onclick: "javascript:window.open('" + googlePlayer + encodeURIComponent(bundle) + "/0', '_blank');"
        });
        var newImgReader = $imgReader.clone().attr({
               onclick: "javascript:window.open('" + googleReader + encodeURIComponent(bundle) + "', '_blank');"
        });
	document.getElementById('list').innerHTML += '<a href="' + bundlePage + '" class="addrClass" title="' + bundlePage  + '">' + bundleName + ' Bundle</a> ' +  newImg[0].outerHTML +  newImgReader[0].outerHTML + "</br><hr/>";
	document.getElementById('list').innerHTML += '<div>' + output.join('') + '</div>';
    },
    error: function(a,b,c) { 
        alert(a + b + c);
    }
});
</script> 

<img src="http://www.google.com/reader/ui/favicon.ico" title="Google Player" class="imgClass">=Google Player<br><img src="http://www.google.com/favicon.ico" title="Google Reader" class="imgClass">=Google Reader<br>

<output id="list">The bundle feed is a sorted feed of all the other feeds.</br></output>

dabblet.js

<script type="text/javascript">

var bundleName = "Americana";

$.ajax({
    url: '/xxx.php',
    type: 'GET',
    dataType: "xml",
    data: {
        address: 'http://www.google.com/reader/public/subscriptions/user%2F12451437150660300480%2Fbundle%2F' + bundleName
    },
    success: function(response) {
        var $xml = $(response);
        var $outline = $xml.find("outline").find("outline");
	var $addr = $('<a href="" class="addrClass" title="" />');
	var $img = $('<img src="http://www.google.com/reader/ui/favicon.ico" title="Google Player"  class="imgClass" onclick="" />');
	var $imgReader = $('<img src="http://www.google.com/favicon.ico" title="Google Reader"  class="imgClass" onclick="" />');
        var googlePlayer = "http://www.google.com/reader/play/#item/feed%2F";
        var googleReader = "http://www.google.com/reader/view/#stream/feed%2F";
        var bundle = "http://www.google.com/reader/public/atom/user%2F12451437150660300480%2Fbundle%2F" + bundleName;
        var bundlePage = "http://www.google.com/reader/bundle/user%2F12451437150660300480%2Fbundle%2F" + bundleName;
   	var output = [];
	$outline.each(function(index) {
                var newAddr = $addr.clone().attr({
                    href: $(this).attr("htmlUrl"),
                    title: $(this).attr("htmlUrl")
                });
                var newImg = $img.clone().attr({
                    onclick: "javascript:window.open('" + googlePlayer +  encodeURIComponent($(this).attr("xmlUrl")) + "/0', '_blank');"
                 });
                var newImgReader = $imgReader.clone().attr({
                    onclick: "javascript:window.open('" + googleReader + encodeURIComponent($(this).attr("xmlUrl")) + "', '_blank');"
                });
                newAddr[0].text = $(this).attr("text");
		output.push(newAddr[0].outerHTML + " " + newImg[0].outerHTML + newImgReader[0].outerHTML + "</br>");
	});
        output = $(output).sort(function(a, b) {
           return $(a).text().toUpperCase().localeCompare($(b).text().toUpperCase());
        }).get();

        var newImg = $img.clone().attr({
               onclick: "javascript:window.open('" + googlePlayer + encodeURIComponent(bundle) + "/0', '_blank');"
        });
        var newImgReader = $imgReader.clone().attr({
               onclick: "javascript:window.open('" + googleReader + encodeURIComponent(bundle) + "', '_blank');"
        });
	document.getElementById('list').innerHTML += '<a href="' + bundlePage + '" class="addrClass" title="' + bundlePage  + '">' + bundleName + ' Bundle</a> ' +  newImg[0].outerHTML +  newImgReader[0].outerHTML + "</br><hr/>";
	document.getElementById('list').innerHTML += '<div>' + output.join('') + '</div>';
    },
    error: function(a,b,c) { 
        alert(a + b + c);
    }
});
</script> 

<img src="http://www.google.com/reader/ui/favicon.ico" title="Google Player" class="imgClass">=Google Player<br><img src="http://www.google.com/favicon.ico" title="Google Reader" class="imgClass">=Google Reader<br>

<output id="list">The bundle feed is a sorted feed of all the other feeds.</br></output>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}