anchor.diff:                <%= @course.requirements %>
             </div>
             <strong>Terms:</strong>
  -            <span class="dark-col">Fall</span><%# TODO: make this automatic %>
  +            <span class="light-col">Fall</span><%# TODO: make this automatic %>
               <span class="light-col">Winter</span>
               <span class="light-col">Spring</span>
               <span class="light-col">Summer</span>
           </h5>
  -        <span id="gradeDistribution" style="visibility:hidden">P:7,HP:2,A+:0,A:0,A-:0,B+:0,B:0,B-:0,C+:0,C:0,C-:0,D:0,F:0,CR:0,NC:1,</span> 
  +        <span id="gradeDistribution" style="visibility:hidden">A+:0,A:0,A-:0,B+:0,B:0,B-:0,C+:0,C:0,C-:0,D:0,F:0,CR:0,NC:0,</span> 
         </div>
         <div class="col-sm-5">
           <canvas style="margin-top:20px;" id="gradeChart" width="280" height="300"></canvas>
  
positive.code:           <%= @course.instructor %> &nbsp;
            <div class="classinfo">
              <%= @course.credits %> credits &nbsp;
              <i class="fa fa-star"></i><%# TODO: calculate average rating %>
              <i class="fa fa-star"></i>
              <i class="fa fa-star"></i>
              <i class="fa fa-star"></i>
              <i class="fa fa-star-o"></i>
              &nbsp;
              Grade: <span class="yellow">P<%# TODO: calculate average grade %></span>
  
negative.code:       <div class="col-sm-7">
          <div id="helpful_reviews">
            <h3>Most helpful student reviews</h3>
          </div>
        </div>
        <div class="col-sm-5">
          <div id="recent_reviews">
            <h3 class="recent-reviews-header">Most recent student reviews</h3>
          </div>
        </div>
      </div>
  