anchor.diff:              article(class="color-white")
                   h2 About the Project
                   p(class="color-white").
  -                    We created this real time Twitter buzz meter as a side project of our company #[a(href="http://www.freeportmetrics.com") Freeport Metrics]. The challenge was to figure out who will win the best picture #[a(href="http://www.oscars.org") Oscar® 2016]. We wanted to make it real time to track changes in time, the closer to the Oscars®, the better. First we brainstormed different methods of predicting the winner:
  +                    We created this real time Twitter buzz meter as a side project of our company #[a(href="http://www.freeportmetrics.com") Freeport Metrics]. The challenge was to figure out who will win the best picture #[a(href="http://www.oscars.org") Oscar&reg; 2016]. We wanted to make it real time to track changes in time, the closer to the Oscars&reg;, the better. First we brainstormed different methods of predicting the winner:
                   ul(class="color-white")
  -                    li Measuring changes to the bookmakers’ scoring
  +                    li Measuring changes to the bookmakers' scoring
                       li Creating a free market prediction model where people buy movie stock
                       li Mapping how connected the members of the Academy are with the nominees
                       li Measuring the buzz on Twitter in real time
                   p The Twitter buzz meter turned out to be the most interesting from the technological point of view: a lot of data! We use #[a(href="http://www.nodejs.org") Node.js] server to retrieve tweets that contain previously defined # and @ from the #[a(href="https://dev.twitter.com/streaming/overview") Twitter Stream API]. For the database we use #[a(href="http://www.rethinkdb.com") RethinkDB] to store all the data. Is our solution scalable? Well, yes. We update the counters on the fly to avoid our servers from exploding :)
                   p(class="m-b-lg").
  -                    On the front-end we used #[a(href="http://www.socket.io") Socket.IO] to get data streamed from the server instead of making queries each time. For drawing charts we used #[a(href="http://c3js.org/") C3] library. That’s the whole magic!
  +                    On the front-end we used #[a(href="http://www.socket.io") Socket.IO] to get data streamed from the server instead of making queries each time. For drawing charts we used #[a(href="http://c3js.org/") C3] library. That's the whole magic!
   
     footer(class="color-white")
         div(class='row')
  
positive.code:         div(class="col-xs-12")
              p(class="color-white" ).
                  #[strong Chart 3. Tweets Per Minute]#[br]
                  This chart shows tweets per minute for each movie. The data shows in detail how popular a movie is in a short period of time. It’ll be interesting on the Oscars Night®!
              div(class='overlay-mask')
              div(id="not_aggregated_chart" style="height: 500px;")
  
  
negative.code:     div
        div(class="row section")
            div(class='col-xs-12 text-center')
                h1(class="gold") And The Prize Goes To...
                h2(class="gold") Twitter Predicts The Best Picture Oscar&reg; 2016
        div(class='row')
            div(class='col-xs-12 text-center')
                div(class="social-button")
  