anchor.diff:    </div>
   
   </div>
  -<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script><script type="text/javascript">require(["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us10.list-manage.com","uuid":"28ca6056cf1fcbb59340d2de6","lid":"434752e97b"}) })</script>
  +
  +<div class="modal" id="projectFavoriteModal">
  +  <div class="modal-content">
  +    <div class="modal-close"></div>
  +    <div class="modal-title">
  +      <h1>Sign in to access this feature!</h1>
  +    </div>
  +    <div class="modal-body">
  +    <h2><a href="/users/sign_in">Sign in</a> or <a href="/users/sign_up">sign up</a> with us to favorite<span class="glyphicon glyphicon-star"></span> a project!</h2>
  +    </div>
  +  </div>
  +</div>
  +
  +<script>
  +  var $modal, $modal_close, toggleModal;
  +
  +  $('#favorite_nonuser').on('click', function(){
  +    $modal = $('#projectFavoriteModal');
  +    $modal_close = $modal.find('.modal-close');
  +    toggleModal = function(toggle) {
  +      return $modal.toggleClass("is-active", toggle);
  +    };
  +    toggleModal(true);
  +    $modal_close.on('click', function() {
  +      return toggleModal(false);
  +    });
  +  });
  +    
  +</script>
  +
  
positive.code:     <h2 id='project-materials'>materials</h2>
      <p><%= @project.materials %></p>
      <div class="project-indent">
        <p>*suggestion: <%= @project.materials_suggestion %></p>
      </div>
  
      <h2 id='project-books-media'>books/media</h2>
  
negative.code:       <h2 id='project-cross-curricular'>cross curricular</h2>
        <p><%= @project.cross_curricular %></p>
  
        <h2 id='project-engage-ny'>engage NY</h2>
        <% if @project.engage_ny.present? %>
          <p><%= @project.engage_ny %></p>
        <% else %>
          <p>N/A</p>
        <% end %>
  
        <h2 id='project-next-gen-sci'>next generation science</h2>
  