anchor.diff:    ##
     # Make this thing!
     render : ->
  -    stance_names = 
  -      0 : 'Diehard Supporter'
  -      6 : 'Diehard Opposer'
  -      1 : 'Strong Supporter'
  -      5 : 'Strong Opposer'
  -      2 : 'Supporter'
  -      4 : 'Opposer'
  -      3 : 'Neutral'
  -
  +
  +
  +    console.log @props.data.proposal.user_id
       R.div className:'proposal', key:@props.long_id, 'data-state':@props.state,
         
         #description
  
positive.code:     user: -1 # defaults to anonymous user
      tag: R.img
      img_style: null #null will default to using the css-based b64 embedded images
      className: ''
  
    componentWillMount : ->
      derived_state = 
        className : "#{@props.className} avatar"
        id : "avatar-#{@props.user}"
  
      if @props.img_style
        user = fetch {url: "users/#{@props.user}?partial"}
        if !user || !user.avatar_file_name
          derived_state.filename = "/system/default_avatar/#{@props.img_style}_default-profile-pic.png"
        else
          derived_state.filename = "/system/avatars/#{user.id}/#{@props.img_style}/#{user.avatar_file_name}"
  
      @setState derived_state
  
    render : ->
      attrs = { className: @state.className, id: @state.id, 'data-id': @props.user } 
      attrs.src = @state.filename if @props.img_style
  
      @transferPropsTo @props.tag attrs 
  
  
negative.code:           R.img className:'bubblemouth', src: bubblemouth_src
            R.div className:'slider_feedback', 
              R.div className:'slider_feedback_label', "You are#{if @state.stance_segment == 3 then '' else ' a'}"
              R.div className:'slider_feedback_result', stance_names[@state.stance_segment]
              # R.div className:'slider_feedback_instructions', 'drag to change'
  
        R.div className:'slider_labels', 
  