Files
overleaf-cep/services/web/app/views/_mixins/quote.pug
Antoine Clausse e301030c09 [web] 2026 pricing page: FAQ and quotes (#32759)
* Rename _faq_new.pug to _faq.pug

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Add 2026 plans page FAQ templates

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Wire up quotes and FAQ section in plans_2026.pug

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Update styles, quote component, and translations for 2026 plans page

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Fix missing accordion icon wrapper in last FAQ item

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* Fixup: rename `.card-pattern-sides` back to `.card-pattern`

* Create SASS placeholder and mixin

Suggested by Tim

* Fixup quote style

* Update spacings to match Figma

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
GitOrigin-RevId: 2f4e284038d79157d2b029a967918077bb206032
2026-04-20 08:04:30 +00:00

56 lines
2.3 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
mixin quoteLargeTextCentered(quote, person, position, affiliation, link, pictureUrl)
blockquote.quote-large-text-centered
.quote !{quote}
if pictureUrl
.quote-img
- var pictureAlt = `Photo of ${person}`
img(src=pictureUrl alt=pictureAlt)
footer
.quote-person
strong #{person}
if person && position
div #{position}
if affiliation
div #{affiliation}
if link
.quote-link !{link}
mixin quoteLeftGreenBorder({quote, person, position, affiliation, link})
blockquote.quote-left-green-border
.quote !{quote}
footer
| #{person}
| #{position || affiliation ? ',' : ''}
| #{position}
| #{position && affiliation ? ' at ' : ''}
| #{affiliation}
if link
.quote-link !{link}
mixin collinsQuote1
.card.card-pattern-bottom
- var quote = 'Overleaf is indispensable for us. We use it in our research, thesis writing, project proposals, and manuscripts for publication. When it comes to writing, its our main tool.'
- var quotePerson = 'Christopher Collins'
- var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
- var quotePersonImg = buildImgPath('advocates/collins.jpg')
.card-body
+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)
mixin collinsQuote2
.card.card-pattern-bottom
- var quote = 'We are writing collaboratively right up until the last minute. We are faced with deadlines all the time, and Overleaf gives us the ability to polish right up until the last possible second.'
- var quotePerson = 'Christopher Collins'
- var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
- var quotePersonImg = buildImgPath('advocates/collins.jpg')
.card-body
+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)
mixin bennettQuote1
.card.card-pattern-bottom
- var quote = 'With Overleaf, we now have a process for developing technical documentation which has virtually eliminated the time required to properly format and layout documents.'
- var quotePerson = 'Andrew Bennett'
- var quotePersonPosition = 'Software Architect, Symplectic'
- var quotePersonImg = buildImgPath('advocates/bennett.jpg')
.card-body
+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)