diff --git a/web/public/static/media/cncf-incubating-color.svg b/web/public/static/media/cncf-incubating-color.svg new file mode 100644 index 000000000..2a410f5ff --- /dev/null +++ b/web/public/static/media/cncf-incubating-color.svg @@ -0,0 +1,120 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/web/public/static/media/cncf-incubating-white.svg b/web/public/static/media/cncf-incubating-white.svg new file mode 100644 index 000000000..abaee8334 --- /dev/null +++ b/web/public/static/media/cncf-incubating-white.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/public/static/media/cncf-sandbox-horizontal-color.png b/web/public/static/media/cncf-sandbox-horizontal-color.png deleted file mode 100644 index 4ea1adf36..000000000 Binary files a/web/public/static/media/cncf-sandbox-horizontal-color.png and /dev/null differ diff --git a/web/src/layout/home/HomeView.module.css b/web/src/layout/home/HomeView.module.css index 5b93fd198..0236c9a4b 100644 --- a/web/src/layout/home/HomeView.module.css +++ b/web/src/layout/home/HomeView.module.css @@ -28,6 +28,22 @@ width: auto; } +[data-theme='dark'] .colorLogo { + display: none; +} + +[data-theme='dark'] .whiteLogo { + display: block; +} + +[data-theme='light'] .colorLogo { + display: block; +} + +[data-theme='light'] .whiteLogo { + display: none; +} + .about { background-color: var(--color-1-600); } diff --git a/web/src/layout/home/__snapshots__/index.test.tsx.snap b/web/src/layout/home/__snapshots__/index.test.tsx.snap index dc10a84c9..ea05be714 100644 --- a/web/src/layout/home/__snapshots__/index.test.tsx.snap +++ b/web/src/layout/home/__snapshots__/index.test.tsx.snap @@ -920,21 +920,26 @@ exports[`Home index creates snapshot 1`] = ` class="container-lg px-sm-4 px-lg-0 py-0 py-md-5" >
+
Artifact Hub is a Cloud Native Computing Foundation - sandbox project. + incubating project.
diff --git a/web/src/layout/home/index.test.tsx b/web/src/layout/home/index.test.tsx index 592362149..65b1df6c7 100644 --- a/web/src/layout/home/index.test.tsx +++ b/web/src/layout/home/index.test.tsx @@ -160,7 +160,7 @@ describe('Home index', () => { expect(links[26]).toHaveProperty('href', 'https://tekton.dev/'); expect(links[27]).toHaveProperty('href', 'https://tinkerbell.org/'); - expect(links[28]).toHaveProperty('href', 'https://www.cncf.io/sandbox-projects/'); + expect(links[28]).toHaveProperty('href', 'https://www.cncf.io/projects/'); }); }); }); diff --git a/web/src/layout/home/index.tsx b/web/src/layout/home/index.tsx index ba05a3179..4f121f5ba 100644 --- a/web/src/layout/home/index.tsx +++ b/web/src/layout/home/index.tsx @@ -507,22 +507,27 @@ const HomeView = () => {
-
+
Logo CNCF sandbox project -
+ Logo CNCF incubating project +
Artifact Hub is a{' '} Cloud Native Computing Foundation {' '} - sandbox project. + incubating project.