diff --git a/docs/assets/logo_dark.svg b/docs/assets/logo_dark.svg new file mode 100644 index 000000000..ad3602c90 --- /dev/null +++ b/docs/assets/logo_dark.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/assets/logo_light_no_text.svg b/docs/assets/logo_light_no_text.svg deleted file mode 100644 index e6ac17792..000000000 --- a/docs/assets/logo_light_no_text.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/docs/assets/pixi.png b/docs/assets/pixi.png new file mode 100644 index 000000000..924036fbe Binary files /dev/null and b/docs/assets/pixi.png differ diff --git a/docs/assets/pixi.webp b/docs/assets/pixi.webp new file mode 100644 index 000000000..ba0c7d25e Binary files /dev/null and b/docs/assets/pixi.webp differ diff --git a/docs/index.md b/docs/index.md index 8110a6d4b..ea71bd973 100644 --- a/docs/index.md +++ b/docs/index.md @@ -4,6 +4,8 @@ title: Getting Started description: Package management made easy --- +![Pixi with magic wand](assets/pixi.webp) + Pixi is a package management tool for developers. It allows the developer to install libraries and applications in a reproducible way. Use pixi cross-platform, on Windows, Mac and Linux. @@ -13,7 +15,7 @@ Use pixi cross-platform, on Windows, Mac and Linux. To install `pixi` you can run the following command in your terminal: === "Linux & macOS" - ```shell + ```bash curl -fsSL https://pixi.sh/install.sh | bash ``` diff --git a/docs/overrides/partials/footer.html b/docs/overrides/partials/footer.html new file mode 100644 index 000000000..784834f80 --- /dev/null +++ b/docs/overrides/partials/footer.html @@ -0,0 +1,104 @@ + + + + diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css index 224b52c33..5129dc5b2 100644 --- a/docs/stylesheets/extra.css +++ b/docs/stylesheets/extra.css @@ -1,5 +1,50 @@ -:root { - --md-primary-fg-color: #fabd0e; - --md-primary-fg-color--light: #ffe9ad; - --md-primary-fg-color--dark: #916a00; +.md-header__topic { + font-family: 'Dosis', sans-serif; +} + + +.md-header__topic:first-child { + font-weight: normal; +} + +.md-typeset h1 { + color: #ffec3d; +} +.md-typeset h1, .md-typeset h2, .md-typeset h3, .md-typeset h4, .md-typeset h5, .md-typeset h6 { + font-family: 'Dosis', sans-serif; + font-weight: 500; + color: #ffec3d; +} + +.md-typeset p { + /* kerning */ + text-rendering: optimizeLegibility; +} + + +:root > * { + --md-code-hl-string-color: #ffec3d; +} + +.md-header__button.md-logo { + padding: 0; + margin: 0; +} + +.md-header__button.md-logo img, .md-header__button.md-logo svg { + height: 2.1rem; +} + +[dir=ltr] .md-header__title { + margin-left: 0.5rem; +} + +.md-footer-meta__item--prefix-logo { + height: 2rem; + margin: 0.5rem 0; + display: flex; +} + +.md-footer-meta__item--prefix-logo img { + height: 100%; } diff --git a/mkdocs.yml b/mkdocs.yml index ff565d050..d5b5f05ea 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -1,19 +1,25 @@ site_name: "Pixi by prefix.dev" site_url: https://prefix-dev.github.io/pixi -extra: - homepage: https://prefix.dev - theme: name: material - favicon: assets/logo_light_no_text.svg - logo: assets/logo_light_no_text.svg + custom_dir: docs/overrides + favicon: assets/pixi.png + logo: assets/pixi.png site_url: https://prefix.dev + font: + text: Red Hat Text + code: JetBrains Mono + palette: - primary: custom + primary: yellow + accent: yellow + scheme: slate + icon: edit: material/pencil view: material/eye + features: - content.tabs.link - content.code.copy @@ -24,6 +30,7 @@ theme: - navigation.tracking - navigation.sections - navigation.top + - navigation.footer extra_css: - stylesheets/extra.css @@ -48,6 +55,17 @@ markdown_extensions: toc_depth: 3 permalink: "#" +extra: + homepage: https://prefix.dev + social: + - icon: fontawesome/brands/twitter + link: https://twitter.com/prefix_dev + - icon: fontawesome/brands/linkedin + link: https://www.linkedin.com/company/prefix-dev + - icon: fontawesome/brands/github + link: https://github.com/prefix-dev + + nav: - Getting Started : index.md - Basic Usage: basic_usage.md