Skip to content

Commit 48b606d

Browse files
anandgupta42claude
anandgupta42
and
claude
authored
docs: redesign homepage with hero, feature cards, and pill layouts (#32)
* docs: redesign homepage with hero section, feature cards, and pill layouts - Add centered hero with banner image, tagline, CTA buttons, and install snippet - Replace comparison table with 6 feature cards using Material icon grid - Replace agent mode table with 4 icon cards - Replace LLM provider table and warehouse list with centered pill layouts - Switch fonts to Inter (body) and JetBrains Mono (code) - Add md_in_html and pymdownx.emoji extensions - Add custom CSS for hero, section headings, pill grid, card hover effects - Hide TOC on homepage for cleaner landing page layout - Add doc links table at bottom for quick navigation Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * docs: fix doc-links layout, move comparison table to getting-started - Replace broken doc-links table with centered inline links - Fix dark mode styling for bottom section - Move "general agents vs altimate-code" comparison table to Getting Started page Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
1 parent 5c513c1 commit 48b606d

5 files changed

Lines changed: 313 additions & 66 deletions

File tree

‎docs/docs/assets/css/extra.css‎

Lines changed: 159 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,3 +7,162 @@
77
letter-spacing: 0.05em;
88
opacity: 1;
99
}
10+
11+
/* ================================================
12+
HOMEPAGE
13+
================================================ */
14+
15+
/* --- Hero section --- */
16+
.hero {
17+
text-align: center;
18+
padding: 1.5rem 0 0.5rem;
19+
}
20+
21+
.hero-banner {
22+
max-width: 280px;
23+
margin: 0 auto;
24+
image-rendering: -webkit-optimize-contrast;
25+
image-rendering: crisp-edges;
26+
}
27+
28+
.hero-tagline {
29+
font-size: 1.45rem;
30+
font-weight: 700;
31+
line-height: 1.3;
32+
margin: 1rem 0 0.75rem;
33+
color: var(--md-default-fg-color);
34+
letter-spacing: -0.015em;
35+
}
36+
37+
.hero-description {
38+
font-size: 0.92rem;
39+
max-width: 500px;
40+
margin: 0 auto 1.5rem;
41+
color: var(--md-default-fg-color--light);
42+
line-height: 1.6;
43+
}
44+
45+
.hero-actions {
46+
display: flex;
47+
justify-content: center;
48+
gap: 0.6rem;
49+
flex-wrap: wrap;
50+
margin-bottom: 0;
51+
}
52+
53+
.hero-actions .md-button {
54+
font-size: 0.8rem;
55+
padding: 0.5rem 1.4rem;
56+
border-radius: 6px;
57+
font-weight: 600;
58+
}
59+
60+
/* Install snippet */
61+
.hero-install {
62+
max-width: 460px;
63+
margin: 1.25rem auto 0;
64+
}
65+
66+
.hero-install pre {
67+
margin: 0;
68+
}
69+
70+
.hero-install code {
71+
font-size: 0.78rem;
72+
}
73+
74+
/* --- Section headings --- */
75+
.section-heading {
76+
text-align: center;
77+
font-size: 1.2rem;
78+
font-weight: 700;
79+
margin: 1.5rem 0 0.2rem;
80+
letter-spacing: -0.01em;
81+
}
82+
83+
.section-sub {
84+
text-align: center;
85+
color: var(--md-default-fg-color--light);
86+
font-size: 0.85rem;
87+
margin: 0 auto 1.25rem;
88+
max-width: 460px;
89+
line-height: 1.5;
90+
}
91+
92+
/* --- Feature cards --- */
93+
.grid.cards > ul > li {
94+
border-radius: 8px;
95+
padding: 0.8rem !important;
96+
transition: box-shadow 0.2s ease, transform 0.2s ease;
97+
}
98+
99+
.grid.cards > ul > li:hover {
100+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.07);
101+
transform: translateY(-1px);
102+
}
103+
104+
[data-md-color-scheme="slate"] .grid.cards > ul > li:hover {
105+
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
106+
}
107+
108+
.grid.cards > ul > li p {
109+
font-size: 0.83rem;
110+
line-height: 1.55;
111+
}
112+
113+
/* --- Pill grid (LLM providers, warehouses) --- */
114+
.pill-grid {
115+
max-width: 600px;
116+
margin: 0 auto;
117+
}
118+
119+
.pill-grid ul {
120+
display: flex;
121+
flex-wrap: wrap;
122+
justify-content: center;
123+
gap: 0.45rem;
124+
list-style: none;
125+
padding: 0;
126+
margin: 0;
127+
}
128+
129+
.pill-grid ul li {
130+
display: inline-flex;
131+
align-items: center;
132+
gap: 0.3rem;
133+
padding: 0.4rem 0.85rem;
134+
border-radius: 100px;
135+
font-size: 0.8rem;
136+
border: 1px solid var(--md-default-fg-color--lightest);
137+
color: var(--md-default-fg-color--light);
138+
white-space: nowrap;
139+
margin: 0;
140+
}
141+
142+
.pill-grid ul li .twemoji {
143+
display: inline-flex;
144+
}
145+
146+
[data-md-color-scheme="slate"] .pill-grid ul li {
147+
border-color: rgba(255, 255, 255, 0.12);
148+
}
149+
150+
/* --- Doc links footer --- */
151+
.doc-links {
152+
text-align: center;
153+
font-size: 0.85rem;
154+
line-height: 1.8;
155+
}
156+
157+
.doc-links a {
158+
text-decoration: none;
159+
}
160+
161+
.doc-links a:hover {
162+
text-decoration: underline;
163+
}
164+
165+
/* --- Dividers --- */
166+
.md-content hr {
167+
margin: 1.5rem 0;
168+
}

‎docs/docs/assets/images/altimate-code-banner.png‎

8.64 KB
Loading

‎docs/docs/getting-started.md‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,19 @@
11
# Getting Started
22

3+
## Why altimate-code?
4+
5+
Unlike general-purpose coding agents, altimate-code is built for data teams:
6+
7+
| Capability | General coding agents | altimate-code |
8+
|---|---|---|
9+
| SQL anti-pattern detection | None | 19 rules with confidence scoring |
10+
| Column-level lineage | None | Automatic from SQL |
11+
| Schema-aware autocomplete | None | Indexes your warehouse metadata |
12+
| Cross-dialect translation | None | Snowflake, BigQuery, Databricks, Redshift |
13+
| FinOps analysis | None | Credit analysis, expensive queries, warehouse sizing |
14+
| PII detection | None | Automatic column scanning |
15+
| dbt integration | Basic file editing | Manifest parsing, test generation, model scaffolding |
16+
317
## Installation
418

519
```bash

0 commit comments

Comments
 (0)