plans.jade 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166
  1. extends ../layout
  2. mixin liSection(feature)
  3. | #{feature.text}
  4. -if(feature.comingSoon)
  5. span.label.label-info coming soon
  6. -if(feature.beta)
  7. span.label.label-warning beta
  8. mixin plan(plan, cssClass, monthly)
  9. .pricing-table
  10. ul(class=cssClass)
  11. li.pricing-header-row-1
  12. .package-title
  13. h2.no-bold #{plan.name}
  14. li.pricing-header-row-2
  15. .package-price
  16. if plan.price == 0
  17. h1.free Free forever
  18. else
  19. h1.no-bold
  20. | $#{plan.price/100}
  21. if monthly
  22. span.cents /month
  23. else
  24. span.cents /year
  25. - var odd = true
  26. -each feature in plan.featureDescription
  27. - odd = !odd
  28. - if(odd)
  29. li.pricing-content-row-odd
  30. mixin liSection(feature)
  31. - else
  32. li.pricing-content-row-even
  33. mixin liSection(feature)
  34. li.pricing-footer
  35. - var href = '/user/subscription/new?planCode='+plan.planCode
  36. - planIsPersonal = plan.planCode.indexOf("personal") != -1
  37. - userNotLoggedIn = session && !session.user
  38. -if(planIsPersonal)
  39. - href = "/register"
  40. -else if(userNotLoggedIn)
  41. - href = "/register?redir="+href
  42. a.btn.btn-success(href='#{href}', ga_PlanType=plan.planCode).sign_up_now
  43. | Sign Up Now!
  44. block content
  45. .container
  46. .row
  47. .span12.span-box
  48. .page-header
  49. h1 Choose your plan
  50. blockquote.quote.pull-right
  51. p
  52. | This is one of the most useful resources I have ever found on the Internet.
  53. br
  54. | Fantastic execution and thoughtful attention to detail make this product shine!
  55. small Benjamin Shepherd, Waterloo University
  56. .row
  57. .span12
  58. .offset3
  59. ul.nav.nav-pills.pricing-pills
  60. li.active
  61. a(href="#", data-target=".monthly-pricing", data-toggle="tab") Monthly
  62. li
  63. a(href="#", data-target=".annual-pricing", data-toggle="tab") Annual
  64. li
  65. a(href="#", data-target=".student-pricing", data-toggle="tab") Half price student plans
  66. .row
  67. .span12
  68. .page-header
  69. h2 Individual Plans
  70. .pricing-steelblue.pricing-row
  71. .tab-content
  72. .tab-pane.active.monthly-pricing
  73. .row
  74. .span12.tagline
  75. p An online LaTeX editor for collaborating on the <strong>same LaTeX project and editing together in real-time</strong>. You’ll never go out of sync with your collaborators again, or lose track of any changes.
  76. .row
  77. .span4
  78. mixin plan(plans.personalAccount, "", true)
  79. .span4
  80. mixin plan(plans.allPlans['collaborator'], "big", true)
  81. .span4
  82. mixin plan(plans.allPlans['professional'], "", true)
  83. .tab-pane.annual-pricing
  84. .row
  85. .span12.tagline
  86. p Collaborate on the <strong>same LaTeX project and edit together in real-time</strong>. You’ll never go out of sync with your collaborators again, or lose track of any changes.
  87. .span4
  88. mixin plan(plans.personalAccount, "", true)
  89. .span4
  90. mixin plan(plans.allPlans['collaborator-annual'], "big", false)
  91. .span4
  92. mixin plan(plans.allPlans['professional-annual'], "", false)
  93. .tab-pane.student-pricing
  94. .row
  95. .span8.offset2.tagline
  96. p Getting started and working with <strong>LaTeX has never been so easy.</strong> Start creating beautiful work now.
  97. .span4
  98. mixin plan(plans.personalAccount, "", true)
  99. .span4
  100. mixin plan(plans.allPlans['student'], "big", true)
  101. .span4
  102. mixin plan(plans.allPlans['student-annual'], "", false)
  103. .row
  104. .span12.ab-guarantee-shown(style="text-align: center;")
  105. h2 30 day money back guarantee, cancel anytime.
  106. .pricing-steelblue.pricing-row
  107. .tab-content
  108. .tab-pane.active.monthly-pricing
  109. .page-header
  110. h2 Group Plans
  111. .row
  112. .span12.tagline
  113. p Improve the workflow of your research group by unlocking ShareLaTeX's premium features for everyone on your team
  114. .row
  115. .span4
  116. mixin plan(plans.groupMonthlyPlans[0], "", true)
  117. .span4
  118. mixin plan(plans.groupMonthlyPlans[1], "big", true)
  119. .span4
  120. mixin plan(plans.groupMonthlyPlans[2], "", true)
  121. .tab-pane.annual-pricing
  122. .page-header
  123. h2 Group Plans
  124. .row
  125. .span12.tagline
  126. p Improve the workflow of your research group by unlocking ShareLaTeX's premium features for everyone on your team
  127. .row
  128. .span4
  129. mixin plan(plans.groupAnnualPlans[0], "", false)
  130. .span4
  131. mixin plan(plans.groupAnnualPlans[1], "big", false)
  132. .span4
  133. mixin plan(plans.groupAnnualPlans[2], "", false)
  134. .tab-pane.student-pricing
  135. .row
  136. .span6.offset3
  137. .alert.alert-info(style="color: #333")
  138. h3 Want to use ShareLaTeX for free?
  139. p Tell your university or department about our
  140. a(href="/university") site licenses
  141. | and use of all our
  142. | features for free as a student or member of staff.
  143. include ../general/small-footer
  144. link(rel='stylesheet', href='/brand/plans.css?fingerprint='+fingerprint('/brand/plans.css'))