mirror of
https://github.com/mudler/LocalAI.git
synced 2026-07-30 09:57:57 -04:00
50cd897719
* docs: refresh LocalAI homepage Reframe the homepage around LocalAI's modular multimodal runtime, native inference engines, deployment range, and built-in platform capabilities. Remove the outdated video in favor of current product visuals and clearer paths into the documentation. Assisted-by: Codex:gpt-5 * docs: give homepage a full-width canvas Let the product homepage opt out of Relearn's persistent sidebar and duplicate title while preserving the documentation shell on interior pages. Tighten the responsive bounds for narrow screens. Assisted-by: Codex:gpt-5 * docs: fit homepage to the Relearn content flow Remove the full-width shell exception and use a single-column homepage inside the standard documentation layout. This avoids competing scroll containers and the compressed split hero. Assisted-by: Codex:gpt-5 * docs: hide homepage scroll rail Preserve Relearn's content scrolling while removing the visible scrollbar beside the landing-page hero. Assisted-by: Codex:gpt-5 * docs: contain homepage sections within docs column Prevent landing-page headings, figures, and section grids from widening Relearn's content pane or exposing overflow rails. Assisted-by: Codex:gpt-5 * docs: remove nested homepage scrollbars Wrap the quick-start command within its column and suppress component-level scrollbar tracks across the landing page. Assisted-by: Codex:gpt-5 * docs: remove outdated gallery screenshot Drop the stale Model Gallery image from the homepage until a current product visual is available. Assisted-by: Codex:gpt-5 * docs: fix homepage architecture link Point the homepage CTA at the generated reference/architecture route. Assisted-by: Codex:gpt-5 --------- Co-authored-by: Ettore Di Giacinto <mudler@localai.io>
101 lines
1.6 KiB
CSS
101 lines
1.6 KiB
CSS
@import url("./localai-home.css");
|
|
|
|
/* The homepage deliberately fits Relearn's documentation content column. */
|
|
#R-body-inner.home article.home > h1#localai {
|
|
display: none;
|
|
}
|
|
|
|
#R-body-inner.home > .flex-block-wrapper {
|
|
max-width: 960px;
|
|
}
|
|
|
|
/* Relearn scrolls the content pane; keep that behavior without a rail beside the hero. */
|
|
#R-body-inner.home {
|
|
overflow-x: clip;
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
#R-body-inner.home::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.lai-home,
|
|
.lai-home > section,
|
|
.lai-home header,
|
|
.lai-home figure,
|
|
.lai-home [class*="__copy"] {
|
|
box-sizing: border-box;
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.lai-home h1,
|
|
.lai-home h2,
|
|
.lai-home h3,
|
|
.lai-home p {
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.lai-home img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.lai-home * {
|
|
scrollbar-width: none;
|
|
}
|
|
|
|
.lai-home *::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.lai-start pre {
|
|
overflow: visible !important;
|
|
white-space: pre-wrap;
|
|
overflow-wrap: anywhere;
|
|
word-break: break-word;
|
|
}
|
|
|
|
.lai-hero {
|
|
grid-template-columns: minmax(0, 1fr) !important;
|
|
min-height: auto;
|
|
padding-block: clamp(3rem, 6vw, 5rem);
|
|
}
|
|
|
|
.lai-hero__copy {
|
|
max-width: 48rem;
|
|
}
|
|
|
|
.lai-hero h1 {
|
|
max-width: 12ch;
|
|
font-size: clamp(3rem, 5.5vw, 4.65rem);
|
|
text-align: left;
|
|
}
|
|
|
|
.lai-hero__lede {
|
|
max-width: 43rem;
|
|
}
|
|
|
|
.lai-product-shot {
|
|
width: 100%;
|
|
max-width: 54rem;
|
|
transform: none;
|
|
}
|
|
|
|
@media (max-width: 47.99rem) {
|
|
.lai-home,
|
|
.lai-home > section,
|
|
.lai-hero,
|
|
.lai-hero__copy,
|
|
.lai-product-shot {
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
min-width: 0;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.lai-hero h1 {
|
|
max-width: 10ch;
|
|
font-size: clamp(2.4rem, 11vw, 3.5rem);
|
|
}
|
|
}
|