anchor.diff:                                          h4 End Time 
                                           h5 {{event.endTimeDate | date:'medium'}}
                                       .col-xs-12.col-sm-12.col-md-3.col-lg-4
  -                                        h4 Volunteers
                                           h5 {{event.volunteers.length}} of {{event.maxVolunteers}}
                                       .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                           h2.text-center Volunteers
  
positive.code:                             .item.active(ng-repeat-start='event in upcomingEvents', ng-if='$first')
                                  .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                      a(ng-href='/events/{{event.id}}/')
                                          h3 {{event.name}}
                          
                          
                                  .col-xs-12.col-sm-12.col-md-3.col-lg-4
                                      a(ng-href='/events/{{event.id}}/')
                                          img.img-responsive.img-thumbnail(src='{{event.picture}}')
                                      .col-xs-12.col-sm-12.col-md-3.col-lg-12
                                          img.img-thumbnail(ng-src='/images/interests/{{interest.type}}.png', ng-repeat='interest in event.interests | orderBy: "type"', tooltip='{{interest.type}}')  
                                  .col-xs-12.col-sm-12.col-md-9.col-lg-8
                                      //.col-xs-12.col-sm-12.col-md-3.col-lg-3
                                      //    img.img-thumbnail(ng-src='/images/interests/{{interest.type}}.png', ng-repeat='interest in event.interests | orderBy: "type"', tooltip='{{interest.type}}')
                                      .col-xs-12.col-sm-12.col-md-3.col-lg-4
                                          h4 Start Time 
                                          h5 {{event.startTimeDate | date:'medium'}}
  
negative.code:                                 .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                      a(ng-href='/events/{{event.id}}/')
                                          h3 {{event.name}}
                                  .col-xs-12.col-sm-12.col-md-3.col-lg-4
                                      a(ng-href='/events/{{event.id}}/')
                                          img.img-responsive.img-thumbnail(src='{{event.picture}}')
                                      .col-xs-12.col-sm-12.col-md-3.col-lg-12
                                          img.img-thumbnail(ng-src='/images/interests/{{interest.type}}.png', ng-repeat='interest in event.interests | orderBy: "type"', tooltip='{{interest.type}}')
                                  .col-xs-12.col-sm-12.col-md-9.col-lg-8
                                      .col-xs-12.col-sm-12.col-md-3.col-lg-4
                                          h4 Start Time 
                                          h5 {{event.startTimeDate | date:'medium'}}
                                      .col-xs-12.col-sm-12.col-md-3.col-lg-4
                                          h4 End Time 
                                          h5 {{event.endTimeDate | date:'medium'}}
                                      .col-xs-12.col-sm-12.col-md-3.col-lg-4
                                          h5 {{event.volunteers.length}} of {{event.maxVolunteers}}
                                      .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                          h2.text-center Volunteers
                                          .col-xs-2.col-sm-2.col-md-2.col-lg-2(ng-repeat='volunteer in event.volunteers')
                                              a(ng-href='/users/{{volunteer.id}}/')
                                                  img.img-responsive.img-rounded(ng-src="{{volunteer.picture}}", tooltip='{{volunteer.firstName}} {{volunteer.lastName}}', ng-if='hasPicture("event", $parent.$index, "volunteer", $index)')
  