Emblem.js template that breaks when compressing with --minify option in brunch

brokenif.emblem

.navbar.navbar-inverse
  .navbar-inner
    a.brand href="#" Home

#profile-pic.row-fluid.pagination-centered
  if profile_pic_url
    img src=profile_pic_url
  else
    i.img-polaroid.icon-user
.row-fluid.pagination-centered
  a.btn href="#mentees/{{id}}/edit" Edit
.row-fluid.pagination-centered
  h1 = name

hr

.row-fluid

  if phone
    .span3.pagination-centered
      a href="tel:{{phone}}"
        i.icon-phone-sign
    .span3.pagination-centered
      a href="sms:{{phone}}?body=TEST"
        i.icon-mobile-phone

  if email
    .span3.pagination-centered
      a href="mailto:{{email}}"
        i.icon-envelope.icon-2x
  .span3.pagination-centered
    i.icon-facebook-sign.icon-2x

hr

.add-journal
  textarea#add-journal-textarea placeholder="Tap to add a journal entry" rows="3"
  .journal-notifications
  .add-journal-ctrls
    .pull-right
        button#add-journal-btn
          | Add
          i.icon-plus-sign
    .pull-right
      | at 
      a href="#" id="journaldate" data-value="{{currentTime 'MM/DD/YY HH:mm'}}"
    
a.btn.btn-large href="#mentees/{{id}}/journal" View Journal