Skip to content

Commit 49e7797

Browse files
igorbenavigorbenav
committed
fix images
1 parent 1b9c82f commit 49e7797

6 files changed

Lines changed: 118 additions & 0 deletions

File tree

‎docs/assets/build-card.cjs‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
// Generates the FastroAI cross-sell card as transparent light/dark PNGs.
2+
// Used in the FastAPI-boilerplate docs to promote FastroAI.
3+
// Run: NODE_PATH=<a sharp install> node docs/assets/build-card.cjs
4+
const path = require('path');
5+
const sharp = require('sharp');
6+
7+
const OUT = __dirname;
8+
9+
// Wordmark tracking. Negative = tighter. The previous card jammed the letters
10+
// together; this opens them up to match the FastroAI docs cover.
11+
const WORDMARK_TRACKING = -0.5;
12+
13+
const MODES = {
14+
light: { primary: '#111827', body: '#4b5563', muted: '#6b7280', termBorder: '#1f2937' },
15+
dark: { primary: '#f9fafb', body: '#d1d5db', muted: '#9ca3af', termBorder: '#30363d' },
16+
};
17+
18+
const card = ({ primary, body, muted, termBorder }) => `<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="430" viewBox="0 0 1200 430">
19+
<text x="66" y="78" font-family="'JetBrains Mono','SF Mono',ui-monospace,monospace" font-size="13" font-weight="700" letter-spacing="3.5" fill="${muted}">THE COMPLETE SAAS TEMPLATE</text>
20+
<text x="62" y="172" font-family="'Space Grotesk',system-ui,sans-serif" font-size="82" font-weight="700" letter-spacing="${WORDMARK_TRACKING}" fill="${primary}">Fastro<tspan fill="#0d9488">AI</tspan></text>
21+
22+
<rect x="500" y="116" width="104" height="52" rx="26" fill="#0d9488"/>
23+
<text x="552" y="150" text-anchor="middle" font-family="'Space Grotesk',system-ui,sans-serif" font-size="22" font-weight="700" letter-spacing="2" fill="#ffffff">PRO</text>
24+
25+
<rect x="66" y="198" width="4" height="62" rx="2" fill="#0d9488"/>
26+
<text x="86" y="224" font-family="system-ui,sans-serif" font-size="20" fill="${body}">Everything in Fastro + payments, entitlements,</text>
27+
<text x="86" y="252" font-family="system-ui,sans-serif" font-size="20" fill="${body}">email, a frontend - and AI agents.</text>
28+
<text x="66" y="318" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="13" fill="${muted}" letter-spacing="0.5">one-time license · lifetime updates · <tspan fill="#0d9488">fastro.ai</tspan></text>
29+
30+
<rect x="624" y="50" width="512" height="312" rx="12" fill="#030712"/>
31+
<rect x="624" y="50" width="512" height="312" rx="12" fill="none" stroke="${termBorder}" stroke-width="1"/>
32+
<path d="M624 62 a12 12 0 0 1 12 -12 h488 a12 12 0 0 1 12 12 v28 h-512 z" fill="#111827"/>
33+
<line x1="624" y1="90" x2="1136" y2="90" stroke="#1f2937" stroke-width="1"/>
34+
<circle cx="650" cy="70" r="5.5" fill="#ef4444" opacity="0.85"/>
35+
<circle cx="670" cy="70" r="5.5" fill="#eab308" opacity="0.85"/>
36+
<circle cx="690" cy="70" r="5.5" fill="#22c55e" opacity="0.85"/>
37+
<text x="880" y="75" text-anchor="middle" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="12" fill="#6b7280">fastroai - zsh</text>
38+
<g font-family="'JetBrains Mono',ui-monospace,monospace" font-size="14">
39+
<text x="650" y="132" fill="#6b7280">$</text><text x="668" y="132" fill="#d1d5db">docker compose up -d</text>
40+
<text x="650" y="168" fill="#4ade80">&#x2713;</text><text x="668" y="168" fill="#d1d5db">Auth + OAuth 2.0 .........</text><text x="1016" y="168" fill="#4ade80">ready</text>
41+
<text x="650" y="196" fill="#4ade80">&#x2713;</text><text x="668" y="196" fill="#d1d5db">Stripe payments ..........</text><text x="1016" y="196" fill="#4ade80">ready</text>
42+
<text x="650" y="224" fill="#4ade80">&#x2713;</text><text x="668" y="224" fill="#d1d5db">PydanticAI agents ........</text><text x="1016" y="224" fill="#4ade80">ready</text>
43+
<text x="650" y="252" fill="#4ade80">&#x2713;</text><text x="668" y="252" fill="#d1d5db">Astro frontend ...........</text><text x="1016" y="252" fill="#4ade80">ready</text>
44+
<text x="650" y="288" fill="#6b7280">$</text><text x="668" y="288" fill="#d1d5db">curl localhost:8000/health</text>
45+
<text x="650" y="316" fill="#2dd4bf">{"status": "healthy"}</text>
46+
<text x="650" y="346" fill="#ffffff" font-weight="700">→ Ship your SaaS.</text>
47+
</g>
48+
49+
<text x="66" y="416" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="13" fill="${muted}" letter-spacing="1">FastAPI · AstroJS · PydanticAI · Stripe · Logfire</text>
50+
<text x="1136" y="416" text-anchor="end" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="13" font-weight="700" letter-spacing="0.5" fill="#0d9488">fastro.ai ↗</text>
51+
</svg>`;
52+
53+
(async () => {
54+
for (const [mode, vars] of Object.entries(MODES)) {
55+
const out = path.join(OUT, `fastroai-card-${mode}.png`);
56+
const info = await sharp(Buffer.from(card(vars)), { density: 240 }).resize(2400).png({ compressionLevel: 9 }).toFile(out);
57+
console.log('ok', path.basename(out), `${info.width}x${info.height}`);
58+
}
59+
})();

