From c27f5f8e5a4e35eecadf5c1565ab6e76a5a688e8 Mon Sep 17 00:00:00 2001 From: B Mathis Date: Sat, 7 Nov 2009 22:51:36 -0600 Subject: [PATCH] updated twitter style, added metadata --- source/_layouts/default.haml | 2 +- source/javascripts/twitter.js | 22 ++++++++++++++-------- stylesheets/partials/_sidebar.sass | 3 +-- stylesheets/partials/_twitter.sass | 9 +++++++-- 4 files changed, 23 insertions(+), 13 deletions(-) diff --git a/source/_layouts/default.haml b/source/_layouts/default.haml index 2ad5331..1dc52ff 100644 --- a/source/_layouts/default.haml +++ b/source/_layouts/default.haml @@ -2,7 +2,7 @@ blog_title: My Octopress Blog twitter_user: imathis -tweet_count: 4 +tweet_count: 3 show_replies: false full_url: diff --git a/source/javascripts/twitter.js b/source/javascripts/twitter.js index b6f60de..b194991 100644 --- a/source/javascripts/twitter.js +++ b/source/javascripts/twitter.js @@ -15,6 +15,7 @@ var tweet_container = 'li'; var twitter_container = 'twitter_status'; +var key = '-!-!-'; window.addEvent('domready',function() { getTwitterStatus(twitter_user); @@ -22,11 +23,11 @@ window.addEvent('domready',function() { function showTweets(the_tweets, from_cookie){ if(from_cookie){ - the_tweets = the_tweets.split('^!^!^!^!^'); + the_tweets = the_tweets.split('^!^!^'); } $(twitter_container).set('html', ''); the_tweets.each(function(tweet){ - tweet = parseTweetDate(tweet) + tweet = parseTweetMeta(tweet) tweet = '

' + tweet.replace(/\n\n/gi,'

') + '

'; new Element(tweet_container,{ html: tweet @@ -34,10 +35,15 @@ function showTweets(the_tweets, from_cookie){ }); } -function parseTweetDate(tweet){ - tweet = tweet.split('-!-!-!-'); - date = prettyDate(new Date().parse(tweet[1])); - return tweet[0] + '' + date + ''; +function parseTweetMeta(tweet_data){ + var tweet_data = tweet_data.split(key); + var tweet = tweet_data[0]; + var date = tweet_data[1]; + var tweet_id = tweet_data[2]; + var source = tweet_data[3]; + + date = prettyDate(new Date().parse(date)); + return tweet + '' + date + ' from ' + source + ''; } function prettyDate(time){ @@ -70,10 +76,10 @@ function getTwitterStatus(twitter_name){ tweets.each(function(tweet,i) { if((tweet.in_reply_to_status_id && show_replies) || !tweet.in_reply_to_status_id){ if(the_tweets.length == tweet_count) return; - the_tweets.push(tweet.text + '-!-!-!-' + tweet.created_at); + the_tweets.push(tweet.text + key + tweet.created_at + key + tweet.id + key + tweet.source); } }); - Cookie.write(tweet_cookie,the_tweets.join('^!^!^!^!^'), { duration: 1 }); + Cookie.write(tweet_cookie,the_tweets.join('^!^!^'), { duration: 1 }); showTweets(the_tweets); } }).retrieve(); diff --git a/stylesheets/partials/_sidebar.sass b/stylesheets/partials/_sidebar.sass index 84da93e..b9513e2 100644 --- a/stylesheets/partials/_sidebar.sass +++ b/stylesheets/partials/_sidebar.sass @@ -4,5 +4,4 @@ h4 margin: 0 .small +sans-font - font-size: 50% - //font-weight: normal \ No newline at end of file + font-size: 50% \ No newline at end of file diff --git a/stylesheets/partials/_twitter.sass b/stylesheets/partials/_twitter.sass index 8752656..d8f9249 100644 --- a/stylesheets/partials/_twitter.sass +++ b/stylesheets/partials/_twitter.sass @@ -16,8 +16,13 @@ border-bottom: 0 p padding-bottom: 10px - .pubdate + .meta color= !light_text font-size: 80% display: block - padding: 8px 0 0 \ No newline at end of file + padding: 8px 0 0 + a + color: inherit + text-decoration: none + &:hover + text-decoration: underline \ No newline at end of file