bonus.pug 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. extends ../layout-website-redesign
  2. block vars
  3. - isWebsiteRedesign = true
  4. block content
  5. #main-content.content
  6. .container#bonus
  7. .row
  8. .col-lg-8.offset-lg-2
  9. .container-fluid
  10. .row
  11. .col-lg-10.offset-lg-1
  12. if (refered_user_count > 0)
  13. p.thanks The Overleaf Bonus Program has been discontinued, but you'll continue to have access to the features you already earned.
  14. else
  15. p.thanks The Overleaf Bonus Program has been discontinued.
  16. p.thanks Please <a href="/contact">contact us</a> if you have any questions.
  17. if (refered_user_count > 0)
  18. .row.ab-bonus
  19. .col-lg-10.offset-lg-1(style="position: relative; height: 30px; margin-top: 20px;")
  20. - for (var i = 0; i <= 10; i++) {
  21. if (refered_user_count == i)
  22. .number(style="left: "+i+"0%").active #{i}
  23. else
  24. .number(style="left: "+i+"0%") #{i}
  25. - }
  26. .row.ab-bonus
  27. .col-lg-10.offset-lg-1
  28. .progress
  29. .progress-bar.progress-bar-info(style="width: "+refered_user_count+"0%")
  30. .row.ab-bonus
  31. .col-lg-10.offset-lg-1(style="position: relative; height: 110px;")
  32. .perk(style="left: 10%;", class = refered_user_count >= 1 ? "active" : "") #{translate("one_free_collab")}
  33. .perk(style="left: 30%;", class = refered_user_count >= 3 ? "active" : "") #{translate("three_free_collab")}
  34. .perk(style="left: 60%;", class = refered_user_count >= 6 ? "active" : "") #{translate("free_dropbox_and_history")} + #{translate("three_free_collab")}
  35. .perk(style="left: 90%;", class = refered_user_count >= 9 ? "active" : "") #{translate("free_dropbox_and_history")} + #{translate("unlimited_collabs")}
  36. .row &nbsp;
  37. .row.ab-bonus
  38. .col-lg-10.offset-lg-1.bonus-status
  39. if (refered_user_count == 1)
  40. p.thanks You’ve introduced <strong>1</strong> person to #{settings.appName}.
  41. else
  42. p.thanks You’ve introduced <strong>#{refered_user_count}</strong> people to #{settings.appName}.