‎docs/assets/build-cover.cjs‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
1+
// Generates the Fastro (open-source FastAPI boilerplate) cover as transparent
2+
// light/dark PNGs, used at the top of the docs.
3+
// Run: NODE_PATH=<a sharp install> node docs/assets/build-cover.cjs
4+
const path = require('path');
5+
const sharp = require('sharp');
6+
7+
const OUT = __dirname;
8+
9+
// Wordmark tracking. Negative = tighter. The previous cover jammed the letters
10+
// together; this opens them up to match the rest of the brand covers.
11+
const WORDMARK_TRACKING = -0.5;
12+
13+
const MODES = {
14+
light: { primary: '#111827', body: '#4b5563', muted: '#6b7280', termBorder: '#1f2937' },
15+
dark: { primary: '#f9fafb', body: '#d1d5db', muted: '#9ca3af', termBorder: '#30363d' },
16+
};
17+
18+
const cover = ({ primary, body, muted, termBorder }) => `<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="430" viewBox="0 0 1200 430">
19+
<text x="66" y="78" font-family="'JetBrains Mono','SF Mono',ui-monospace,monospace" font-size="13" font-weight="700" letter-spacing="3.5" fill="${muted}">OPEN SOURCE · FASTAPI BOILERPLATE</text>
20+
<text x="62" y="172" font-family="'Space Grotesk',system-ui,sans-serif" font-size="82" font-weight="700" letter-spacing="${WORDMARK_TRACKING}" fill="${primary}">Fastro</text>
21+
22+
<rect x="384" y="116" width="118" height="52" rx="26" fill="#0d9488"/>
23+
<text x="443" y="150" text-anchor="middle" font-family="'Space Grotesk',system-ui,sans-serif" font-size="22" font-weight="700" letter-spacing="2" fill="#ffffff">FREE</text>
24+
25+
<rect x="66" y="198" width="4" height="62" rx="2" fill="#0d9488"/>
26+
<text x="86" y="224" font-family="system-ui,sans-serif" font-size="20" fill="${body}">Batteries-included FastAPI starter -</text>
27+
<text x="86" y="252" font-family="system-ui,sans-serif" font-size="20" fill="${body}">auth, CRUD, jobs, caching, rate-limits.</text>
28+
<text x="66" y="318" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="13" fill="${muted}" letter-spacing="0.5">MIT · uv workspace · plugin-ready <tspan fill="#0d9488">bp</tspan> CLI</text>
29+
30+
<rect x="624" y="50" width="512" height="312" rx="12" fill="#030712"/>
31+
<rect x="624" y="50" width="512" height="312" rx="12" fill="none" stroke="${termBorder}" stroke-width="1"/>
32+
<path d="M624 62 a12 12 0 0 1 12 -12 h488 a12 12 0 0 1 12 12 v28 h-512 z" fill="#111827"/>
33+
<line x1="624" y1="90" x2="1136" y2="90" stroke="#1f2937" stroke-width="1"/>
34+
<circle cx="650" cy="70" r="5.5" fill="#ef4444" opacity="0.85"/>
35+
<circle cx="670" cy="70" r="5.5" fill="#eab308" opacity="0.85"/>
36+
<circle cx="690" cy="70" r="5.5" fill="#22c55e" opacity="0.85"/>
37+
<text x="880" y="75" text-anchor="middle" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="12" fill="#6b7280">fastro - zsh</text>
38+
<g font-family="'JetBrains Mono',ui-monospace,monospace" font-size="14">
39+
<text x="650" y="132" fill="#6b7280">$</text><text x="668" y="132" fill="#d1d5db">uv run bp deploy generate prod</text>
40+
<text x="650" y="168" fill="#4ade80">&#x2713;</text><text x="668" y="168" fill="#d1d5db">Auth + sessions ..........</text><text x="1016" y="168" fill="#4ade80">ready</text>
41+
<text x="650" y="196" fill="#4ade80">&#x2713;</text><text x="668" y="196" fill="#d1d5db">FastCRUD + SQLAdmin ......</text><text x="1016" y="196" fill="#4ade80">ready</text>
42+
<text x="650" y="224" fill="#4ade80">&#x2713;</text><text x="668" y="224" fill="#d1d5db">Taskiq workers ...........</text><text x="1016" y="224" fill="#4ade80">ready</text>
43+
<text x="650" y="252" fill="#4ade80">&#x2713;</text><text x="668" y="252" fill="#d1d5db">Rate limiting + cache ....</text><text x="1016" y="252" fill="#4ade80">ready</text>
44+
<text x="650" y="288" fill="#6b7280">$</text><text x="668" y="288" fill="#d1d5db">docker compose up --build</text>
45+
<text x="650" y="316" fill="#2dd4bf">{"status": "healthy"}</text>
46+
<text x="650" y="346" fill="#ffffff" font-weight="700">→ Build on it.</text>
47+
</g>
48+
49+
<text x="66" y="416" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="13" fill="${muted}" letter-spacing="1">FastAPI · SQLAlchemy 2.0 · Taskiq · SQLAdmin · FastCRUD</text>
50+
<text x="1136" y="416" text-anchor="end" font-family="'JetBrains Mono',ui-monospace,monospace" font-size="13" font-weight="700" letter-spacing="0.5" fill="#0d9488">github.com/benavlabs/FastAPI-boilerplate</text>
51+
</svg>`;
52+
53+
(async () => {
54+
for (const [mode, vars] of Object.entries(MODES)) {
55+
const out = path.join(OUT, `fastro-cover-${mode}.png`);
56+
const info = await sharp(Buffer.from(cover(vars)), { density: 240 }).resize(2400).png({ compressionLevel: 9 }).toFile(out);
57+
console.log('ok', path.basename(out), `${info.width}x${info.height}`);
58+
}
59+
})();

‎docs/assets/fastro-cover-dark.png‎

2.51 KB
Loading

‎docs/assets/fastro-cover-light.png‎

2.62 KB
Loading

‎docs/assets/fastroai-card-dark.png‎

3.39 KB
Loading

‎docs/assets/fastroai-card-light.png‎

3.47 KB
Loading

0 commit comments

Comments
 (0)