mirror of
https://github.com/snapotter-hq/SnapOtter.git
synced 2026-08-03 07:46:42 +02:00
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:
@@ -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
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user