quote.pug 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. mixin quoteLargeTextCentered(quote, person, position, affiliation, link, pictureUrl)
  2. blockquote.quote-large-text-centered
  3. .quote !{quote}
  4. if pictureUrl
  5. .quote-img
  6. - var pictureAlt = `Photo of ${person}`
  7. img(src=pictureUrl alt=pictureAlt)
  8. footer
  9. .quote-person
  10. strong #{person}
  11. if person && position
  12. div #{position}
  13. if affiliation
  14. div #{affiliation}
  15. if link
  16. .quote-link !{link}
  17. mixin quoteLeftGreenBorder({quote, person, position, affiliation, link})
  18. blockquote.quote-left-green-border
  19. .quote !{quote}
  20. footer
  21. | #{person}
  22. | #{position || affiliation ? ',' : ''}
  23. | #{position}
  24. | #{position && affiliation ? ' at ' : ''}
  25. | #{affiliation}
  26. if link
  27. .quote-link !{link}
  28. mixin collinsQuote1
  29. .card.card-dark-green-bg
  30. - 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, it’s our main tool.'
  31. - var quotePerson = 'Christopher Collins'
  32. - var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
  33. - var quotePersonImg = buildImgPath('advocates/collins.jpg')
  34. .card-body
  35. +quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)
  36. mixin collinsQuote2
  37. .card.card-dark-green-bg
  38. - 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.'
  39. - var quotePerson = 'Christopher Collins'
  40. - var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
  41. - var quotePersonImg = buildImgPath('advocates/collins.jpg')
  42. .card-body
  43. +quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)
  44. mixin bennettQuote1
  45. .card.card-dark-green-bg
  46. - 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.'
  47. - var quotePerson = 'Andrew Bennett'
  48. - var quotePersonPosition = 'Software Architect, Symplectic'
  49. - var quotePersonImg = buildImgPath('advocates/bennett.jpg')
  50. .card-body
  51. +quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg)