Skip to content

Instantly share code, notes, and snippets.

@rummelonp
Created September 10, 2010 02:58
Show Gist options
  • Save rummelonp/572996 to your computer and use it in GitHub Desktop.
Save rummelonp/572996 to your computer and use it in GitHub Desktop.
$('a[class*="username"]').map(function(index, username) {
username.href = username.href;
});
var createTweetHTML = function(url, img, name, text) {
return '<div class="twitter_timeline clearfix"><a href="' + url + '" rel="external nofollow"><img class="left" src="' + img + '" alt="" /></a><p class="left">' + name + ': ' + text + '</p></div>';
};
var tweets = $('.wrapper').map(function(index, content) {
var url = content.querySelector('.entry-date').href;
var img = content.querySelector('.profile-pic img').src.replace(/bigger/, 'normal');
var name = content.querySelector('.screen-name').textContent;
var text = content.querySelector('.entry-content').innerHTML;
return createTweetHTML(url, img, name, text);
}).get().reverse().join('');
prompt('', tweets);
void(0);
javascript:$('a[class*="username"]').map(function(index,username){username.href=username.href;});var createTweetHTML=function(url,img,name,text){return'<div class="twitter_timeline clearfix"><a href="'+url+'" rel="external nofollow"><img class="left" src="'+img+'" alt="" /></a><p class="left">'+name+': '+text+'</p></div>';};var tweets=$('.wrapper').map(function(index,content) {var url=content.querySelector('.entry-date').href;var img=content.querySelector('.profile-pic img').src.replace(/bigger/,'normal');var name=content.querySelector('.screen-name').textContent;var text=content.querySelector('.entry-content').innerHTML;return createTweetHTML(url,img,name,text);}).get().reverse().join('');prompt('',tweets);void(0);
/* Twitter timeline */
.twitter_timeline { margin:5px; padding: 5px; border:solid 1px #ccc;}
.twitter_timeline p.left { margin-left:60px;}
.twitter_timeline p.right { margin-right:60px;}
.twitter_timeline img { border:none;}
.twitter_timeline img.left { float:left;}
.twitter_timeline img.right { float:right;}
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment