anchor.diff:  
     render : ->
       root = @data('root')
  -    root = root.page_name
       current_user = @data('/current_user')
       your_opinion = @data(your_opinion_key)
   
  
positive.code: 
  
      R.div className:'proposal', key:@props.long_id, 'data-page':root.page_name,
        R.div className: 'proposal_heading stickable', 
          R.span null,"#{if proposal.category && proposal.designator then proposal.category + ' ' + proposal.designator + ':' else ''}#{proposal.name}"
  
        R.div className: 'proposal_heading placeholder', 
  
negative.code:     # In results state, decision board position depends on the slider position.
      @data('slider')
  
      # Centering the Decisionboard
      # When the screen is too small & the board is sticky, the board can be 
      # misplaced because fixed elements are not sized wrt their parents, but
      # the viewport. So we're going to be sensitive to the width of the screen
      # in how we center the decision board. 
      media = @data('media')
      if media.width >= PAGE_WIDTH || !@local.sticky
        opinion_region_style = 
          left: '50%'
          marginLeft: -DECISION_BOARD_WIDTH / 2
      else
        console.log (PAGE_WIDTH - CONTENT_WIDTH) / 2, POINT_WIDTH
        opinion_region_style = 
          left: POINT_CONTENT_WIDTH + 2 * GRID_GUTTER + 69 #69 is the margin of the reasons_region
  
      opinion_region_style.width = DECISION_BOARD_WIDTH
  
      R.div className:'opinion_region focal_wrapper', style: opinion_region_style,
        Slider()
  
        R.div 
          className:'decision_board_body focal_area'
          onClick: => if root.page_name == 'results' then togglePage('crafting')
        ,
  
          R.div null, 
  