dearwolf/aider
1
0
Fork 0
mirror of https://github.com/Aider-AI/aider.git synced 2025-06-06 04:35:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

style: Add fancy typographic quotes to testimonials using CSS

Browse source
This commit is contained in:
Paul Gauthier (aider) 2025-03-19 11:59:19 -07:00
parent 20ba252c56
commit 2facd2ab16
1 changed files with 24 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

25
aider/website/home.html
View file

@ -312,6 +312,29 @@
color: #495057; color: #495057;
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: 0 10px;
}
.testimonial-text::before,
.testimonial-text::after {
font-family: Georgia, serif;
font-size: 1.6em;
line-height: 0.1;
position: relative;
}
.testimonial-text::before {
content: "\201C"; /* Opening fancy quote */
color: var(--primary);
margin-right: 4px;
vertical-align: -0.3em;
}
.testimonial-text::after {
content: "\201D"; /* Closing fancy quote */
color: var(--primary);
margin-left: 4px;
vertical-align: -0.3em;
} }
.testimonial-card:hover { .testimonial-card:hover {
@ -775,7 +798,7 @@ aider --model gpt-4o --api-key openai=your-key-goes-here</pre>
function createTestimonialCard(testimonial, index) { function createTestimonialCard(testimonial, index) {
return ` return `
<div class="testimonial-card" id="testimonial-${index}"> <div class="testimonial-card" id="testimonial-${index}">
<p class="testimonial-text">"${testimonial.text}"</p> <p class="testimonial-text">${testimonial.text}</p>
<p class="testimonial-author">— <a href="${testimonial.link}" target="_blank">${testimonial.author}</a></p> <p class="testimonial-author">— <a href="${testimonial.link}" target="_blank">${testimonial.author}</a></p>
</div> </div>
`; `;