anchor.diff:      <h2 id='project-materials'>materials</h2>
       <p><%= @project.materials %></p>
       <div class="project-indent">
  -      <p>*suggestion: <%= @project.materials_suggestion %></p>
  +      <small>*suggestion: <%= @project.materials_suggestion %></small>
       </div>
   
       <h2 id='project-books-media'>books/media</h2>
  
positive.code:         <p class="pdf-indent"><%= link_to @project.fifth_photocopy_file_name, @project.fifth_photocopy.url %></p>
        <% end %>
        <% if @project.photocopy_copyright.present? %>
          <p><%= @project.photocopy_copyright %></p>
        <% end %>
        <p>© info: Doodles Academy presents both public domain artworks and works that are protected by copyright in their videos and lessons. The latter are used in accordance with fair use principle, as the images are only being used for educational purposes. If you are the copyright holder of the work of art used for Doodles-Academy.org and do not agree that the use of your image is a fair use, please contact us by email.</p>
      </div>
    </p>
    <hr />
  
negative.code:   </div>
  
  </div>
  
  <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>
  
  