overleaf/services/web/app/views/_mixins/quote.pug

mixin quoteLargeTextCentered(quote, person, position, affiliation, link, pictureUrl, pictureAltAttr)
	blockquote.quote-large-text-centered
		.quote !{quote}
		if pictureUrl
			.quote-img
				img(src=pictureUrl alt=pictureAltAttr)
		footer
			div.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-dark-green-bg
		-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.'
		-var quotePerson = 'Christopher Collins'
		-var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
		-var quotePersonImg = buildImgPath("advocates/collins.jpg")
		+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg, quotePerson)

mixin collinsQuote2
	.card.card-dark-green-bg
		-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")
		+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg, quotePerson)

mixin bennettQuote1
	.card.card-dark-green-bg
		-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")
		+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg, quotePerson)