From f42be5fd94a295c1455a3a2702d1e5c999c78440 Mon Sep 17 00:00:00 2001 From: Max Levytskyi Date: Wed, 24 Jul 2024 01:37:33 +0300 Subject: [PATCH] added logo to docs --- README.md | 2 ++ docs/logo.svg | 8 ++++++ web/docusaurus.config.ts | 2 +- web/src/components/Intro/Intro.module.css | 6 +++++ web/src/components/Intro/Intro.tsx | 5 ++++ web/src/css/custom.css | 33 +++++++++++++---------- web/static/img/logo.svg | 2 +- 7 files changed, 42 insertions(+), 16 deletions(-) create mode 100644 docs/logo.svg diff --git a/README.md b/README.md index 89d494c..d7d039c 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,7 @@ # [pict-node](https://gmaxlev.github.io/pict-node/) +![CLI watch mode example](./docs/logo.svg) + The documentation is published on [gmaxlev.github.io/pict-node/](https://gmaxlev.github.io/pict-node/) This library is a wrapper around Microsoft's [PICT](https://github.com/microsoft/pict) (Pairwise Independent Combinatorial Testing) tool, designed to work with Node.js for generating combinations of inputs for software testing. PICT is a powerful tool that helps reduce the number of tests needed while still ensuring comprehensive coverage by generating optimized combinations of inputs. diff --git a/docs/logo.svg b/docs/logo.svg new file mode 100644 index 0000000..6f992e7 --- /dev/null +++ b/docs/logo.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/web/docusaurus.config.ts b/web/docusaurus.config.ts index 6c57346..8e221d7 100644 --- a/web/docusaurus.config.ts +++ b/web/docusaurus.config.ts @@ -50,10 +50,10 @@ const config: Config = { // Replace with your project's social card // image: "img/docusaurus-social-card.jpg", navbar: { - title: "pict-node", logo: { alt: "pict-node logo", src: "img/logo.svg", + className: "header-logo", }, items: [ { diff --git a/web/src/components/Intro/Intro.module.css b/web/src/components/Intro/Intro.module.css index 74bc800..f5304ea 100644 --- a/web/src/components/Intro/Intro.module.css +++ b/web/src/components/Intro/Intro.module.css @@ -1,6 +1,8 @@ .intro { align-items: center; justify-content: center; + padding-top: 50px; + padding-bottom: 50px; } .intro h1 { @@ -10,3 +12,7 @@ .intro p { max-width: 400px; } + +.logo { + max-width: 80%; +} diff --git a/web/src/components/Intro/Intro.tsx b/web/src/components/Intro/Intro.tsx index 121cc56..fdd8f12 100644 --- a/web/src/components/Intro/Intro.tsx +++ b/web/src/components/Intro/Intro.tsx @@ -12,6 +12,11 @@ export default function Intro() { >
+ {"pict-node

PICT for Node.js

Combinatorial Test Case Generation

diff --git a/web/src/css/custom.css b/web/src/css/custom.css index 3859140..2e23a5d 100644 --- a/web/src/css/custom.css +++ b/web/src/css/custom.css @@ -6,25 +6,30 @@ /* You can override the default Infima variables here. */ :root { - --ifm-color-primary: #2e8555; - --ifm-color-primary-dark: #29784c; - --ifm-color-primary-darker: #277148; - --ifm-color-primary-darkest: #205d3b; - --ifm-color-primary-light: #33925d; - --ifm-color-primary-lighter: #359962; - --ifm-color-primary-lightest: #3cad6e; + --ifm-color-primary: #83cd29; + --ifm-color-primary-dark: #56871b; + --ifm-color-primary-darker: #4c7719; + --ifm-color-primary-darkest: #3c5e13; + --ifm-color-primary-light: #8ddd2c; + --ifm-color-primary-lighter: #90e32b; + --ifm-color-primary-lightest: #95ea2e; --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); } /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme="dark"] { - --ifm-color-primary: #25c2a0; - --ifm-color-primary-dark: #21af90; - --ifm-color-primary-darker: #1fa588; - --ifm-color-primary-darkest: #1a8870; - --ifm-color-primary-light: #29d5b0; - --ifm-color-primary-lighter: #32d8b4; - --ifm-color-primary-lightest: #4fddbf; + --ifm-color-primary: #83cd29; + --ifm-color-primary-dark: #56871b; + --ifm-color-primary-darker: #4c7719; + --ifm-color-primary-darkest: #3c5e13; + --ifm-color-primary-light: #8ddd2c; + --ifm-color-primary-lighter: #90e32b; + --ifm-color-primary-lightest: #95ea2e; + --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + +.header-logo { + transform: translateY(5px); +} diff --git a/web/static/img/logo.svg b/web/static/img/logo.svg index 8b3fbde..8bd86cb 100644 --- a/web/static/img/logo.svg +++ b/web/static/img/logo.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file