revert(docs): restore original homepage layout

Reverts all docs homepage CSS and content changes back to the
state before the compact layout experiments.
This commit is contained in:
SnapOtter
2026-06-08 14:45:12 +08:00
parent c629fb3893
commit 1680344f9d
2 changed files with 9 additions and 108 deletions
+3 -102
View File
@@ -1,8 +1,7 @@
/* Homepage layout: order sections and remove VitePress default 128px gap */
/* Move the docker command banner between hero and features */
.VPHome {
display: flex;
flex-direction: column;
margin-bottom: 0 !important;
}
.VPHome > .VPHomeHero {
@@ -17,48 +16,10 @@
order: 2;
}
/* Hero: center content, tighten padding */
.VPHero {
padding-top: calc(var(--vp-nav-height) + 20px) !important;
padding-bottom: 10px !important;
}
.VPHero .main {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
max-width: 100% !important;
}
.VPHero .main .name.clip {
font-size: 44px !important;
line-height: 1.1 !important;
max-width: none !important;
}
.VPHero .main .text {
font-size: 34px !important;
line-height: 1.15 !important;
max-width: none !important;
}
.VPHero .main .tagline {
font-size: 16px !important;
line-height: 1.5 !important;
padding-top: 6px !important;
max-width: 520px !important;
}
.VPHero .main .actions {
padding-top: 14px !important;
justify-content: center !important;
}
/* Quick start command banner */
/* Quick start command banner on homepage */
.quick-start-banner {
max-width: 960px;
margin: 0 auto 12px;
margin: 0 auto 48px;
padding: 0 24px;
text-align: center;
}
@@ -68,66 +29,6 @@
border-radius: 10px;
}
/* Features: 3-column grid, no extra section padding */
.VPHomeFeatures {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.VPFeatures .container {
max-width: 1152px !important;
}
.VPFeatures .items {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 12px !important;
}
.VPFeatures .item.grid-6 {
width: 100% !important;
padding: 0 !important;
}
.VPFeature {
padding: 20px !important;
height: 100% !important;
}
.VPFeature .title {
font-size: 14px !important;
font-weight: 600 !important;
}
.VPFeature .details {
font-size: 13px !important;
line-height: 1.5 !important;
}
/* Footer */
.VPFooter {
padding: 12px 24px !important;
}
.VPFooter .message,
.VPFooter .copyright {
font-size: 12px !important;
}
@media (max-width: 768px) {
.VPFeatures .items {
grid-template-columns: 1fr !important;
}
.VPHero .main .name.clip {
font-size: 32px !important;
}
.VPHero .main .text {
font-size: 28px !important;
}
}
/* Hide the three-dots extra menu - its contents are now in the navbar directly */
.VPNavBarExtra {
display: none !important;
+6 -6
View File
@@ -15,17 +15,17 @@ hero:
features:
- title: 53 Image Tools
details: Resize, crop, compress, convert, watermark, adjust colors, vectorize, create GIFs, build collages, and more.
details: Resize, crop, compress, convert, watermark, color adjust, vectorize, create GIFs, build collages, generate passport photos, find duplicates, and more.
- title: Local AI
details: "16 ML tools: background removal, upscaling, enhancement, colorization, OCR, object erasure. Fully local."
details: 16 AI-powered tools - remove backgrounds, upscale, enhance images, restore and colorize old photos, erase objects, blur faces, enhance faces, extract text (OCR), fix fake transparency, expand canvas with AI fill. All on your hardware, no internet required.
- title: Pipelines
details: Chain tools into reusable workflows. Batch process unlimited images at once.
details: Chain tools into reusable workflows with unlimited steps. Batch process unlimited images at once with a single request.
- title: REST API
details: Every tool via API with key auth. Interactive docs at /api/docs plus /llms.txt for AI agents.
details: Every tool available via API with API key auth. Interactive docs at /api/docs, plus /llms.txt and /llms-full.txt for AI agents.
- title: File Library
details: Persistent storage with full version history. Trace every step from original to output.
details: Persistent file storage with full version history. Every processing step is tracked so you can trace the full tool chain from original to final output.
- title: Teams & Access Control
details: "Multi-user with admin/user roles, per-resource permissions, and audit logging."
details: Multi-user support with admin/user roles, team grouping, per-resource permissions, and audit logging for all sensitive actions.
---
<div class="quick-start-banner">