refactor: Restructure hero section layout with full-width title and badges

This commit is contained in:
Paul Gauthier (aider) 2025-03-19 10:33:34 -07:00
parent 8f45a2ef3d
commit 5eedf98aae

View file

@ -100,7 +100,7 @@
font-size: 3rem;
margin-bottom: 24px;
color: var(--dark);
text-align: left;
text-align: center;
}
.hero p {
@ -334,6 +334,7 @@
.stats-container {
margin-bottom: 40px;
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
@ -414,6 +415,7 @@
.hero h1 {
font-size: 2.5rem;
text-align: center;
margin-bottom: 20px;
}
.hero p {
@ -460,29 +462,29 @@
<section class="hero">
<div class="container">
<h1>AI Pair Programming in Your Terminal</h1>
<div class="stats-container">
<a href="https://github.com/Aider-AI/aider" class="github-badge badge-stars">
<span class="badge-label">⭐ GitHub Stars</span>
<span class="badge-value">29k</span>
</a>
<a href="https://pypi.org/project/aider-chat/" class="github-badge badge-installs">
<span class="badge-label">📦 Installs</span>
<span class="badge-value">1.6M</span>
</a>
<div class="github-badge badge-tokens">
<span class="badge-label">📈 Token Processed</span>
<span class="badge-value">87B</span>
</div>
<a href="https://openrouter.ai/" class="github-badge badge-router">
<span class="badge-label">🏆 OpenRouter</span>
<span class="badge-value">Top 20</span>
</a>
</div>
<div class="hero-grid">
<div class="hero-content">
<h1>AI Pair Programming in Your Terminal</h1>
<div class="stats-container">
<a href="https://github.com/Aider-AI/aider" class="github-badge badge-stars">
<span class="badge-label">⭐ GitHub Stars</span>
<span class="badge-value">29k</span>
</a>
<a href="https://pypi.org/project/aider-chat/" class="github-badge badge-installs">
<span class="badge-label">📦 Installs</span>
<span class="badge-value">1.6M</span>
</a>
<div class="github-badge badge-tokens">
<span class="badge-label">📈 Token Processed</span>
<span class="badge-value">87B</span>
</div>
<a href="https://openrouter.ai/" class="github-badge badge-router">
<span class="badge-label">🏆 OpenRouter</span>
<span class="badge-value">Top 20</span>
</a>
</div>
<p>Aider lets you pair program with LLMs, to edit code in your local git repository. Start a new project or work with an existing code base.</p>
<div class="buttons">