From dcf19e00f1b89aca06ed218e462e1600ab0ea1ba Mon Sep 17 00:00:00 2001 From: Artur Shiriev Date: Sun, 5 Jul 2026 00:40:57 +0300 Subject: [PATCH] docs: add project lockup hero to home page Co-Authored-By: Claude Opus 4.8 (1M context) --- docs/assets/lockup-dark.svg | 1 + docs/assets/lockup-light.svg | 1 + docs/css/brand.css | 20 ++++++++++++++++++++ docs/index.md | 9 +++++++-- 4 files changed, 29 insertions(+), 2 deletions(-) create mode 100644 docs/assets/lockup-dark.svg create mode 100644 docs/assets/lockup-light.svg diff --git a/docs/assets/lockup-dark.svg b/docs/assets/lockup-dark.svg new file mode 100644 index 0000000..62ee12f --- /dev/null +++ b/docs/assets/lockup-dark.svg @@ -0,0 +1 @@ + diff --git a/docs/assets/lockup-light.svg b/docs/assets/lockup-light.svg new file mode 100644 index 0000000..8cbb036 --- /dev/null +++ b/docs/assets/lockup-light.svg @@ -0,0 +1 @@ + diff --git a/docs/css/brand.css b/docs/css/brand.css index 5c95b6f..df52168 100644 --- a/docs/css/brand.css +++ b/docs/css/brand.css @@ -15,3 +15,23 @@ --md-accent-fg-color: #e0a300; --md-typeset-a-color: #7fb79f; } + +/* Centered project lockup hero on the docs home page */ +.mp-hero { + text-align: center; + margin: 1.5rem 0 2.5rem; +} +.mp-hero .mp-lockup { + margin: 0; + font-size: 0; /* collapse whitespace between the stacked variants */ + line-height: 0; +} +.mp-hero .mp-logo { + max-width: 420px; + width: 70%; + height: auto; +} +/* Light lockup by default; cream lockup in dark (slate) mode. */ +.mp-hero .mp-logo--dark { display: none; } +[data-md-color-scheme="slate"] .mp-hero .mp-logo--light { display: none; } +[data-md-color-scheme="slate"] .mp-hero .mp-logo--dark { display: inline; } diff --git a/docs/index.md b/docs/index.md index 68f0207..b93663f 100644 --- a/docs/index.md +++ b/docs/index.md @@ -1,6 +1,11 @@ -# Lite Bootstrap +
-Welcome to the `lite-bootstrap` documentation! +

+ + +

+ +
`lite-bootstrap` assists you in creating applications with all the necessary instruments already set up.