anchor.diff:                  .item.active
                       h2.text-center <strong>{{group.events.length}}</strong> Upcoming Events
               div(ng-show='hasMultipleEvents()')
  -                a.left.carousel-control(href='#upcomingEventsCarousel', data-slide='prev')
  +                a.left.carousel-control(href='#upcomingEventsCarousel2', data-slide='prev')
                       span.glyphicon.glyphicon-chevron-left
  -                a.right.carousel-control(href='#upcomingEventsCarousel', data-slide='next')
  +                a.right.carousel-control(href='#upcomingEventsCarousel2', data-slide='next')
                       span.glyphicon.glyphicon-chevron-right
           .col-xs-1.col-sm-3.col-md-4.col-lg-4
       // Controller for upcoming events
  
positive.code:     // Upcoming Events 1 x Y
      .container-fluid
          .col-xs-12.col-sm-12.col-md-12.col-lg-12
              .carousel.slide#upcomingEventsCarousel(data-ride='carousel', data-interval="")
                  .carousel-inner
                      .item.active(ng-repeat-start='event in group.events', ng-if='$first')
                          .col-xs-12.col-sm-12.col-md-12.col-lg-12
  
negative.code:                                 .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                      a(ng-href='/events/{{event.id}}/')
                                          img.img-responsive.img-thumbnail(src='{{event.picture}}')
                              .col-xs-12.col-sm-6.col-md-5.col-lg-4
                                  .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                      h3 Location
                                  .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                      h3 Start Time 
                                      h4 {{event.startTimeDate | date:'medium'}}
                                  .col-xs-12.col-sm-12.col-md-12.col-lg-12
                                      h3 End Time 
                                      h4 {{event.endTimeDate | date:'medium'}}
                              .col-xs-12.col-sm-6.col-md-6.col-lg-4
                                      h3.text-center Volunteers
                                      h4.text-center {{event.volunteers.length}} of {{event.maxVolunteers}}
                                      .col-xs-2.col-sm-3.col-md-3.col-lg-3(ng-repeat='volunteer in event.volunteers | limitTo: 12')
                                          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)')
                                              img.img-responsive.img-rounded(ng-src="//placehold.it/250x250", tooltip='{{volunteer.firstName}} {{volunteer.lastName}}', ng-if='!hasPicture("event", $parent.$index, "volunteer", $index)')
  