Cacher is the code snippet organizer for pro developers

// ----------------------------------------------------------------------------
// Sass declarations
// ----------------------------------------------------------------------------
$background-color:  #12b0c5;
$title-color:       rgba(255, 255, 255, 0.7);
$moreinfo-color:    rgba(255, 255, 255, 0.7);

// ----------------------------------------------------------------------------
// Widget-list styles
// ----------------------------------------------------------------------------
.widget-reddit {
  background-color: $background-color;
  vertical-align: top !important;

  .title {
    color: $title-color;
  }

  th, td {
    text-align: left;
  }

  td.post-title {
    max-width: 350px;
  }

  .updated-at {
    color: rgba(0, 0, 0, 0.3);
  }

  .more-info {
    color: $moreinfo-color;
  }
}

require 'net/http'
require 'json'

class Reddit
  def initialize()
    # add your desired subreddits here
    @subreddits = {
      '/r/programming' => 'http://www.reddit.com/r/programming.json',
      '/r/webdev' => 'http://www.reddit.com/r/webdev.json',
      '/r/drupal' => 'http://www.reddit.com/r/drupal.json',
      '/r/ruby' => 'http://www.reddit.com/r/ruby.json',
    }

    # the limit per subreddit to grab
    @maxcount = 5
  end

  def getTopPostsPerSubreddit()
    posts = [];

    @subreddits.each do |subreddit, url|
      response = JSON.parse(Net::HTTP.get(URI(url)))

      if !response
        puts "reddit communication error for #{@subreddit} (shrug)"
      else
        items = []

        for i in 0..@maxcount
          title = response['data']['children'][i]['data']['title']
          trimmed_title = title[0..85].gsub(/\s\w+$/, '...')

          items.push({
            title: trimmed_title,
            score: response['data']['children'][i]['data']['score'],
            comments: response['data']['children'][i]['data']['num_comments']
          })
        end

        posts.push({ label: 'Current top posts in "' + subreddit + '"', items: items })
      end
    end

    posts
  end
end

@Reddit = Reddit.new();

SCHEDULER.every '2m', :first_in => 0 do |job|
  posts = @Reddit.getTopPostsPerSubreddit
  send_event('reddit', { :posts => posts })
end

<h3>reddit</h3>

<table class="reddit-posts">
  <thead>
    <tr>
      <th class="subreddit-title" data-bind="posts.label" colspan="3">Loading...</th>
    </tr>

    <tr>
      <th class="post-title">Title</th>
      <th class="post-upvotes">Upvotes</th>
      <th class="post-comments">Comments</th>
    </tr>
  </thead>

  <tbody class="subreddit-data">
    <tr data-foreach-item="posts.items">
      <td class="post-title" data-bind="item.title"></td>
      <td class="post-score" data-bind="item.score"></td>
      <td class="post-comments" data-bind="item.comments"></td>
    </tr>
  </tbody>

  <tfoot></tfoot>
</table>

class Dashing.Reddit extends Dashing.Widget
  ready: ->
    @currentIndex = 0
    @titleElem = $(@node).find('.subreddit-title')
    @dataElem = $(@node).find('.subreddit-data')
    @top_posts = @get('posts')
    @nextSubreddit()
    @startCarousel()

  onData: (data) ->
    @currentIndex = 0

  startCarousel: ->
    setInterval(@nextSubreddit, 8000)

  nextSubreddit: =>
    if @top_posts
      @dataElem.fadeOut =>
        @set 'posts', @top_posts[@currentIndex]
        @titleElem.fadeIn()
        @dataElem.fadeIn()
        @currentIndex = (@currentIndex + 1) % @top_posts.length