anchor.diff:  
       <div class="pure-u-1 pure-u-md-5-24 bottom-margin-med" style="background-image:url(data:image/gif;base64,<%= @project.thumbnail %>">
       	<a style="font-size: 150%; width: 100%; height: 100%; display: block;" href="#">
  -    	<!-- put a binary base64 encoded thumbagil as the play button -->
  -    	<!-- <img src="<%= @project.thumbnail %>" class="pure-img" > -->
  -    	Try It!
  +    		<div style="background-image: <%= @project.thumbnail %>">
  +	    	<!-- put a binary base64 encoded thumbagil as the play button -->
  +	    	<!-- <img src="<%= @project.thumbnail %>" class="pure-img" > -->
  +    		Try It!
  +    		</div>
       	</a>
       </div>
   
  
positive.code: <% end %>
  
  <link rel="stylesheet" href="http://saeedalipoor.github.io/icono/icono.min.css">
  
  <div class="pure-g">
  
  	<div class="pure-u-1-8" style="background: black; display: table-cell; vertical-align: middle;">
  		<div class="centered-label-darkgray" ><%= @project.is_public ? "Public Project" : "Private Project"%></div>
  		<!-- <button id="report_project" class="pure-button button-error" style="background: rgb(202, 60, 60);" href="#">Flag as Inappropriate</button> -->
  	</div>
  	
  
  
negative.code: 	<div class="pure-u-1-8" style="background: black; display: table-cell; vertical-align: middle;">
  		<div class="center-element">
  			<a id="edit_project" class="pure-button pure-button-primary" href="/projects/<%= @project.id %>/edit">
  				<div class="icono-gear">
  				</div>
  			</a>
  			<a id="report_project" class="pure-button" style="background: rgb(202, 60, 60);" href="/projects/<%= @project.id %>/edit">
  				<div class="icono-flag">
  				</div>
  			</a>
  